/* Homepage-only conservative CSS subset. Generated from style.php; dynamic UI states preserved. */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;600;700&display=swap");
:root { --color-primary: #94c01e; --color-primary-2: #0B4DF5; --color-primary-3: #F64A00; --color-primary-4: #5264F3; --color-primary-5: #B00F0F; --color-primary-6: #F64A00; --color-primary-7: #E87556; --color-primary-8: #845CFF; --color-primary-9: #4A3BCA; --color-primary-alta: #ffffff; --color-secondary: #111D5E; --color-terciary: #90FF03; --color-gray: #f6f6f6; --color-gray-2: #f5f8fa; --color-subtitle: #f9004d; --color-body: #5D666F; --color-heading-1: #1C2539; --background-color-1: #181C25; --color-white: #fff; --color-light-heading: #181c32; --color-light-body: #65676b; --color-border-white: #00000024; --color-success: #3EB75E; --color-danger: #FF0003; --color-warning: #FF8F3C; --color-info: #1BA2DB; --color-facebook: #3B5997; --color-twitter: #1BA1F2; --color-youtube: #ED4141; --color-linkedin: #0077B5; --color-pinterest: #E60022; --color-instagram: #C231A1; --color-vimeo: #00ADEF; --color-twitch: #6441A3; --color-discord: #7289da; --p-light: 300; --p-regular: 400; --p-medium: 500; --p-semi-bold: 600; --p-bold: 700; --p-extra-bold: 800; --p-black: 900; --s-light: 300; --s-regular: 400; --s-medium: 500; --s-semi-bold: 600; --s-bold: 700; --s-extra-bold: 800; --s-black: 900; --transition: 0.3s; --font-primary: "Titillium Web", sans-serif; --font-secondary: "Titillium Web", sans-serif; --font-size-b1: 16px; --font-size-b2: 18px; --font-size-b3: 22px; --line-height-b1: 26px; --line-height-b2: 30px; --line-height-b3: 1.7; --h1: 60px; --h2: 48px; --h3: 36px; --h4: 30px; --h5: 24px; --h6: 20px; }
* { box-sizing: border-box; }
html { margin: 0px; padding: 0px; font-size: 10px; overflow: hidden auto; scroll-behavior: auto !important; }
body { font-size: var(--font-size-b1); line-height: var(--line-height-b1); -webkit-font-smoothing: antialiased; color: var(--color-body); font-weight: var(--p-regular); position: relative; overflow-x: hidden; font-family: var(--font-primary); }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body { overflow: hidden; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
body { overflow: hidden; }
}
@media only screen and (max-width: 767px) {
body { overflow: hidden; }
.social-wrapper-two a::after { height: 40px !important; width: 40px !important; }
.social-wrapper-two a { margin-right: 35px !important; }
}
body::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; opacity: 0.05; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0px 0px 20px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; line-height: 1.4074; color: var(--color-heading-1); }
h1, .h1 { font-size: var(--h1); line-height: 91px; font-weight: 900; }
h2, .h2 { font-size: var(--h2); line-height: 1.23; }
h3, .h3 { font-size: var(--h3); line-height: 54px; }
h4, .h4 { font-size: var(--h4); line-height: 1.25; }
h5, .h5 { font-size: var(--h5); line-height: 1.24; }
h6, .h6 { font-size: var(--h6); line-height: 1.25; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1, .h1 { font-size: 38px; }
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 24px; }
h5, .h5 { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
h1, .h1 { font-size: 34px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 20px; }
}
h1, .h1, h2, .h2, h3, .h3 { font-weight: var(--s-bold); }
h4, .h4, h5, .h5 { font-weight: var(--s-bold); }
h6, .h6 { font-weight: var(--s-bold); }
p { font-size: var(--font-size-b2); line-height: var(--line-height-b2); font-weight: var(--p-regular); color: var(--color-body); margin: 0px 0px 40px; }
@media only screen and (max-width: 767px) {
p { margin: 0px 0px 20px; font-size: 16px; line-height: 28px; }
}
p:last-child { margin-bottom: 0px; }
ul, ol { padding-left: 18px; }
ul { list-style: square; margin-bottom: 30px; padding-left: 20px; }
ul li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); margin-top: 10px; margin-bottom: 10px; color: var(--color-body); list-style: none; }
ul li a { text-decoration: none; color: var(--color-gray); }
ul li a:hover { color: var(--color-primary); }
ul ul { margin-bottom: 0px; }
@media only screen and (max-width: 1199px) {
h1 { font-size: 64px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
h1 { font-size: 54px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1 { font-size: 40px; line-height: 56px; }
}
@media only screen and (max-width: 767px) {
h1 { font-size: 30px; line-height: 45px; }
}
@media only screen and (max-width: 575px) {
h1 { font-size: 28px; line-height: 36px; }
}
@media only screen and (max-width: 479px) {
h1 { font-size: 26px; line-height: 30px; }
}
@media only screen and (max-width: 1199px) {
h2 { font-size: 54px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
h2 { font-size: 44px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h2 { font-size: 36px; line-height: 56px; }
}
@media only screen and (max-width: 767px) {
h2 { font-size: 30px; line-height: 45px; }
}
@media only screen and (max-width: 575px) {
h2 { font-size: 26px; line-height: 36px; }
}
@media only screen and (max-width: 479px) {
h2 { font-size: 24px; line-height: 30px; }
}
@media only screen and (max-width: 1199px) {
h3 { font-size: 40px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
h3 { font-size: 36px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h3 { font-size: 30px; line-height: 56px; }
}
@media only screen and (max-width: 767px) {
h3 { font-size: 30px; line-height: 45px; }
}
@media only screen and (max-width: 575px) {
h3 { font-size: 24px; line-height: 36px; }
}
@media only screen and (max-width: 479px) {
h3 { font-size: 22px; line-height: 30px; }
}
.slick-dotted.slick-slider { margin-bottom: 0px; }
.rts-section-gap { padding: 70px 0px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rts-section-gap { padding: 80px 0px; }
}
@media only screen and (max-width: 767px) {
.rts-section-gap { padding: 60px 0px; }
}
.rts-section-gapTop { padding-top: 120px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rts-section-gapTop { padding-top: 70px; }
}
@media only screen and (max-width: 767px) {
.rts-section-gapTop { padding-top: 60px; }
}
.mr--0 { margin-right: 0px !important; }
.pl--10 { padding-left: 10px !important; }
.mt--15 { margin-top: 15px !important; }
.mt--20 { margin-top: 20px !important; }
.ml--20 { margin-left: 20px !important; }
.pl--30 { padding-left: 30px !important; }
.mt--30 { margin-top: 30px !important; }
.mb--30 { margin-bottom: 30px !important; }
.mt--40 { margin-top: 40px !important; }
.mt--45 { margin-top: 45px !important; }
.pt--50 { padding-top: 50px !important; }
.pb--50 { padding-bottom: 50px !important; }
.pl--50 { padding-left: 50px !important; }
.mt--50 { margin-top: 50px !important; }
.pt--70 { padding-top: 70px !important; }
.mt--70 { margin-top: 70px !important; }
.pb--80 { padding-bottom: 80px !important; }
.pt--120 { padding-top: 120px !important; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt_md--50 { margin-top: 50px !important; }
}
@media only screen and (max-width: 767px) {
.ml_sm--5 { margin-left: 5px !important; }
.mb_sm--10 { margin-bottom: 10px !important; }
.pl_sm--20 { padding-left: 20px !important; }
.pb_sm--40 { padding-bottom: 40px !important; }
.mt_sm--50 { margin-top: 50px !important; }
.pt_sm--80 { padding-top: 80px !important; }
}
.slick-gutter-5 { margin-left: -5px; margin-right: -5px; }
.slick-gutter-5 .slick-slide { padding-left: 5px; padding-right: 5px; }
.slick-gutter-10 { margin-left: -10px; margin-right: -10px; }
.slick-gutter-10 .slick-slide { padding-left: 10px; padding-right: 10px; }
.slick-gutter-15 { margin-left: -15px; margin-right: -15px; }
.slick-gutter-15 .slick-slide { padding-left: 15px; padding-right: 15px; }
.slick-gutter-20 { margin-left: -20px; margin-right: -20px; }
.slick-gutter-20 .slick-slide { padding-left: 20px; padding-right: 20px; }
.slick-gutter-25 { margin-left: -25px; margin-right: -25px; }
.slick-gutter-25 .slick-slide { padding-left: 25px; padding-right: 25px; }
.slick-gutter-30 { margin-left: -30px; margin-right: -30px; }
.slick-gutter-30 .slick-slide { padding-left: 30px; padding-right: 30px; }
.slick-gutter-35 { margin-left: -35px; margin-right: -35px; }
.slick-gutter-35 .slick-slide { padding-left: 35px; padding-right: 35px; }
.slick-gutter-40 { margin-left: -40px; margin-right: -40px; }
.slick-gutter-40 .slick-slide { padding-left: 40px; padding-right: 40px; }
.slick-gutter-45 { margin-left: -45px; margin-right: -45px; }
.slick-gutter-45 .slick-slide { padding-left: 45px; padding-right: 45px; }
.slick-gutter-50 { margin-left: -50px; margin-right: -50px; }
.slick-gutter-50 .slick-slide { padding-left: 50px; padding-right: 50px; }
.slick-gutter-55 { margin-left: -55px; margin-right: -55px; }
.slick-gutter-55 .slick-slide { padding-left: 55px; padding-right: 55px; }
.slick-gutter-60 { margin-left: -60px; margin-right: -60px; }
.slick-gutter-60 .slick-slide { padding-left: 60px; padding-right: 60px; }
.slick-gutter-65 { margin-left: -65px; margin-right: -65px; }
.slick-gutter-65 .slick-slide { padding-left: 65px; padding-right: 65px; }
.slick-gutter-70 { margin-left: -70px; margin-right: -70px; }
.slick-gutter-70 .slick-slide { padding-left: 70px; padding-right: 70px; }
.slick-gutter-75 { margin-left: -75px; margin-right: -75px; }
.slick-gutter-75 .slick-slide { padding-left: 75px; padding-right: 75px; }
.slick-gutter-80 { margin-left: -80px; margin-right: -80px; }
.slick-gutter-80 .slick-slide { padding-left: 80px; padding-right: 80px; }
.slick-gutter-85 { margin-left: -85px; margin-right: -85px; }
.slick-gutter-85 .slick-slide { padding-left: 85px; padding-right: 85px; }
.slick-gutter-90 { margin-left: -90px; margin-right: -90px; }
.slick-gutter-90 .slick-slide { padding-left: 90px; padding-right: 90px; }
.slick-gutter-95 { margin-left: -95px; margin-right: -95px; }
.slick-gutter-95 .slick-slide { padding-left: 95px; padding-right: 95px; }
.slick-gutter-100 { margin-left: -100px; margin-right: -100px; }
.slick-gutter-100 .slick-slide { padding-left: 100px; padding-right: 100px; }
* { box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
a { color: var(--color-heading); text-decoration: none; outline: none; }
a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--color-primary); }
a:focus { outline: none; }
b, strong { font-weight: bold; }
menu, ol, ul { margin: 16px 0px; padding: 0px 0px 0px 40px; }
nav ul, nav ol { list-style: none none; }
li > ul, li > ol { margin: 0px; }
img { border: 0px; vertical-align: middle; max-width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }
form { margin: 0px; }
button, input, select, textarea { font-size: 100%; margin: 0px; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
textarea { overflow: auto; vertical-align: top; }
input, button, select, textarea { background: transparent; border: 1px solid var(--color-border); transition: 0.4s ease-out; color: var(--color-body); width: 100%; }
input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: var(--color-primary); }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
input { height: 40px; padding: 0px 15px; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea { font-size: var(--font-size-b2); font-weight: 400; height: auto; line-height: 28px; background: transparent; box-shadow: none; padding: 0px 15px; outline: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); }
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder { color: var(--body-color); opacity: 1; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus { border-color: var(--color-primary); }
.slick-initialized .slick-slide { margin-bottom: -10px; }
.slick-gutter-15 { margin: -30px -15px; }
.slick-gutter-15 .slick-slide { padding: 30px 15px; }
.bg_image { background-repeat: no-repeat; background-size: cover; background-position: center center; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; }
body { scroll-behavior: auto; background: rgb(255, 255, 255); }
::placeholder { font-size: 16px; color: rgb(93, 102, 111) !important; opacity: 1 !important; }
.bg-1 { background: rgb(148, 192, 30); }
.bg-white { background: rgb(255, 255, 255); }
.bg-footer-one { background: rgb(14, 20, 34); position: relative; overflow: hidden; z-index: 1; }
.bg-footer-one::after { content: ""; position: absolute; background-image: url("../../uploads/arkaplan/arkaplan27/01.svg"); height: 450px; width: 450px; right: -3%; background-repeat: no-repeat; bottom: -5%; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.bg-footer-one::after { right: -15%; }
}
@media only screen and (max-width: 1199px) {
.bg-footer-one::after { right: -15%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg-footer-one::after { left: 53%; }
}
.bg-footer-one::before { content: ""; position: absolute; background-image: url("../../uploads/arkaplan/arkaplan23/02.png"); height: 800px; width: 823px; left: -16%; background-position: center center; bottom: -13%; background-size: cover; z-index: -1; background-repeat: no-repeat; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.bg-footer-one::before { left: -25%; }
}
@media only screen and (max-width: 1199px) {
.bg-footer-one::before { left: -25%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg-footer-one::before { left: -48%; }
}
.bg-footer-one .bg-shape-f1 { position: relative; z-index: 1; }
.bg-footer-one .bg-shape-f1::after { position: absolute; background-image: url("../../uploads/arkaplan/arkaplan26/arkaplan26-03-optimized.webp"); content: ""; height: 500px; width: 523px; left: -25%; top: -20%; z-index: -1; background-repeat: no-repeat; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.bg-footer-one .bg-shape-f1::after { left: -30%; top: -32%; }
}
@media only screen and (max-width: 1199px) {
.bg-footer-one .bg-shape-f1::after { left: -30%; top: -32%; }
}
.rts-title-area { position: relative; z-index: 1; }
@media only screen and (max-width: 1199px) {
.rts-title-area::after { font-size: 90px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rts-title-area::after { font-size: 90px; }
}
@media only screen and (max-width: 767px) {
.rts-title-area::after { font-size: 70px; }
}
@media only screen and (max-width: 479px) {
.rts-title-area::after { font-size: 50px; }
}
.rts-title-area p.pre-title { color: var(--color-primary); margin-bottom: 0px; font-family: var(--font-secondary); font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: -5px; }
@media only screen and (max-width: 479px) {
.rts-title-area p.pre-title { font-size: 14px; }
}
.rts-title-area .title { margin-bottom: 24px; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes jump-1 {
0% { transform: translate3d(0px, 0px, 0px); }
40% { transform: translate3d(0px, 20px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes jump-2 {
0% { transform: translate3d(0px, 0px, 0px); }
50% { transform: translate3d(0px, 30px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes jump-3 {
0% { transform: translate3d(0px, 0px, 0px); }
50% { transform: translate3d(0px, 10px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slide-one {
0% { transform: translate3d(-60px, 0px, 0px); }
25% { transform: translate3d(-30px, 0px, 0px); }
50% { transform: translate3d(0px, 0px, 0px); }
75% { transform: translate3d(-30px, 0px, 0px); }
100% { transform: translate3d(-60px, 0px, 0px); }
}
@keyframes slide-one1 {
0% { transform: translate3d(0px, 0px, 0px); }
25% { transform: translate3d(-30px, 0px, 0px); }
50% { transform: translate3d(-60px, 0px, 0px); }
75% { transform: translate3d(-30px, 0px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slide-two {
0% { transform: translate3d(60px, 0px, 0px); }
25% { transform: translate3d(30px, 0px, 0px); }
50% { transform: translate3d(0px, 0px, 0px); }
75% { transform: translate3d(30px, 0px, 0px); }
100% { transform: translate3d(60px, 0px, 0px); }
}
@keyframes slide-two1 {
0% { transform: translate3d(0px, 0px, 0px); }
25% { transform: translate3d(30px, 0px, 0px); }
50% { transform: translate3d(60px, 0px, 0px); }
75% { transform: translate3d(30px, 0px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes flash {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}
@keyframes flash {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}
@-webkit-keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes shake {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shake {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@-webkit-keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@-webkit-keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes wobble {
0% { transform: none; }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: none; }
}
@keyframes wobble {
0% { transform: none; }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: none; }
}
@-webkit-keyframes jello {
0%, 11.1%, 100% { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes jello {
0%, 11.1%, 100% { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { transform: none; }
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { transform: none; }
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { transform: none; }
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { transform: none; }
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { transform: none; }
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { transform: none; }
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@-webkit-keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes flip {
0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@keyframes flip {
0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@-webkit-keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
@-webkit-keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
@-webkit-keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes lightSpeedIn {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); opacity: 1; }
100% { transform: none; opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); opacity: 1; }
100% { transform: none; opacity: 1; }
}
@-webkit-keyframes lightSpeedOut {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@-webkit-keyframes rotateIn {
0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform-origin: center center; transform: none; opacity: 1; }
}
@keyframes rotateIn {
0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform-origin: center center; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInDownLeft {
0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownLeft {
0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInDownRight {
0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight {
0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInUpLeft {
0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpLeft {
0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInUpRight {
0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpRight {
0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateOut {
0% { transform-origin: center center; opacity: 1; }
100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOut {
0% { transform-origin: center center; opacity: 1; }
100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownLeft {
0% { transform-origin: left bottom; opacity: 1; }
100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft {
0% { transform-origin: left bottom; opacity: 1; }
100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownRight {
0% { transform-origin: right bottom; opacity: 1; }
100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutDownRight {
0% { transform-origin: right bottom; opacity: 1; }
100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpLeft {
0% { transform-origin: left bottom; opacity: 1; }
100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft {
0% { transform-origin: left bottom; opacity: 1; }
100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpRight {
0% { transform-origin: right bottom; opacity: 1; }
100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes rotateOutUpRight {
0% { transform-origin: right bottom; opacity: 1; }
100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@-webkit-keyframes hinge {
0% { transform-origin: left top; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge {
0% { transform-origin: left top; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@-webkit-keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: none; }
}
@keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: none; }
}
@-webkit-keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@-webkit-keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@-webkit-keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
@keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
@-webkit-keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@-webkit-keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@-webkit-keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes jump-1 {
0% { transform: translate3d(0px, 0px, 0px); }
40% { transform: translate3d(0px, 20px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes jump-2 {
0% { transform: translate3d(0px, 0px, 0px); }
50% { transform: translate3d(0px, 30px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes rotateIt {
100% { transform: rotate(-360deg); }
}
@keyframes rotateIt2 {
100% { transform: rotate(360deg); }
}
@keyframes animate-floting {
0% { transform: translateX(50%); }
50% { transform: translateX(-40%); }
100% { transform: translateX(40%); }
}
@keyframes animate-floting-2 {
0% { transform: translateX(-50%); }
50% { transform: translateX(40%); }
100% { transform: translateX(-40%); }
}
@keyframes waves {
0% { transform: scale(0.2, 0.2); opacity: 0; }
50% { opacity: 0.9; }
100% { transform: scale(0.9, 0.9); opacity: 0; }
}
@keyframes customOne {
0% { transform: translateY(-50%) scale(0); opacity: 1; }
100% { transform: translateY(-50%) scale(1.3); opacity: 0; }
}
@keyframes liveAuction {
0% { background: var(--color-white); }
100% { background: var(--color-danger); }
}
[data-sal|="fade"].sal-animate, body.sal-disabled [data-sal|="fade"] { opacity: 1; }
[data-sal|="slide"].sal-animate, body.sal-disabled [data-sal|="slide"] { opacity: 1; transform: none; }
[data-sal|="zoom"].sal-animate, body.sal-disabled [data-sal|="zoom"] { opacity: 1; transform: none; }
[data-sal|="flip"].sal-animate, body.sal-disabled [data-sal|="flip"] { transform: none; }
.header-top-one .left { display: flex; align-items: center; }
.header-top-one .left .mail, .header-top-one .left .telefon { position: relative; }
.header-top-one .left .mail a, .header-top-one .left .telefon a { padding: 11px 0px; display: block; color: rgb(255, 255, 255); margin-right: 50px; font-size: 14px; position: relative; transition: var(--transition); }
.header-top-one .left .mail a i, .header-top-one .left .telefon a i { margin-right: 6px; }
.header-top-one .left .mail a::after, .header-top-one .left .telefon a::after { content: ""; position: absolute; left: 0px; bottom: 12px; height: 1px; width: 0%; background: rgb(255, 255, 255); transition: var(--transition); }
.header-top-one .left .mail a:hover, .header-top-one .left .telefon a:hover { color: var(--color-white); }
.header-top-one .left .mail a:hover::after, .header-top-one .left .telefon a:hover::after { width: 100%; }
.header-top-one .left .mail::after { position: absolute; content: ""; width: 1px; height: 14px; background: rgb(255, 255, 255); right: 25px; top: 50%; transform: translateY(-50%); }
.header-top-one .right { display: flex; justify-content: flex-end; }
.header-top-one .right .top-nav { display: flex; list-style: none; padding-left: 0px; margin: 0px; align-items: center; }
.main-header__dil { background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 5px !important; }
.main-header__dil:hover { text-decoration: none !important; }
.main-header__dil::after { content: none !important; }
.header-top-one .right .top-nav li { margin: 0px 20px 0px 0px; }
.header-top-one .right .top-nav li a { font-size: 14px; transition: var(--transition); position: relative; padding: 11px 0px; display: block; color: rgb(255, 255, 255); }
.header-top-one .right .top-nav li a::after { content: ""; position: absolute; left: 0px; bottom: 12px; height: 1px; width: 0%; background: rgb(255, 255, 255); transition: var(--transition); }
.header-top-one .right .top-nav li a:hover::after { width: 100%; }
.header-top-one .right .social-wrapper-one { margin-left: 30px; position: relative; }
.header-top-one .right .social-wrapper-one a i { transition: 0.3s; }
.header-top-one .right .social-wrapper-one a:hover i { transform: scale(1.2); }
.header-top-one .right .social-wrapper-one i { color: rgb(255, 255, 255); }
.header-top-one .right .social-wrapper-one::after { position: absolute; content: ""; width: 1px; height: 14px; left: -25px; top: 50%; transform: translateY(-50%); background: rgb(255, 255, 255); }
.header-container .button-area, .main-header .button-area { display: flex; align-items: center; margin-left: 30px; }
.header-container .button-area button.menu .menu-dark, .main-header .button-area button.menu .menu-dark { display: block; transition: 0.3s; }
.header-container .button-area button.menu .menu-light, .main-header .button-area button.menu .menu-light { display: none; transition: 0.3s; }
.header-container .button-area button.menu:hover .menu-dark, .main-header .button-area button.menu:hover .menu-dark { display: none; }
.header-container .button-area button.menu:hover .menu-light, .main-header .button-area button.menu:hover .menu-light { display: block; }
.social-wrapper-one { list-style: none; display: flex; margin: 0px; padding: 0px; align-items: center; }
.social-wrapper-one li { margin: 0px; }
.social-wrapper-one li a { color: rgb(255, 255, 255); margin-right: 20px; padding: 11px 0px; }
.social-wrapper-one li a i { color: rgb(255, 255, 255); transition: 0.3s; font-size: 14px; }
.social-wrapper-one li a:hover i { color: var(--color-primary); }
.header--sticky { transition: 0.3s; top: 0px; z-index: 999; position: relative; box-shadow: rgba(24, 16, 16, 0.05) 0px 7px 18px; }
.header--sticky.sticky { top: 0px; display: block; backdrop-filter: blur(9px); z-index: 999; width: 100%; box-shadow: rgba(24, 16, 16, 0.05) 0px 7px 18px; position: fixed !important; }
.header-one.header--sticky.sticky .header-top { display: none; }
.search-input-area.show { visibility: visible; transform: inherit; opacity: 1; }
.search-input-area { transition: 500ms; visibility: hidden; transform: translateY(-100%); opacity: 0; position: fixed; top: 0px; left: 0px; width: 100%; padding: 57px 0px; background: white; box-shadow: rgba(0, 0, 0, 0.46) 1px 1px 50px; z-index: 9999; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 479px) {
.search-input-area { padding: 20px 0px; }
}
.search-input-area .search-input-inner { display: flex; align-items: center; position: relative; }
.search-input-area .search-input-inner .input-div { width: 80%; display: flex; align-items: center; margin: auto; }
.search-input-area .search-input-inner .input-div input { background: rgb(247, 247, 247); border-radius: 5px; height: 55px; }
.search-input-area .search-input-inner .input-div button { max-width: max-content; padding: 17.5px; background: var(--color-primary); color: rgb(255, 255, 255); align-items: center; justify-content: center; display: block; margin-left: -9px; border-radius: 0px 5px 5px 0px; }
.search-input-area .search-close-icon { cursor: pointer; position: absolute; right: 18px; top: 12px; }
@media (max-width: 500px) {
.search-input-area .search-close-icon { display: none; }
}
.search-input-area .search-close-icon i { position: relative; z-index: 1; color: var(--color-primary); transition: 0.3s; font-size: 18px; }
.search-input-area .search-close-icon i::after { position: absolute; height: 45px; width: 45px; content: ""; border-radius: 5px; background: var(--color-primary-alta); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; }
.search-input-area .search-close-icon:hover i { color: var(--color-primary); }
.search-input-area .search-close-icon:hover i::after { background: var(--color-primary-alta); }
#anywhere-home { cursor: url("../images/banner/shape/close.png"), auto; background: rgb(14, 16, 19); position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; }
li.has-droupdown { margin-right: 48px !important; }
body.home-eleven #menu-btn:hover { background: var(--color-primary-8) !important; }
.mainmenu li { position: relative; }
.mainmenu li.has-droupdown > a { position: relative; }
.mainmenu li.has-droupdown > a::before { top: 52%; right: -18px; transform: translateY(-50%); transition: 0.3s; font-size: 11px; content: "" !important; position: absolute !important; font-family: "Font Awesome 5 Pro" !important; }
.mainmenu li.has-droupdown > a:hover { color: var(--color-primary); }
.mainmenu li.has-droupdown > a:hover::before { content: "" !important; }
.mainmenu li.has-droupdown .submenu { min-width: 270px; height: auto; position: absolute; top: 90%; left: 0px; z-index: 90; opacity: 0; visibility: hidden; text-align: left; transition: 0.3s; border-radius: 0px 0px 10px 10px; background-color: rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); border-top: 4px solid var(--color-primary); display: inline-block; box-shadow: rgba(0, 0, 0, 0.08) 0px 36px 35px; }
.mainmenu li.has-droupdown .submenu::after { top: -20px; left: 16%; transform: translateX(-50%); position: absolute; content: ""; border-width: 8px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image: none; border-bottom-color: var(--color-primary); }
.mainmenu li.has-droupdown .submenu li { margin-right: 0px; padding: 0px 15px; }
.mainmenu li.has-droupdown .submenu li:not(:last-child) { border-bottom: 1px solid rgba(196, 196, 196, 0.15); }
.mainmenu li.has-droupdown .submenu li a { padding: 10px 0px; font-size: 15px; }
.mainmenu li.has-droupdown .submenu li a::after { display: none; }
.mainmenu li:hover .submenu { opacity: 1; visibility: visible; top: 100%; }
.side-bar { position: fixed; overflow: hidden auto; top: 0px; right: -100%; width: 365px; padding: 50px 30px 40px; height: 100%; background-color: white; backdrop-filter: blur(7px); z-index: 1900; transition: 600ms; box-shadow: rgba(149, 22, 22, 0.12) -5px 0px 20px -5px; display: flex; flex-direction: column; }
@media only screen and (max-width: 479px) {
.side-bar { width: 320px; box-shadow: none; }
}
.side-bar.show { right: 0px; }
.side-bar button { max-width: max-content; }
.side-bar button i { color: rgb(255, 255, 255); height: 50px; width: 50px; border-radius: 5px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; margin-left: -8px; margin-top: -3px; }
.rts-sidebar-menu-desktop .logo { margin-top: 50px; }
.rts-sidebar-menu-desktop p.disc { margin-top: 30px; font-size: 16px; line-height: 26px; }
.rts-sidebar-menu-desktop .get-in-touch .title { margin-bottom: 30px; }
.rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); margin-right: 10px; margin-bottom: 15px; }
.rts-sidebar-menu-desktop .get-in-touch .wrapper .single i:last-child { margin-bottom: 0px; }
.rts-sidebar-menu-desktop .get-in-touch .wrapper .single a { transition: 0.3s; }
.social-wrapper-two.menu { margin-top: 50px; margin-left: 12px; padding-left: 0px; }
.social-wrapper-two a { margin-right: 40px; z-index: 1; position: relative; }
.social-wrapper-two a i { color: rgb(255, 255, 255); transition: 0.3s; font-size: 16px; }
.social-wrapper-two a::after { position: absolute; height: 45px; width: 45px; border-radius: 50%; content: ""; z-index: -1; background: var(--color-primary); top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; }
.social-wrapper-two a:hover i { color: var(--color-primary); }
.social-wrapper-two a:hover::after { background: rgb(255, 255, 255); box-shadow: rgba(33, 5, 5, 0.05) 0px 10px 30px; }
.logo-1 { display: block; }
.logo-2 { display: none; }
.logo-3 { display: none; }
.logo-4 { display: none; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a { color: rgb(0, 0, 0); display: block; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary); }
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown > a::before { content: "" !important; right: 10px; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown > a.open::before { content: "" !important; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu::after { display: none; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu { padding-left: 0px; margin-top: 50px; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu > li { padding: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.07) 0px 11px 30px; width: 100%; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu ul { padding: 0px; margin: 0px; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu { position: inherit; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; display: none !important; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active { visibility: visible; opacity: 1; display: block !important; }
.rts-btn { padding: 17px 30px; min-width: max-content; font-size: 16px; line-height: 21px; font-weight: 700; border-radius: 15px; transition: var(--transition); }
.rts-btn:focus { outline: none; box-shadow: none; }
.rts-btn.btn-primary { background: var(--color-primary); }
.rts-btn.btn-primary:hover { background: var(--color-primary-alta); color: rgb(28, 37, 57); }
.rts-btn.btn-primary-alta { background: var(--color-primary-alta); padding: 17px; }
.rts-btn.btn-primary-alta:hover { background: var(--color-primary); }
.rts-btn.btn-primary-alta:hover i { color: rgb(255, 255, 255); }
.rts-btn.btn-primary-alta i { color: rgb(28, 37, 57); position: relative; margin-bottom: -2px; transition: 0.3s; line-height: 22px; }
.rts-read-more { font-weight: 600; color: rgb(28, 37, 57); transition: var(--transition); }
.rts-read-more i { padding: 13px; background: rgb(255, 255, 255); border-radius: 50%; margin-right: 12px; color: rgb(28, 37, 57); line-height: 12px; font-size: 14px; transition: var(--transition); box-shadow: rgba(24, 16, 16, 0.05) 0px 9px 18px; }
.rts-read-more.btn-primary { background: transparent; color: rgb(28, 37, 57); }
.rts-read-more:hover { color: var(--color-primary); }
.rts-read-more:hover i { background: var(--color-primary); color: var(--color-white); }
.rts-read-more:focus { box-shadow: none; outline: none; }
@media only screen and (max-width: 479px) {
.header-one-btn.rts-btn { padding: 10px 7px; font-size: 14px; }
}
@media only screen and (max-width: 479px) {
#search { height: 42px; display: flex; align-items: center; justify-content: center; width: 48px !important; padding: 17px 13px !important; }
}
#menu-btn { background: var(--color-primary-alta); height: 55px; width: 55px; padding: 17px; display: flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 479px) {
#menu-btn { background: var(--color-primary-alta); height: 44px; width: 42px; padding: 17px; display: flex; align-items: center; justify-content: center; }
}
@media only screen and (max-width: 479px) {
#menu-btn { padding: 17px 13px; }
}
#menu-btn:hover { background: var(--color-primary); }
#search { width: 55px; }
@media only screen and (max-width: 575px) {
.quote-btn { display: none; }
}
.quote-btnmenu { margin-top: 30px; }
@media only screen and (min-width: 575px) {
.quote-btnmenu { display: none; }
}
@media only screen and (max-width: 575px) {
.quote-btnmenu { display: block; max-width: max-content; }
}
.social-wrapper-two.menu.mobile-menu { margin-top: 35px; margin-left: 18px; }
.social-wrapper-two.menu.mobile-menu a i { color: var(--color-primary); }
.social-wrapper-two.menu.mobile-menu a::after { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 11px 30px; }
.social-wrapper-two.menu.mobile-menu a:hover i { color: rgb(255, 255, 255); }
.social-wrapper-two.menu.mobile-menu a:hover::after { background: var(--color-primary); }
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: end; -webkit-box-align: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mySwiperh2_clients .swiper-slide { border-radius: 20px; }
.mySwiperh1_blog .swiper-slide { background: transparent; text-align: left; }
.rts-btn.color-h-black:hover { background: rgb(28, 37, 57) !important; color: rgb(255, 255, 255) !important; }
.bg-shape-wrapper-main { background-image: url("../images/bg/bg-shape-1.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.swiper-banner-main-wrapper-13 { position: relative; }
.swiper-banner-main-wrapper-13 .swiper-slide img { width: auto; height: auto; }
.swiper-banner-main-wrapper-13 .swiper-slide { display: inline-block; }
.swiper-banner-main-wrapper-13 .swiper-pagination { max-width: max-content; right: 50px; top: 60%; transform: translateY(-50%); left: auto; position: absolute; }
.swiper-banner-main-wrapper-13 .swiper-pagination .swiper-pagination-bullet { margin: 15px 0px; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); opacity: 1; background: transparent; }
.swiper-banner-main-wrapper-13 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(0, 0, 0, 0.2); }
.swiper-banner-main-wrapper-13 .swiper-slide p.disc { opacity: 0; }
.swiper-banner-main-wrapper-13 .swiper-slide .rts-btn { opacity: 0; }
.swiper-banner-main-wrapper-13 .swiper-slide-active p.disc { animation: 2s ease 0s 1 normal none running fadeInUp; opacity: 1; }
.swiper-banner-main-wrapper-13 .swiper-slide-active .rts-btn { animation: 2.5s ease 0s 1 normal none running fadeInUp; opacity: 1; }
@media only screen and (max-width: 767px) {
.swiper-banner-main-wrapper-13 .swiper-pagination { display: none; }
}
.testimonial-h2.black-title.title-area.left-right .title-left span { color: var(--color-primary-8) !important; }
.testimonial-h2.black-title.title-area.left-right .title-left .title { color: rgb(24, 26, 28) !important; }
body.thirteen-body .title-area span { font-size: 16px; padding: 10px 20px; border: 1px solid rgb(233, 233, 233); border-radius: 30px; color: var(--color-primary-8) !important; }
.title-top-wrapper-main-between { display: flex; align-items: center; justify-content: space-between; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.title-top-wrapper-main-between { flex-direction: column; align-items: flex-start; gap: 25px; }
}
@media only screen and (max-width: 767px) {
.title-top-wrapper-main-between { flex-direction: column; align-items: flex-start; gap: 20px; }
}
.title-top-wrapper-main-between p.disc { max-width: 40%; margin-left: auto; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.title-top-wrapper-main-between p.disc { margin-left: 0px; max-width: 60%; }
}
@media only screen and (max-width: 767px) {
.title-top-wrapper-main-between p.disc { margin-left: 0px; max-width: 100%; }
}
.slide-ride-float { width: 124%; }
.about-inner p.disc { margin-bottom: 30px; }
.about-one-thumbnail { display: flex; justify-content: end; position: relative; }
@keyframes floating {
0% { transform: translateX(0px); }
50% { transform: translateX(30px); }
100% { transform: translateX(0px); }
}
@keyframes rotate-45 {
0% { transform: rotate(0deg); }
50% { transform: rotate(45deg) scale(0.8); }
100% { transform: rotate(0deg) scale(1.1); }
}
.single-service-main-13 { width: 100%; position: relative; overflow: hidden; display: block; border-radius: 8px; }
.single-service-main-13 .thumbnail-image { border-radius: 8px; }
.single-service-main-13 .thumbnail-image img { transition: 0.3s; }
.single-service-main-13:hover .thumbnail-image img { transform: scale(1.2); }
.single-service-main-13 .inner-content { position: absolute; left: 0px; bottom: 0px; text-align: left; width: 100%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); padding-left: 30px; padding-bottom: 30px; }
@media only screen and (max-width: 479px) {
.single-service-main-13 .inner-content { left: 20px; bottom: 20px; }
}
.single-service-main-13 .inner-content .title { color: rgb(255, 255, 255); font-size: 24px; }
.single-service-main-13 .inner-content p { color: rgb(255, 255, 255); line-height: normal; }
.single-service-main-13 .tags { padding: 4px 10px; border-radius: 30px; background: var(--color-primary-9); display: block; max-width: max-content; color: rgb(255, 255, 255); position: absolute; left: 30px; top: 30px; z-index: 10; }
.service-bottom-cta { display: flex; align-items: center; justify-content: space-between; padding: 28px 30px; border-radius: 50px; background: var(--color-primary-9); position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-bottom-cta { flex-direction: column; align-items: flex-start; gap: 15px; }
}
@media only screen and (max-width: 767px) {
.service-bottom-cta { flex-direction: column; align-items: flex-start; gap: 15px; }
}
.service-bottom-cta .title { margin: 0px; font-size: 20px; color: rgb(255, 255, 255); font-weight: 500; }
@media only screen and (max-width: 767px) {
.service-bottom-cta .title { font-size: 20px; }
}
@media only screen and (max-width: 575px) {
.service-bottom-cta .title { font-size: 16px; }
}
.service-bottom-cta p { margin: 0px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); }
@media only screen and (max-width: 767px) {
.service-bottom-cta p { font-size: 20px; }
}
@media only screen and (max-width: 575px) {
.service-bottom-cta p { font-size: 16px; }
}
.service-bottom-cta p a { font-weight: 600; color: rgb(255, 255, 255); }
.service-bottom-cta .mid-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 55px; border-radius: 50%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-bottom-cta .mid-image { display: none; }
}
@media only screen and (max-width: 767px) {
.service-bottom-cta .mid-image { display: none; }
}
.goal-button-wrapper { display: flex; align-items: center; }
@media only screen and (max-width: 575px) {
.goal-button-wrapper { align-items: flex-start; flex-direction: column; }
}
.counter-bg { background-image: url("../images/counterup/bg-01.jpg"); height: 762px; background-size: cover; background-repeat: no-repeat; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.counter-bg { height: 640px; }
}
@media only screen and (max-width: 1199px) {
.counter-bg { height: auto; }
}
.single-counter { display: flex; align-items: center; }
@media only screen and (max-width: 575px) {
.single-counter.two { margin-top: 30px; justify-content: flex-start !important; padding-left: 0px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-counter.three { margin-top: 30px; justify-content: flex-start !important; padding-left: 0px !important; }
}
@media only screen and (max-width: 767px) {
.single-counter.three { padding-left: 0px !important; margin-top: 30px !important; }
}
@media only screen and (max-width: 575px) {
.single-counter.three { justify-content: flex-start !important; }
}
@media only screen and (max-width: 1199px) {
.single-counter.four { margin-top: 30px; justify-content: flex-start !important; padding-left: 0px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-counter.four { margin-top: 30px; justify-content: flex-start !important; padding-left: 61px !important; }
}
@media only screen and (max-width: 767px) {
.single-counter.four { margin-top: 30px; justify-content: flex-start !important; padding-left: 32px !important; }
}
@media only screen and (max-width: 575px) {
.single-counter.four { justify-content: flex-start !important; padding-left: 0px !important; }
}
.single-counter img { margin-right: 25px; }
.single-counter .counter-details .title { color: rgb(255, 255, 255); margin-bottom: -2px; font-weight: 700; }
.single-counter .counter-details .title span { position: relative; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.single-counter .counter-details .title span { font-size: 32px; }
}
@media only screen and (max-width: 767px) {
.single-counter .counter-details .title span { font-size: 26px; }
}
.single-counter .counter-details .title span::after { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); content: "+"; }
.single-counter .counter-details p { color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; text-transform: uppercase; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.single-counter .counter-details p { font-size: 12px; }
}
@media only screen and (max-width: 767px) {
.single-counter .counter-details p { font-size: 16px; }
}
.thumbnail-gallery img { height: 536px; object-fit: cover; border-radius: 15px; }
.gallery-bg { background-image: url("../images/gallery/01.svg"); position: relative; margin-top: -27%; }
@media only screen and (max-width: 1199px) {
.gallery-bg { margin-top: 0px; }
}
.bg-right-gallery { background-image: url("../images/gallery/gallery-bg-1.jpg"); height: 100%; object-fit: cover; width: 100%; background-repeat: no-repeat; max-width: 100%; background-size: contain; padding: 50px; text-align: left; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg-right-gallery { background-size: cover; border-radius: 20px; }
}
@media only screen and (max-width: 767px) {
.bg-right-gallery { background-size: cover; border-radius: 20px; background-repeat: no-repeat; }
}
@media only screen and (max-width: 575px) {
.bg-right-gallery { padding: 25px; }
}
.bg-right-gallery::after { content: ""; height: 350px; width: 350px; left: -40%; position: absolute; background-image: url("../images/gallery/shape.png"); opacity: 0.1; animation: 2s linear 0s infinite normal none running jump-1; }
.bg-right-gallery .icon { margin-top: 48px; }
@media only screen and (max-width: 1400px) {
.bg-right-gallery .icon { margin-top: 0px; }
}
.bg-right-gallery .icon img { max-width: 100px; }
@media only screen and (max-width: 1199px) {
.bg-right-gallery .icon img { max-width: 56px; }
}
.bg-right-gallery .title { color: rgb(255, 255, 255); margin-top: 25px; margin-bottom: 5px; }
@media only screen and (max-width: 1199px) {
.bg-right-gallery .title { margin-top: 20px; font-size: 20px; }
}
.bg-right-gallery span { color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; }
.bg-right-gallery p.disc { margin-top: 16px; color: rgb(179, 183, 193); margin-bottom: 45px; line-height: 26px; }
@media only screen and (max-width: 1199px) {
.bg-right-gallery p.disc { margin-top: 10px; margin-bottom: 25px; font-size: 14px; line-height: 24px; }
}
.swiper-wrapper.gallery { padding-left: 9px; }
.swiper-wrapper.gallery .swiper-slide { background: transparent; justify-content: space-between; }
@media only screen and (max-width: 575px) {
.swiper-wrapper.gallery .swiper-slide { justify-content: center; }
}
.swiper.mygallery { overflow: visible; }
.swiper.mygallery .swiper-button-next-projeler { top: -18%; right: 32px; position: absolute; }
@media only screen and (max-width: 1199px) {
.swiper.mygallery .swiper-button-next-projeler { top: -22%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.swiper.mygallery .swiper-button-next-projeler { top: -12%; }
}
@media only screen and (max-width: 767px) {
.swiper.mygallery .swiper-button-next-projeler { top: -12%; }
}
@media only screen and (max-width: 575px) {
.swiper.mygallery .swiper-button-next-projeler { top: -5%; }
}
.swiper.mygallery .swiper-button-next-projeler::after { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 16px; color: rgb(28, 37, 57); padding: 10px; background: rgb(255, 255, 255); box-shadow: rgba(24, 16, 16, 0.06) 0px 10px 20px; border-radius: 8px; transition: 0.3s; }
.swiper.mygallery .swiper-button-next-projeler:hover::after { background: var(--color-primary); color: rgb(255, 255, 255); }
.swiper.mygallery .swiper-button-prev-projeler { top: -18%; right: 165px; left: auto; position: absolute; }
@media only screen and (max-width: 1199px) {
.swiper.mygallery .swiper-button-prev-projeler { top: -22%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.swiper.mygallery .swiper-button-prev-projeler { top: -12%; }
}
@media only screen and (max-width: 767px) {
.swiper.mygallery .swiper-button-prev-projeler { top: -12%; right: 115px; }
}
@media only screen and (max-width: 575px) {
.swiper.mygallery .swiper-button-prev-projeler { top: -5%; }
}
.swiper.mygallery .swiper-button-prev-projeler::after { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 16px; color: rgb(28, 37, 57); padding: 10px; background: rgb(255, 255, 255); box-shadow: rgba(24, 16, 16, 0.06) 0px 10px 20px; border-radius: 8px; transition: 0.3s; }
.swiper.mygallery .swiper-button-prev-projeler:hover::after { background: var(--color-primary); color: rgb(255, 255, 255); }
.swiper-button-disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
.swiper.mygallery .swiper-pagination { top: -18%; left: auto; max-width: max-content; right: 100px; height: max-content; font-weight: 700; color: rgb(28, 37, 57); }
@media only screen and (max-width: 1199px) {
.swiper.mygallery .swiper-pagination { top: -25%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.swiper.mygallery .swiper-pagination { top: -13%; }
}
@media only screen and (max-width: 767px) {
.swiper.mygallery .swiper-pagination { top: -13.5%; right: 71px; }
}
@media only screen and (max-width: 575px) {
.swiper.mygallery .swiper-pagination { top: -6.5%; }
}
.swiper.mygallery .swiper-pagination .swiper-pagination-current { color: var(--color-primary); font-weight: 700; }
.swiper.mygallery .swiper-pagination .swiper-pagination-total { color: rgb(28, 37, 57); font-weight: 700; }
p.pre-title { color: var(--color-primary-6); font-weight: 600; font-size: 16px; line-height: 21px; font-family: var(--font-secondary); letter-spacing: 0.1em; margin-bottom: 13px; text-transform: uppercase; }
@media only screen and (max-width: 575px) {
.title-area.left-right.testimonial-h2 { flex-direction: column; align-items: flex-start; }
}
.title-area.left-right { display: flex; align-items: center; }
.title-area.left-right .title-left { margin-left: 0px; }
.title-area.left-right .title-left span { color: rgb(255, 255, 255) !important; }
.title-area.left-right .title-left .title { color: rgb(255, 255, 255) !important; margin-top: -12px; }
.rts-client-reviews-h2 { padding: 50px 50px 30px; background: rgb(255, 255, 255); border-radius: 20px; border: 1px solid rgb(233, 236, 241); }
@media only screen and (max-width: 575px) {
.rts-client-reviews-h2 { padding: 20px; }
}
.rts-client-reviews-h2 .review-header { display: flex; align-items: center; text-align: left; }
.rts-client-reviews-h2 .review-header .thumbnail { position: relative; }
.rts-client-reviews-h2 .review-header .thumbnail::after { position: absolute; content: ""; right: -15px; top: 50%; transform: translateY(-50%); background-image: url("../images/testimonials/icon/02.png"); height: 40px; width: 40px; background-size: cover; }
.rts-client-reviews-h2 .review-header .discription { margin-left: 30px; }
.rts-client-reviews-h2 .review-header .discription a:hover .title { color: var(--color-primary-2); }
.rts-client-reviews-h2 .review-header .discription .title { margin-bottom: 0px; transition: 0.3s; }
.rts-client-reviews-h2 .review-header .discription span { font-size: 13px; line-height: normal; }
.rts-client-reviews-h2.six .review-header .discription a:hover .title { color: var(--color-primary-6); }
.rts-client-reviews-h2 .review-body p.disc { font-size: 16px; line-height: 26px; color: rgb(93, 102, 111); margin-top: 35px; padding-bottom: 30px; margin-bottom: 25px; text-align: left; }
.swiper-pagination2 { margin: 0px auto; position: absolute; text-align: center; transition: opacity 0.3s; z-index: 10; transform: none !important; bottom: 100px !important; }
.swiper-pagination2 .swiper-pagination-bullet { opacity: 1; background: rgb(255, 255, 255); width: 6px; height: 6px; position: relative; margin-right: 7px !important; margin-left: 7px !important; }
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; left: -4px; bottom: -4px; }
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active-main { background: transparent; position: relative; }
.rts-customer-feedback-area-six .rts-client-reviews-h2 .review-header .thumbnail::after { position: absolute; content: ""; right: -15px; top: 50%; transform: translateY(-50%); background-image: url("../images/testimonials/icon/03.png"); height: 40px; width: 40px; background-size: cover; }
.bg-feedback-seven { background-image: url("../images/footer/footer-bg-3.png"); background-repeat: no-repeat; background-size: cover; }
.rts-blog-area { position: relative; z-index: 5; }
.rts-blog-area .title-area span { color: var(--color-primary); font-weight: 700; text-transform: uppercase; }
.rts-blog-area .title-area .title { color: rgb(255, 255, 255); }
.single-blog-one-wrapper .thumbnail { margin-bottom: 15px; position: relative; }
.single-blog-one-wrapper .thumbnail .blog-badge { position: absolute; right: 0px; bottom: 0px; padding: 5px 31px; background: var(--color-primary); }
.single-blog-one-wrapper .thumbnail .blog-badge span { color: rgb(255, 255, 255); display: block; }
.single-blog-one-wrapper .blog-content p { font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 10px; color: rgb(255, 255, 255); }
.single-blog-one-wrapper .blog-content p span { color: var(--color-primary); font-weight: 500; }
.single-blog-one-wrapper .blog-content a .title { color: rgb(255, 255, 255); padding-right: 15px; margin-bottom: 10px; transition: var(--transition); }
.ana_hizmetler img { height: 488px; object-fit: cover; }
.single-blog-one-wrapper .blog-content a:hover .title { color: var(--color-primary); }
.single-blog-one-wrapper .blog-content a { color: rgb(255, 255, 255); }
.single-blog-one-wrapper .blog-content a i { background: rgb(43, 47, 57); color: rgb(255, 255, 255); }
.single-blog-one-wrapper .blog-content a:hover i { background: var(--color-primary); }
.rts-blog-area.style-seven .title-area .title { color: rgb(11, 16, 28); }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content p { color: rgb(11, 16, 28); font-weight: 500; font-size: 14px; line-height: 18px; }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content p span { color: rgb(250, 54, 10); }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content a .title { font-weight: 700; font-size: 24px; line-height: 32px; color: rgb(11, 16, 28); }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content a.rts-read-more { font-weight: 500; font-size: 16px; line-height: 21px; color: rgb(11, 16, 28); }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content a.rts-read-more i { background: rgb(236, 236, 236); color: rgb(0, 0, 0); }
.rts-blog-area.style-seven .single-blog-one-wrapper .blog-content a.rts-read-more:hover i { background: var(--color-primary-5); color: rgb(255, 255, 255); }
.rts-blog-area.style-seven .single-blog-one-wrapper .thumbnail .blog-badge { background: var(--color-primary-6); }
@keyframes loading-1 {
0% { transform: rotate(0deg); }
100% { transform: rotate(180deg); }
}
@keyframes loading-2 {
0% { transform: rotate(0deg); }
100% { transform: rotate(125deg); }
}
@keyframes loading-3 {
0% { transform: rotate(0deg); }
100% { transform: rotate(135deg); }
}
.contact-form-area-one { padding: 70px 90px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.04) 0px 21px 46px; }
@media only screen and (max-width: 767px) {
.contact-form-area-one { padding: 25px; }
}
.contact-form-area-one form { margin-top: 45px; }
.contact-form-area-one form input { height: 55px; background: rgb(247, 247, 247); margin-bottom: 20px; border-radius: 15px; padding: 0px 25px; border: 1px solid transparent; }
.contact-form-area-one form input:focus { border: 1px solid var(--color-primary); }
.contact-form-area-one form textarea { border-radius: 15px; background: rgb(247, 247, 247); height: 150px; padding: 15px 25px; border: 1px solid transparent; }
.contact-form-area-one form textarea:focus { border: 1px solid var(--color-primary); }
.contact-form-area-one .rts-btn { display: block; max-width: max-content; margin-top: 30px; }
p.disc { font-size: 16px; line-height: 26px; }
.progress-wrap { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 1; visibility: hidden; transform: translateY(15px); transition: 200ms linear; }
.progress-wrap::after { position: absolute; font-family: unicons; content: ""; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-primary); left: 0px; top: 0px; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; transition: 200ms linear; border: 2px solid var(--color-primary); box-shadow: none; border-radius: 50% !important; }
.progress-wrap:hover::after { opacity: 1; content: ""; border: 2px solid var(--color-primary); }
.progress-wrap::before { position: absolute; font-family: unicons; content: ""; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; left: 0px; top: 0px; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; transition: 200ms linear; }
.progress-wrap:hover::before { opacity: 0; }
.progress-wrap svg path { fill: none; }
.progress-wrap svg { color: rgb(148, 192, 30); border-radius: 50%; background: rgb(255, 255, 255); }
.progress-wrap svg.progress-circle path { stroke: rgb(148, 192, 30); stroke-width: 34px; box-sizing: border-box; transition: 200ms linear; }
.loader-wrapper { --line-width: 5px; --curtain-color: #ffffff; --outer-line-color: #dca8a8; --middle-line-color: #ff0000; --inner-line-color: #cf1414; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000; }
.loader { display: block; position: relative; top: 50%; left: 50%; width: 150px; height: 150px; margin: -75px 0px 0px -75px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--outer-line-color); border-radius: 100%; animation: 2s linear 0s infinite normal none running spin; z-index: 1001; }
.loader::before { content: ""; position: absolute; inset: 4px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--inner-line-color); border-radius: 100%; animation: 3s linear 0s infinite normal none running spin; }
.loader::after { content: ""; position: absolute; inset: 14px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--middle-line-color); border-radius: 100%; animation: 1.5s linear 0s infinite normal none running spin; }
@-webkit-keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loader-wrapper .loader-section { position: fixed; top: 0px; background: var(--curtain-color); width: 51%; height: 100%; z-index: 1000; }
.loader-wrapper .loader-section.section-left { left: 0px; }
.loader-wrapper .loader-section.section-right { right: 0px; }
.loaded .loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
.loaded .loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
.loaded .loader { opacity: 0; transition: 0.3s ease-out; }
.loaded .loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: 0.3s ease-out 1s; }
.background-cta { background-image: url("../images/footer/callto-action-optimized-q85.webp"); background-repeat: no-repeat; background-color: rgb(148, 192, 30); background-blend-mode: multiply; overflow: hidden; border-radius: 100px; background-position: center center; object-fit: contain; background-size: cover; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.background-cta { border-radius: 20px; }
}
@media only screen and (max-width: 767px) {
.background-cta { border-radius: 10px; }
}
.rts-cta-wrapper .background-cta .cta-left-wrapepr { margin-left: 80px; padding: 45px 0px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rts-cta-wrapper .background-cta .cta-left-wrapepr { padding-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
.rts-cta-wrapper .background-cta .cta-left-wrapepr { padding-bottom: 10px; padding-top: 20px; }
}
@media only screen and (max-width: 575px) {
.rts-cta-wrapper .background-cta .cta-left-wrapepr { margin: 0px; text-align: center; }
}
.rts-cta-wrapper .background-cta .cta-left-wrapepr p { margin-bottom: 0px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; font-size: 16px; font-family: var(--font-secondary); }
@media only screen and (max-width: 479px) {
.rts-cta-wrapper .background-cta .cta-left-wrapepr p { font-size: 14px; }
}
.rts-cta-wrapper .background-cta .cta-left-wrapepr .title { color: rgb(255, 255, 255); margin-bottom: 0px; margin-top: -5px; }
@media only screen and (max-width: 479px) {
.rts-cta-wrapper .background-cta .cta-left-wrapepr .title { font-size: 18px; }
}
.rts-cta-wrapper .background-cta .cta-input-arae { padding: 60px 0px; position: relative; }
@media screen and (max-width: 996px) {
.rts-cta-wrapper .background-cta .cta-input-arae { padding-top: 0px; margin-left: 80px; }
}
@media only screen and (max-width: 767px) {
.rts-cta-wrapper .background-cta .cta-input-arae { padding-bottom: 20px; }
}
@media only screen and (max-width: 575px) {
.rts-cta-wrapper .background-cta .cta-input-arae { margin-left: 20px; padding-bottom: 30px; }
}
.rts-cta-wrapper .background-cta .cta-input-arae input { background: rgb(255, 255, 255); border-radius: 100px; height: 55px; width: 547px; color: rgb(0, 0, 0); padding: 0px 186px 0px 25px; }
@media screen and (max-width: 1400px) {
.rts-cta-wrapper .background-cta .cta-input-arae input { width: 64%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rts-cta-wrapper .background-cta .cta-input-arae input { width: 64%; }
}
@media only screen and (max-width: 767px) {
.rts-cta-wrapper .background-cta .cta-input-arae input { padding-right: 50px; }
}
@media only screen and (max-width: 575px) {
.rts-cta-wrapper .background-cta .cta-input-arae input { height: 45px; }
}
@media only screen and (max-width: 479px) {
.rts-cta-wrapper .background-cta .cta-input-arae input { border-radius: 5px; padding: 0px 186px 0px 10px; }
}
.rts-cta-wrapper .background-cta .cta-input-arae button { position: absolute; border-radius: 100px; max-width: max-content; right: 90px; }
@media only screen and (max-width: 575px) {
.rts-cta-wrapper .background-cta .cta-input-arae button { padding: 12px; right: 20px; margin-left: 0px; }
}
@media only screen and (max-width: 479px) {
.rts-cta-wrapper .background-cta .cta-input-arae button { border-radius: 5px; font-size: 12px; }
}
.footer-one-single-wized.mid-bg { background: linear-gradient(rgb(14, 20, 34) -4.66%, rgb(33, 38, 49) 100%); border-radius: 15px; padding: 40px; margin: -40px 30px 0px; }
@media only screen and (max-width: 767px) {
.footer-one-single-wized.mid-bg { margin-left: 0px; margin-top: 30px; margin-bottom: 50px; }
}
@media only screen and (max-width: 575px) {
.footer-one-single-wized.mid-bg { margin-top: 20px; margin-bottom: 30px; }
}
@media only screen and (max-width: 479px) {
.footer-one-single-wized.mid-bg { margin-right: 0px; padding: 10px; }
}
.footer-one-single-wized.mid-bg .opening-time-inner .single-opening { display: flex; justify-content: space-between; }
.footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { margin-bottom: 15px; color: rgb(255, 255, 255); font-family: var(--font-primary); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { font-size: 14px; }
}
.footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { display: block; max-width: max-content; }
@media only screen and (max-width: 479px) {
.footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { padding: 12px 22px; }
}
.footer-one-single-wized .wized-title { margin-bottom: 25px; }
.footer-one-single-wized .wized-title .title { color: rgb(255, 255, 255); margin-bottom: 10px; }
.footer-one-single-wized .quick-link-inner { display: flex; }
@media only screen and (max-width: 479px) {
.footer-one-single-wized .quick-link-inner { flex-direction: column; }
}
.footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0px; margin: 0px; }
.footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; }
@media only screen and (max-width: 479px) {
.footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0px; }
}
.footer-one-single-wized .quick-link-inner .links li { margin-top: 0px; }
.footer-one-single-wized .quick-link-inner .links li a { color: rgb(139, 143, 153); transition: var(--transition); position: relative; max-width: max-content; }
.footer-one-single-wized .quick-link-inner .links li a::after { position: absolute; content: ""; width: 0%; height: 1px; background: var(--color-primary); left: 29px; bottom: 0px; transition: 0.3s; }
.footer-one-single-wized .quick-link-inner .links li a i { margin-right: 12px; transition: 0.3s; }
.footer-one-single-wized .quick-link-inner .links li a:hover { color: var(--color-primary); }
.footer-one-single-wized .quick-link-inner .links li a:hover::after { position: absolute; width: 76%; }
.footer-one-single-wized .quick-link-inner .links li a:hover i { color: rgb(255, 255, 255); }
.footer-one-single-wized .post-wrapper .single-footer-post { display: flex; align-items: flex-start; }
.footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail { margin-right: 20px; display: block; overflow: hidden; border-radius: 15px; }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right p { margin-bottom: 0px; color: rgb(139, 143, 153); font-size: 14px; margin-top: -6px; }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a .title { color: rgb(255, 255, 255); font-weight: 500; font-size: 17px; line-height: 26px; margin-bottom: 0px; transition: var(--transition); }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a:hover .title { color: var(--color-primary); }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a { max-width: max-content; padding-left: 0px; color: rgb(148, 192, 30); display: flex; align-items: center; margin-top: -1px; }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a i { margin-left: 6px; margin-bottom: -4px; position: relative; transition: var(--transition); }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more { display: block; max-width: max-content; }
.footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more:hover i { margin-left: 15px; }
.footer-one .rts-copyright-area { border-top: 1px solid rgb(33, 41, 61); padding: 30px 0px; }
.footer-one .rts-copyright-area p { font-size: 16px; color: rgb(255, 255, 255); }
.margin-left-65 { margin-left: 65px; }
@media only screen and (max-width: 1199px) {
.margin-left-65 { margin-left: 0px; }
}
@media only screen and (max-width: 479px) {
.footer-one-single-wized { padding: 0px 10px; }
}
@media (max-width: 991px) {
.slide-photo { display: block; }
}
.contact-one__form__title { position: relative; font-size: 24px; text-transform: capitalize; line-height: 1.375; margin-bottom: 45px; }
@media (max-width: 575px) {
.contact-one__form__title { font-size: 22px; }
}
.contact-one__form__title::before { content: ""; position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 5px; height: calc(100% - 16px); background-color: var(--color-primary); }
@media (max-width: 500px) {
.contact-one__form__title::before { left: -30px; }
}
.kapat { background: var(--color-primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; z-index: 12; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(85, 85, 85, 0.14); }
::-webkit-scrollbar { width: 4px; background-color: rgb(245, 245, 245); border-radius: 50px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(85, 85, 85, 0.5); }
#cookie-alert-popup *, #cookie-alert-popup ::after, #cookie-alert-popup ::before { box-sizing: inherit !important; }
#cookie-alert-popup { bottom: 30px; left: 30px; opacity: 0.8; transition: 0.3s ease-out; position: fixed !important; z-index: 9999 !important; }
#cookie-alert-popup:hover { opacity: 1; }
#cookie-alert-popup .alert-popup__card { background: var(--color-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px !important; display: flex !important; flex-wrap: wrap !important; max-width: 100% !important; position: relative !important; width: 400px !important; line-height: 1.5 !important; }
#cookie-alert-popup .alert-popup__content { padding: 30px 15px !important; text-align: center !important; }
#cookie-alert-popup h3 { color: rgb(255, 255, 255) !important; font-size: 18px !important; font-weight: 600 !important; margin: 0px 0px 0.5em !important; }
#cookie-alert-popup p { line-height: normal; font-size: 14px !important; color: rgb(255, 255, 255) !important; margin: 20px 0px !important; }
#cookie-alert-popup a { font-size: 14px !important; color: rgb(255, 255, 255) !important; text-decoration: underline !important; }
#cookie-alert-popup button { background: var(--background-color-1); width: auto; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(255, 255, 255) !important; cursor: pointer !important; font-size: 14px !important; height: 3em !important; line-height: 3em !important; padding: 0px 3em !important; transition: box-shadow 0.3s !important; outline: none !important; }
#cookie-alert-popup button:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.3) 0px 2px 4px -1px !important; }
.single-blog-one-wrapper { border: 1px solid rgb(233, 236, 241); border-radius: 20px; background: rgb(255, 255, 255); padding: 20px; transition: 0.3s; }
.modal { z-index: 9990; }
.main-header__para { font-weight: bold; }
@media only screen and (max-width: 767px) {
.slide-content .heading { font-size: 20px !important; }
.buttons-container { justify-content: center; }
.buttons-container .rts-btn { padding: 5px 15px; font-size: 13px; line-height: normal; }
.slide-pagination { padding: 0px; bottom: 0px; display: block !important; }
.single-service-main-13 { width: 100%; margin-right: 80px; }
.rts-section-gap { padding: 60px 20px; }
.swiper.mygallery .swiper-pagination { top: -12%; right: 50px; }
.swiper.mygallery .swiper-button-next-projeler { top: -12%; right: 5px; }
.swiper.mygallery .swiper-button-prev-projeler { top: -12%; right: 95px; }
.thumbnail-gallery img { height: 410px; }
.bg-right-gallery::after { display: none; }
.footer-one-single-wized .quick-link-inner { flex-direction: row; justify-content: space-between; }
.footer-one-single-wized { padding: 0px 20px; }
.footer-one-single-wized.mid-bg { padding: 20px; }
.footer-one .rts-copyright-area { margin-bottom: 40px; }
.mainmenu li.has-droupdown .submenu { box-shadow: none; min-width: auto; }
.side-bar { padding: 40px 15px; }
.rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a { white-space: normal; }
.dil_para { position: absolute; top: 50px; right: 20px; }
.dil_para a { font-size: 17px; font-weight: bold; margin-right: 10px; }
.iziModal { z-index: 99999 !important; }
.single-service-main-13 .inner-content { left: 0px; bottom: 0px; }
.ana_hizmetler img { height: 400px; }
}
@-webkit-keyframes cookie-alert-popup--close {
0% { opacity: 1; transform: scale(1); }
20% { transform: scale(0.9, 1.1); }
100% { opacity: 0; transform: scale(0); }
}
@keyframes cookie-alert-popup--close {
0% { opacity: 1; transform: scale(1); }
20% { transform: scale(0.9, 1.1); }
100% { opacity: 0; transform: scale(0); }
}
@-webkit-keyframes cookie-alert-popup--open {
0% { opacity: 0; transform: scale(0); }
80% { transform: scale(0.9, 1.1); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes mio-cookie-popup__open {
0% { opacity: 0; transform: scale(0); }
80% { transform: scale(0.9, 1.1); }
100% { opacity: 1; transform: scale(1); }
}

/* Keep the decorative 391 KB background disabled on the homepage. */
.bg-shape-wrapper-main { background-image: none !important; }