File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/dynastyresort.com/assets/css/style.css
Back
/* Template Name: Moonlit - Hotel and Resturant HTML Template Author: Reacthemes Author URI: https://themeforest.net/user/reacthemes Tags: Hotel, Resturant, Spa, Message, Honeymoon, Booking Version: 1.0 */ /* --------------------- All CSS Structure Follow this Order ---------------------- 1. Variable 1. mixin 3. reset 4. typography 5. Spacing 6. loader 7. common 8. animation 9. input 10. components 11. common style 12. banner 13. about 14. rooms 15. testimonial 16. video 17. offer 18. advance__search 19. newsletter 20. facility 21. blog 22. service 23. team 24. resturant-menu 25. gallery 26. event 27. offcanvase__menu 28. contact 29. form 30. footer -------------*/ :root { /* Text Color */ --rts-para: #65676B; --rts-heading: #1b1b1b; --rts-black: #000000; --rts-white: #FFFFFF; --rts-gray: #F1F1F1; /* Background Color */ --btn-1: #AB8A62; --heading-color: #AB8A62; --rts-border: rgba(125, 128, 135, 0.3); --transparent: transparent; --transition: all .4s ease; --color-success: #26CF4B; --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; /* typhography */ --glida: "Gilda Display", serif; --jost: "Jost", sans-serif; --h1: 80px; --h2: 60px; --h3: 48px; --h4: 40px; --h5: 32px; --h6: 24px; --20: 20px; --18: 18px; --p: 16px; --p-sm: 16px; --p-xs: 14px; } [data-theme=dark] { /* Text Color */ --body-bg: #2B2B2B; --rts-para: #f8eeeccc; --rts-heading: #fafafa; --rts-black: #000000; --rts-white: #1B1B1B; --rts-gray: #F1F1F1; /* Background Color */ --btn-1: #AB8A62; --heading-color: #AB8A62; --rts-border: rgba(125, 128, 135, 0.3); --transparent: transparent; --transition: all .4s ease; } .rts__footer.is__footer__two.has__background__image, .event__newsletter__bg, .newsletter.is__home__four.has__background, .page__hero__bg { background-size: cover; background-position: center; background-repeat: no-repeat; } .navigation__menu--item ul.submenu li a::before, .navigation__menu--item .sub__style li a::before { position: absolute; content: ""; } .rts__footer.is__footer__two.footer__background::before, .event__newsletter__bg::before, .newsletter.is__home__four.has__background::before, .video__area__image::before, .client__testimonial.is__home__six.has__background::before, .room__slide__box .room__thumbnail::before, .banner__area .video__area .video__area__overlay, .banner__area.is__home__five .banner__content::before, .banner__slider__image::before, .banner__slider__image, .page__hero__bg::before { position: absolute; height: 100%; width: 100%; content: ""; left: 0; top: 0; } .subtitle__icon__three::after, .subtitle__icon__four::after, .subtitle__icon__three::before, .subtitle__icon__four::before, .subtitle__icon__two::before, .subtitle__icon__five::before, .subtitle__icon::after, .subtitle__icon::before { transform: translate(0, 50%); } /* 1. Use a more-intuitive box-sizing model. */ *, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; } /* Typographic tweaks! 3. Add accessible line-height 4. Improve text rendering */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; } /* 5. Improve media defaults */ img, picture, video, canvas, svg { display: inline-block; max-width: 100%; } /* 6. Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* 7. Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } /* 8. Create a root stacking context */ #root, #__next { isolation: isolate; } /*----------------- Typography -------------------*/ body { font-size: var(--p); line-height: 28px; font-weight: 400; font-family: var(--jost); color: var(--rts-para); margin: 0 auto; background-color: var(--body-bg); } html, body { /* scroll-behavior: smooth; */ max-width: 100%; } a, a:hover, a:focus { text-decoration: none; } .font-xs { font-size: var(--p-xs); } .font-sm { font-size: 18px; } .rts__white { color: var(--rts-white); } .text-gray { color: var(--rts-gray); } h1, .h1 { font-size: var(--h1); line-height: 90px; } @media screen and (max-width: 992px) { h1, .h1 { font-size: 70px; line-height: 80px; } } h2, .h2 { font-size: var(--h2); line-height: 70px; } @media screen and (max-width: 1200px) { h2, .h2 { font-size: 50px; line-height: 60px; } } @media screen and (max-width: 992px) { h2, .h2 { font-size: 48px; line-height: 58px; } } @media screen and (max-width: 768px) { h2, .h2 { font-size: 40px; line-height: 50px; } } @media screen and (max-width: 576px) { h2, .h2 { font-size: 35px; line-height: 45px; } } h3, .h3 { font-size: var(--h3); line-height: 58px; } @media screen and (max-width: 1400px) { h3, .h3 { font-size: 40px; line-height: 50px; } } @media screen and (max-width: 992px) { h3, .h3 { font-size: 40px; line-height: 50px; } } @media screen and (max-width: 768px) { h3, .h3 { font-size: 30px; line-height: 40px; } } @media screen and (max-width: 576px) { h3, .h3 { font-size: 25px; line-height: 35px; } } h4, .h4 { font-size: var(--h4); line-height: 50px; } @media screen and (max-width: 992px) { h4, .h4 { font-size: 30px; line-height: 40px; } } h5, .h5 { font-size: var(--h5); line-height: 42px; } @media screen and (max-width: 1200px) { h5, .h5 { font-size: 30px; line-height: 40px; } } @media screen and (max-width: 992px) { h5, .h5 { font-size: 20px; line-height: 30px; } } h6, .h6 { font-size: var(--h6); line-height: 30px; } @media screen and (max-width: 1400px) { h6, .h6 { font-size: 20px; } } @media screen and (max-width: 576px) { h6, .h6 { font-size: 20px; line-height: 30px; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--rts-heading); font-weight: 400; font-family: var(--glida); } p { font-size: var(--p); } p:last-child { margin-bottom: 0; } .font-20 { font-size: 20px; } @media screen and (max-width: 576px) { .font-20 { font-size: 18px; } } .text-dark { color: var(--rts-heading) !important; } .text-body { color: var(--rts-para) !important; } .list-style-dot li { list-style: none; padding-left: 30px; margin-bottom: 15px; font-weight: 500; position: relative; } .list-style-dot li::before { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); height: 6px; width: 6px; border-radius: 50%; background-color: var(--rts-button-1); content: ""; } .rts__section { position: relative; } .mtn-1 { margin-top: -10px; } .mb-20 { margin-bottom: 20px; } .mt-20 { margin-top: 20px; } .my-40 { margin: 40px 0; } .my-30 { margin: 30px 0; } .section__mb { margin-bottom: 13px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mb-15 { margin-bottom: 15px; } .mb-40 { margin-bottom: 40px; } .mt-40 { margin-top: 40px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .mb-50 { margin-bottom: 50px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-120 { margin-top: 120px; } .mb-60 { margin-bottom: 60px; } .mb-100 { margin-bottom: 100px; } .ml-100 { margin-left: 100px; } .pt--10 { top: -10px; } .pt-30 { padding-top: 30px; } .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-50 { padding-top: 50px; padding-bottom: 50px; } .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } .py-90 { padding-top: 90px; padding-bottom: 90px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-80 { padding-top: 80px; } .pb-60 { padding-bottom: 60px; } .pt-100 { padding-top: 100px; } @media screen and (max-width: 768px) { .pt-100 { padding-top: 60px; } } .pb-100 { padding-bottom: 100px; } @media screen and (max-width: 768px) { .pb-100 { padding-bottom: 60px; } } .pt-110 { padding-top: 110px; } @media screen and (max-width: 992px) { .pt-110 { padding-top: 100px; } } @media screen and (max-width: 768px) { .pt-110 { padding-top: 60px; } } .pb-120 { padding-bottom: 120px; } @media screen and (max-width: 992px) { .pb-120 { padding-bottom: 100px; } } @media screen and (max-width: 768px) { .pb-120 { padding-bottom: 60px; } } .pb-130 { padding-bottom: 130px; } .py-135 { padding-top: 135px; padding-bottom: 135px; } .pt-120 { padding-top: 120px; } @media screen and (max-width: 1200px) { .pt-120 { padding-top: 100px; } } @media screen and (max-width: 992px) { .pt-120 { padding-top: 80px; } } @media screen and (max-width: 768px) { .pt-120 { padding-top: 60px; } } .pt-260 { padding-top: 260px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-170 { padding-top: 170px; } .pb-200 { padding-bottom: 200px; } .gap-30 { --bs-gutter-x: 30px; } .gy-30 { --bs-gutter-y: 30px; } .row-30 { row-gap: 30px; } .row-35 { row-gap: 35px; } .row-60 { row-gap: 60px; } @media screen and (max-width: 1200px) { .row-60 { row-gap: 40px; } } .section__padding { padding-top: 110px; padding-bottom: 120px; } @media screen and (max-width: 992px) { .section__padding { padding-top: 100px; padding-bottom: 100px; } } @media screen and (max-width: 768px) { .section__padding { padding-top: 60px; padding-bottom: 60px; } } .max-contnet { max-width: max-content; } .max-content { max-width: max-content; } .g-30 { --bs-gutter-x: 30px; --bs-gutter-y: 30px; } .max-630 { max-width: 630px; } .max-750 { max-width: 750px; } .max-720 { max-width: 720px; } .max-695 { max-width: 695px; } .max-360 { max-width: 360px; } .mnw-500 { min-width: 500px; } .top-30 { top: 30px; } .top-25 { top: 25px !important; } .end-30 { right: 30px; } .end--30 { right: -30px; } .left-20 { left: 20px; } .padding-75 { padding: 0 75px; } @media screen and (max-width: 1200px) { .padding-75 { padding: 0 30px; } } .gap-10 { gap: 10px; } .gap-20 { gap: 20px; } .gap-40 { gap: 40px; } .gap-30 { gap: 30px; } .gap-50 { gap: 50px; } .gap-60 { gap: 60px; } .no-bb { bottom: 0 !important; margin-bottom: 0 !important; } figure { margin-bottom: 0; } .mt--10 { margin-top: -8px; } .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .loader-wrapper .loader-section { position: fixed; top: 0; background: var(--rts-white); width: 50%; height: 100%; z-index: 1000; } .loader-wrapper .loader-section.section-left { left: 0; } .loader-wrapper .loader-section.section-right { right: 0; } /* Loaded Styles */ .loaded .loader-wrapper .loader-section.section-left { transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } .loaded .loader-wrapper .loader-section.section-right { transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } .loaded .loader { opacity: 0; transition: all 0.3s ease-out; } .loaded .loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } .loader:after { content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; border: 4px solid transparent; border-top-color: var(--rts-primary); border-right-color: var(--rts-primary); border-bottom-color: var(--rts-primary); border-radius: 100%; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .loader { display: block; position: relative; top: 50%; left: 50%; width: 70px; height: 70px; z-index: 1001; transform: translate(-50%, -50%); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .link__item { display: flex; align-items: center; } .focus-none:focus { outline: none; box-shadow: none; } @media only screen and (max-width: 1199px) { .br-lg-none br { display: none; } } @media only screen and (max-width: 768px) { .br-md-none br { display: none; } } @media only screen and (max-width: 576px) { .br-sm-none br { display: none; } } .rounded-50 { border-radius: 50px !important; } .d-shadow { filter: drop-shadow(0px 10px 30px rgba(153, 153, 153, 0.25)); } .text-para { color: var(--rts-para); } .list__style__dot li { position: relative; padding-left: 20px; margin-bottom: 25px; } .list__style__dot li:last-child { margin-bottom: 0; } .list__style__dot li::before { position: absolute; left: 0; top: 20%; transform: translate(0, -20%); height: 6px; width: 6px; border-radius: 50%; background-color: var(--rts-para); content: ""; } .number__style__dot { padding-left: 15px; } .number__style__dot li { list-style: number; margin-bottom: 25px; } .number__style__dot li:last-child { margin-bottom: 0; } .min-fit-content { min-width: fit-content; } .bg-primary { background: var(--rts-primary) !important; color: var(--rts-white) !important; } .pointer { cursor: pointer; } .radius-6 { border-radius: 6px; } .radius-10 { border-radius: 10px; } .center-item { display: grid; place-items: center; } .no-border { border: none !important; } a[savefrom_lm="1"][savefrom_lm_is_link="1"] { display: none !important; background-image: none !important; position: absolute !important; } .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(10%, 0, 0) skewX(-30deg); transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(10%, 0, 0) skewX(30deg); transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } select { appearance: none; outline: none; border: none; background-color: transparent; } .nice-select { width: 100%; height: auto; font-size: inherit; position: relative; } .nice-select.open::before { content: "\f077"; font-family: var(--fontawesome-pro); transition: var(--transition); } .nice-select ul.list { width: 100%; } .nice-select ul.list li.selected { font-weight: 500; } .nice-select:focus { border-color: transparent; } .nice-select::before { position: absolute; content: "\f078"; font-family: var(--fontawesome-pro); top: 50%; right: 20px; transform: translateY(-50%); color: var(--rts-heading); font-size: 12px; transition: var(--transition); } .nice-select::after { border-bottom: 0; border-right: 0; } .switch { position: relative; display: inline-block; width: 60px; height: 30px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--rts-button-1); -webkit-transition: 0.4s; transition: 0.4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 5px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } input:checked+.slider { background-color: var(--rts-button-1); } input:checked+.slider:before { transform: translateX(30px); } .newsletter { position: relative; max-width: 310px; } @media screen and (max-width: 576px) { .newsletter { max-width: 100%; } } .newsletter input { position: relative; padding: 20px 18px; padding-right: 120px; border-radius: 10px; border: 0; width: 100%; } .newsletter button { position: absolute; right: 15px; padding: 10px; border-radius: 6px; font-size: 16px; } .single__input { position: relative; } .checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkbox label { position: relative; cursor: pointer; font-size: 16px; } .checkbox label::before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid var(--heading-color); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 6px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius: 6px; margin-right: 20px; top: -2px; height: 20px; width: 20px; } .checkbox input:checked+label::after { content: ""; display: block; position: absolute; top: 5px; left: 7px; width: 6px; height: 12px; border: solid var(--heading-color); border-width: 0 1px 1px 0; transform: rotate(45deg); } .checkbox input:checked+label::before { background-color: var(--rts-button-1); border-radius: 6px; } textarea::placeholder, input::placeholder { color: var(--rts-para) !important; } input:focus { outline: none; } [data-theme=dark] select { color: #999999 !important; } [data-theme=dark] textarea::placeholder, [data-theme=dark] input::placeholder { color: #999999 !important; } input { transition: border-color 0.3s ease; } textarea:focus, input:focus { outline: 1px solid var(--heading-color); } textarea:focus-visible, input:focus-visible { outline: 1px solid var(--heading-color); } .navigation__menu ul { display: flex; max-width: max-content; position: relative; padding: 0; margin: 0; } .navigation__menu--item { position: relative; margin: 0 8px; } @media screen and (max-width: 1400px) { .navigation__menu--item { margin: 0 5px; } } @media screen and (max-width: 1300px) and (min-width: 1200px) { .navigation__menu--item { margin: 0 5px; } } @media screen and (max-width: 1200px) { .navigation__menu--item { margin: 0 5px; } } .navigation__menu--item:last-child { margin-right: 0; } .navigation__menu--item:last-child::after { display: none; } .navigation__menu--item:first-child { margin-left: 0; } .navigation__menu--item:hover>a { color: var(--btn-1) !important; } .navigation__menu--item__link { position: relative; font-size: 16px; text-transform: capitalize; padding-top: 24px; padding-bottom: 30px; font-weight: 400; display: block; color: var(--rts-para); transition: padding 0.3s ease; transition: var(--transition); } .navigation__menu--item.has-child:hover ul.submenu { opacity: 1; visibility: visible; transform: scaleY(1); } .navigation__menu--item.has-child:hover ul.submenu li.has-child:hover ul { opacity: 1; visibility: visible; transform: scaleY(1); } .navigation__menu--item.has-arrow { position: relative; } .navigation__menu--item.has-arrow::before { position: absolute; content: "\f122"; font-family: flaticon_bokinn !important; top: 48%; right: -15px; transform: translateY(-50%); color: var(--rts-heading); font-size: 14px; transition: var(--transition); } .navigation__menu--item.has-arrow:hover::before { content: "\f121"; font-family: flaticon_bokinn !important; transition: var(--transition); color: var(--rts-button-1); } .navigation__menu--item ul.submenu, .navigation__menu--item .sub__style { position: absolute; top: 100%; min-width: 230px; background: var(--rts-white); z-index: 1024; display: inline-block; opacity: 0; padding: 20px 0 30px 0; transform: scaleY(0); transform-origin: top center; visibility: hidden; transition: var(--transition); left: 0; box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08); } .navigation__menu--item ul.submenu li, .navigation__menu--item .sub__style li { position: relative; display: block; padding: 0 30px; } .navigation__menu--item ul.submenu li:last-child, .navigation__menu--item .sub__style li:last-child { margin-bottom: 0; } .navigation__menu--item ul.submenu li:hover>a, .navigation__menu--item .sub__style li:hover>a { color: var(--heading-color); transition: var(--transition); } .navigation__menu--item ul.submenu li:hover>a::before, .navigation__menu--item .sub__style li:hover>a::before { width: 80%; } .navigation__menu--item ul.submenu li:not(:last-child), .navigation__menu--item .sub__style li:not(:last-child) { margin: 0 0 10px; } .navigation__menu--item ul.submenu li.has-arrow, .navigation__menu--item .sub__style li.has-arrow { position: relative; } .navigation__menu--item ul.submenu li.has-arrow::before, .navigation__menu--item .sub__style li.has-arrow::before { position: absolute; content: "\f121"; font-family: flaticon_bokinn !important; top: 50%; right: 25px; transform: translateY(-50%); color: var(--rts-heading); font-size: 14px; transition: var(--transition); } .navigation__menu--item ul.submenu li.has-arrow:hover::before, .navigation__menu--item .sub__style li.has-arrow:hover::before { content: "\f122"; font-family: flaticon_bokinn !important; transition: var(--transition); } .navigation__menu--item ul.submenu li a, .navigation__menu--item .sub__style li a { padding: 0; font-size: 15px; text-transform: capitalize; font-weight: 400; position: relative; color: var(--rts-heading); } .navigation__menu--item ul.submenu li a::before, .navigation__menu--item .sub__style li a::before { left: 0; bottom: 0; width: 0; height: 1px; background: var(--heading-color); transition: var(--transition); } .navigation__menu--item ul.submenu li a:hover::before, .navigation__menu--item .sub__style li a:hover::before { width: 100%; } .navigation__menu--item ul.submenu li ul, .navigation__menu--item .sub__style li ul { top: 0; position: absolute; left: 100%; visibility: hidden; transform: scaleY(0); transform-origin: top center; opacity: 0; transition: var(--transition); } .header__sticky { position: relative; top: 0; display: block; width: 100%; box-shadow: none; background: transparent; z-index: 999; margin: auto; align-items: center; left: 0; border-radius: 0; transition: all 0.5s ease-in-out; top: 0; transform: translateY(0); } .header__sticky.fixed { position: fixed !important; box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922); background: var(--rts-white); } .main__header.is__home__three .navigation .navigation__menu--item.has-arrow::before { color: var(--rts-white); } .main__header.is__home__three .navigation .navigation__menu--item.has-arrow:hover::before { color: var(--btn-1); } .main__header.is__home__three .navigation .navigation__menu--item__link { color: var(--rts-white); } [data-theme=dark] .navigation__menu--item.has-arrow::before { color: var(--rts-para); } .navigation__menu--item.has-child .has__mega__menu { position: absolute; width: 1000px; background-color: var(--rts-white); padding: 30px; opacity: 0; visibility: hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: var(--transition); z-index: 1024; top: 100%; } @media screen and (max-width: 1200px) { .navigation__menu--item.has-child .has__mega__menu { width: 940px; } } .navigation__menu--item.has-child .has__mega__menu .menu__item { text-align: center; overflow: hidden; } .navigation__menu--item.has-child .has__mega__menu .menu__item a { display: block; overflow: hidden; } .navigation__menu--item.has-child .has__mega__menu .menu__item a img { border-radius: 4px; width: 100%; transition: var(--transition); } .navigation__menu--item.has-child .has__mega__menu .menu__item a span { display: block; margin-top: 15px; color: var(--rts-heading); transition: var(--transition); } .navigation__menu--item.has-child .has__mega__menu .menu__item:hover span { text-decoration: underline; } .navigation__menu--item.has-child:hover .has__mega__menu { opacity: 1; visibility: visible; } .theme-btn { pointer-events: auto; cursor: pointer; background: transparent; border: none; padding: 8px 20px; margin: 0; font-family: inherit; font-size: 16px; position: relative; display: inline-block; } .theme-btn::before, .theme-btn::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .theme-btn.border { border: 0.5px solid rgba(101, 103, 107, 0.3) !important; transition: var(--transition); } .theme-btn.border span { color: var(--rts-para); mix-blend-mode: normal; } .theme-btn.border:hover { border-color: var(--btn-1) !important; } .theme-btn.fill { background: var(--btn-1); border: 0.5px solid rgba(255, 255, 255, 0.4); color: var(--rts-white); transition: var(--transition); } .theme-btn.fill:hover { color: var(--rts-white); border-color: var(--btn-1); } .theme-btn.fill:hover span { color: var(--rts-white); mix-blend-mode: normal; } .theme-btn.sm-btn { padding: 5px 8px; } @media screen and (max-width: 1200px) { .theme-btn.sm-btn { padding: 5px 8px; } } .theme-btn.no-border { border: none; } .theme-btn:hover.border { border-color: var(--btn-1); } .theme-btn:hover.fill { background: var(--btn-1); color: var(--rts-white); } .theme-btn.menu__btn img { filter: invert(1); } .btn-style { overflow: hidden; font-family: var(--jost); font-size: inherit; font-weight: 500; border-radius: 6px; color: #fff; } .btn-style span { display: block; position: relative; mix-blend-mode: hard-light; z-index: 10; color: var(--rts-white); } .btn-style span i { position: relative; top: 2px; } .btn-style:hover span { animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s; color: var(--rts-white); } @keyframes MoveScaleUpInitial { to { transform: translate3d(0, -105%, 0) scale3d(1, 2, 1); opacity: 0; } } @keyframes MoveScaleUpEnd { from { transform: translate3d(0, 100%, 0) scale3d(1, 2, 1); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .btn-style::before { content: ""; background: var(--btn-1); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); } .btn-style:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } .btn-style::after { content: ""; background: var(--btn-1); transform: translate3d(0, -100%, 0); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } .btn-style:hover::after { transform: translate3d(0, 0, 0); transition-duration: 0.05s; transition-delay: 0.4s; transition-timing-function: linear; } [data-theme=dark] .btn-style span { color: var(--rts-para); } [data-theme=dark] .btn-style:hover span { color: var(--rts-para); } .rts__card .card-body { padding: 0; } .rts__card.is__home { padding: 40px 30px; text-align: center; transition: var(--transition); height: 100%; } @media screen and (max-width: 1400px) { .rts__card.is__home { padding: 40px 20px; } } @media screen and (max-width: 992px) { .rts__card.is__home { padding: 40px 30px; } } .rts__card.is__home:hover { box-shadow: 0px 30px 40px rgba(151, 151, 151, 0.16); } .rts__card .icon { margin-bottom: 30px; } .rts__card .card-text { color: var(--rts-para); } .rts__card.is__home__three { max-width: 240px; background-color: transparent; } .rts__card.is__home__four { background-color: transparent; border: 1px solid rgba(241, 241, 241, 0.3); padding: 38px 25px; text-align: center; transition: var(--transition); } .rts__card.is__home__four:hover { background-color: #1b1b1b; border-color: #484E6D; } .rts__card.is__home__four .card-title, .rts__card.is__home__four .card-text { color: var(--rts-white); } .rts__card.is__home__five { max-width: 260px; } .rts__card.is__home__six { max-width: 250px; background-color: transparent; } .applicant__list { display: flex; margin-right: 15px; flex-wrap: wrap; } .applicant__list .single__list { margin-right: -15px; position: relative; } .applicant__list .single__list .icon-plus { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; background-color: rgba(85, 60, 223, 0.6); border-radius: 50%; display: grid; place-items: center; color: var(--rts-white); font-size: 20px; border: 5px solid #F9F8FF; } .applicant__list .single__list img { height: 56px; width: 56px; border-radius: 50%; display: grid; place-items: center; border: 5px solid #F9F8FF; } [data-theme=dark] .rts__card.is__home { background-color: var(--body-bg); } [data-theme=dark] .rts__card.is__home:hover { box-shadow: none; } .rts__circle { max-width: max-content; border: 1px solid var(--rts-white); border-radius: 50%; } .rts__circle svg { height: 172px; width: 172px; position: relative; padding: 1px; animation: rotate 10s linear infinite; } @media screen and (max-width: 768px) { .rts__circle svg { height: 140px; width: 140px; } } .rts__circle svg text textPath { font-size: 11.5px; fill: var(--rts-white); font-family: var(--jost); } .rts__circle--icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rts__circle--icon button { background: none; border: none; } .rts__circle--icon i { transform: rotate(-30deg); color: var(--rts-white); } @keyframes rotate { 100% { transform: rotate(360deg); } } [data-theme=dark] .rts__circle { border-color: var(--rts-para); } [data-theme=dark] .rts__circle svg text textPath { fill: var(--rts-para); } [data-theme=dark] .rts__circle--icon i { color: var(--rts-para); } .rts__back__top { background: var(--btn-1); width: 45px; height: 45px; line-height: 45px; color: #fff; border-radius: 25px; display: none; text-align: center; position: fixed; z-index: 999; right: 20px; bottom: 0; opacity: 0; cursor: pointer; transition: var(--transition); border: 0; } .rts__back__top.show { display: block; bottom: 30px; opacity: 1; } .slider-button-next, .slider-button-prev { position: absolute; top: 50%; width: auto; height: auto; margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .slider-button-prev, .slider-rtl .slider-button-next { left: 10px; right: auto; } .slider-button-prev svg path, .slider-rtl .slider-button-next svg path { transition: var(--transition); } .slider-button-prev:hover svg path, .slider-rtl .slider-button-next:hover svg path { fill: var(--rts-heading); } .slider-button-next, .slider-rtl .slider-button-prev { right: 10px; left: auto; } .slider-button-next svg path, .slider-rtl .slider-button-prev svg path { transition: var(--transition); } .slider-button-next:hover svg path, .slider-rtl .slider-button-prev:hover svg path { fill: var(--rts-heading); } .is__room__slider .slider-button-next svg path, .is__room__slider .slider-button-prev svg path { transition: var(--transition); } .is__room__slider .slider-button-next:hover svg path, .is__room__slider .slider-button-prev:hover svg path { fill: var(--rts-white); } @media screen and (max-width: 992px) { .full__width__nav { display: none; opacity: 0; visibility: hidden; } } .slider__navigation { display: flex; gap: 10px; align-items: center; max-width: max-content; position: absolute; bottom: 0; right: 0; z-index: 9; } @media screen and (max-width: 768px) { .slider__navigation { display: none; } } .slider__navigation .nav__btn { border: 1px solid var(--rts-border); max-width: max-content; padding: 8px 10px; border-radius: 4px; cursor: pointer; line-height: 1; transition: var(--transition); } .slider__navigation .nav__btn:hover { background-color: var(--heading-color) !important; } .slider__navigation .nav__btn:hover img { filter: invert(100); } .slider__navigation .nav__btn img { transition: var(--transition); } .testimonial__slider__style__two { position: relative; } .testimonial__slider__style__two .slider__navigation { position: absolute; right: 0; bottom: 0; z-index: 1; } .testimonial__slider__style__three { position: relative; } .testimonial__slider__style__three .slider__navigation { position: absolute; left: -45px; bottom: 50%; z-index: 1; transform: translate(0, 50%); } @media screen and (max-width: 992px) { .testimonial__slider__style__three .slider__navigation { display: none; } } .testimonial__slider__style__three .slider__navigation .nav__btn { background-color: var(--rts-white); } .rts__pagination { padding-top: 40px; max-width: max-content; margin: 0 auto; } @media screen and (max-width: 768px) { .rts__pagination { padding-top: 80px; } } .rts-pagination { display: flex; gap: 6px; } .rts-pagination .swiper-pagination-bullet { height: 10px; width: 10px; transition: var(--transition); } .rts-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--heading-color); } [data-theme=dark] .rts-pagination .swiper-pagination-bullet { background: #fff; } /* .page__hero__bg::before { background-color: rgba(27, 27, 27, 0.6); } */ .page__hero__bg.no__shadow::before { background-color: rgba(27, 27, 27, 0); } .page__hero__height { height: 700px; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .page__hero__height.single img { width: 100%; height: 100%; } @media screen and (max-width: 992px) { .page__hero__height { height: 600px; } } @media screen and (max-width: 768px) { .page__hero__height { height: 500px; } } @media screen and (max-width: 576px) { .page__hero__height { height: 400px; } } .page__hero__content { color: var(--rts-white); position: relative; } .page__hero__content h1 { color: var(--rts-white); margin-bottom: 25px; } @media screen and (max-width: 768px) { .page__hero__content h1 { font-size: 50px; line-height: 60px; } } @media screen and (max-width: 576px) { .page__hero__content h1 { font-size: 40px; line-height: 50px; } } .page__hero__content .texonomy { color: var(--rts-white); margin-bottom: 30px; position: relative; display: block; z-index: 1; } .page__hero__content .author__meta { display: flex; align-items: center; gap: 25px; justify-content: center; position: relative; z-index: 1; } .page__hero__content .author__meta a { display: flex; gap: 10px; align-items: center; color: var(--rts-white); } .page__hero__content .author__meta a img { border-radius: 50%; } .page__hero__content .author__meta span { display: flex; align-items: center; gap: 10px; } .page__hero__content .author__meta span img { filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(721%) hue-rotate(183deg) brightness(117%) contrast(100%); } .page__hero__height.if__has__search { height: 700px; } @media screen and (max-width: 576px) { .page__hero__height.if__has__search { height: 850px; } } .page__hero__height.if__is__blog { height: 700px; } @media screen and (max-width: 576px) { .page__hero__height.if__is__blog { height: 550px; } } .room__card { border: 1px solid var(--rts-border); border-radius: 10px; overflow: hidden; } .room__card__top { position: relative; overflow: hidden; } .room__card__top .room__card__image { overflow: hidden; height: 100%; } .room__card__top .room__card__image img { transition: var(--transition); width: 100%; } .room__card__top .room__card__image img:hover { transform: scale(1.05); } .room__card__top .room__price__tag { position: absolute; top: 30px; left: 30px; background-color: var(--rts-white); border-radius: 6px; } .room__card__top .room__price__tag span { margin-bottom: 0; display: block; padding: 10px; line-height: 1; color: var(--heading-color); } .room__card__meta { padding: 30px; } .room__card__meta .room__card__title { display: block; margin-bottom: 15px; transition: var(--transition); color: var(--heading-color); } .room__card__meta .room__card__title:hover { color: rgb(92, 92, 220); } .room__card__meta .room__price__tag span { color: var(--heading-color); } .room__card__meta__info { display: flex; gap: 15px; margin-bottom: 10px; color: var(--heading-color); } @media screen and (max-width: 576px) { .room__card__meta__info { flex-wrap: wrap; gap: 10px; } } .room__card__meta__info span { display: flex; gap: 5px; align-items: center; } .room__card__meta .room__card__link { font-size: 18px; color: var(--heading-color); text-decoration: underline; font-family: var(--jost); } .room__card.is__style__three .room__card__meta__info span { font-size: 24px; } @media screen and (max-width: 1200px) { .room__card.is__style__three .room__card__meta__info span { font-size: 18px; } } .room__card.is__style__four { border-color: transparent; display: flex; flex-direction: row; align-items: center; } @media screen and (max-width: 768px) { .room__card.is__style__four { flex-direction: column; } } .room__card.is__style__four .room__card__top { flex-basis: 50%; } .room__card.is__style__four .room__card__top .room__card__image { border-radius: 10px; } .room__card.is__style__four .room__card__top .room__card__image a { display: block; } .room__card.is__style__four .room__card__top .room__card__image img { border-radius: 10px; } .room__card.is__style__four .room__card__meta { flex-basis: 50%; margin-left: 30px; } @media screen and (max-width: 768px) { .room__card.is__style__four .room__card__meta { margin-left: 0; padding-left: 0; flex-basis: unset; padding-bottom: 0; padding-right: 0; } } .room__card.is__style__four .room__card__meta__info { font-size: 20px; } @media screen and (max-width: 992px) { .room__card.is__style__four .room__card__meta__info { flex-wrap: wrap; } } .load__more__link { margin-top: 40px; display: flex; justify-content: center; } .load__more__link a { border: 1px solid var(--rts-border); padding: 8px 15px; display: inline-block; border-radius: 6px; font-size: 18px; font-family: var(--jost); color: var(--rts-heading); transition: var(--transition); } .load__more__link a:hover { background-color: var(--heading-color); color: var(--rts-white); } .room__wrapper { display: flex; flex-direction: column; row-gap: 60px; } @media screen and (max-width: 768px) { .room__wrapper { row-gap: 0; } } .room__wrapper .room__card.is__style__four:nth-child(even) { flex-direction: row-reverse; } @media screen and (max-width: 768px) { .room__wrapper .room__card.is__style__four:nth-child(even) { flex-direction: column; } } .room__wrapper .room__card.is__style__four:nth-child(even) .room__card__meta { padding: 0; margin-left: 0; margin-right: 30px; } @media screen and (max-width: 768px) { .room__wrapper .room__card.is__style__four:nth-child(even) .room__card__meta { margin-right: 0; padding-top: 30px; } } [data-theme=dark] .header__top { border-bottom-color: rgba(101, 103, 107, 0.65); } .header__top { padding: 8px 0; border-bottom: 0.5px solid rgba(101, 103, 107, 0.2); } .header__top .link__item { font-size: 14px; color: var(--rts-para); } .header__top .link__item i { top: 2px; position: relative; } .social__links { display: flex; align-items: center; gap: 25px; } @media screen and (max-width: 768px) { .social__links { justify-content: center; } } .location { display: flex; justify-content: end; } @media screen and (max-width: 768px) { .location { justify-content: center; } } @media screen and (max-width: 576px) { .header__top { display: none; } } .header__top.is__home__two, .header__top.is__color__white { background-color: rgba(0, 8, 52, 0); color: var(--rts-white); } .header__top.is__home__two .social__links a, .header__top.is__home__two .location a, .header__top.is__color__white .social__links a, .header__top.is__color__white .location a { color: var(--rts-white); } .header__top.is__home__three { background-color: var(--rts-heading); } .header__top.is__home__video { background-color: rgba(0, 8, 52, 0); } .header__top.is__home__video .link__item { color: #fff; } .header__function { transition: var(--transition); } .header__function.is__sticky { position: fixed; animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; transition: padding 1s; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06); background: var(--rts-white); z-index: 999; width: 100%; top: 0; padding: 0; } @media screen and (max-width: 992px) { .header__function.is__sticky { padding: 15px 0; } } .header__function.is__home__video.is__sticky { background: #1b1b1b; } .main__header { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 992px) { .main__header { padding: 20px 0; } } .main__header__wrapper { display: flex; justify-content: space-between; align-items: center; } .main__right { display: flex; gap: 20px; align-items: center; } @media screen and (max-width: 992px) { .main__right { gap: 15px; } } @media screen and (max-width: 576px) { .main__right .theme-btn.fill { display: none; } } @media screen and (max-width: 576px) { .main__right .theme-btn.fill.menu__btn { display: block; } } @keyframes stickyanimations { 0% { transform: translateY(-100px); } 100% { transform: translateY(0px); } } .header__absolute { position: absolute; top: 0; height: auto; width: 100%; z-index: 2; } .main__header.is__home__two, .main__header.is__color__white { background-color: rgba(0, 8, 52, 0); } .main__header.is__home__two .theme-btn.border, .main__header.is__color__white .theme-btn.border { border-color: rgba(255, 255, 255, 0.25) !important; } .main__header.is__home__two .theme-btn.border span, .main__header.is__color__white .theme-btn.border span { color: var(--rts-white); mix-blend-mode: normal; } .main__header.is__home__two .theme-btn.border:hover, .main__header.is__color__white .theme-btn.border:hover { border-color: var(--btn-1) !important; } .main__header.is__home__two { padding-top: 24px; padding-bottom: 30px; } .main__header.is__home__three { background-color: var(--rts-heading); } .main__header.is__home__three .theme-btn { border-radius: 0; } .main__header .main__nav__toogler { border: 0; background-color: transparent; display: flex; align-items: center; gap: 10px; color: var(--rts-white); font-size: 20px; font-family: var(--glida); } .main__header .main__nav__toogler i { font-size: 26px; color: var(--rts-white); } .header__function.is__home__two.is__sticky, .header__function.is__color__white.is__sticky { background-color: #1b1b1b; } .main__header .main__header__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; } @media screen and (max-width: 992px) { .main__header .main__header__wrapper { grid-template-columns: repeat(2, 1fr); } } .main__header .main__header__wrapper .main__logo { display: grid; justify-items: center; } @media screen and (max-width: 992px) { .main__header .main__header__wrapper .main__logo { justify-items: self-start; } } .main__header .main__header__wrapper .main__right { justify-content: end; } .main__header.is__home__four .main__header__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 992px) { .main__header.is__home__four .main__header__wrapper { grid-template-columns: repeat(2, 1fr); } } .main__header.is__home__four .main__header__wrapper .main__logo { display: grid; justify-items: self-start; } .main__header.is__home__four .main__header__wrapper .main__right { justify-content: end; } .main__header.is__home__video { background-color: rgba(0, 8, 52, 0); } .main__header.is__home__video .navigation__menu--item__link { color: #fff; } .main__header.is__home__video .main__right .theme-btn.border { border-color: rgba(255, 255, 255, 0.5) !important; } .main__header.is__home__video .main__right .theme-btn span { color: #fff; } @media screen and (max-width: 992px) { .main__nav { display: none; } } /* All section styles */ .facilities__area.has__background { background-color: var(--rts-gray); } .facilities__area.py-90 { padding: 90px 0; } .section__wrapper { display: flex; justify-content: space-between; align-items: center; gap: 25px; } @media screen and (max-width: 992px) { .section__wrapper { flex-wrap: wrap; gap: 25px; } } .section__wrapper .section__content__right { max-width: 645px; } .section__wrapper .section__content__right p { font-size: 18px; } [data-theme=dark] .facilities__area.has__background { background-color: var(--rts-white); } .subtitle__icon { position: relative; display: inline-block; margin-bottom: 0; } .subtitle__icon::before { position: absolute; content: ""; left: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/left.svg"); background-repeat: no-repeat; } .subtitle__icon::after { position: absolute; content: ""; right: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/right.svg"); background-repeat: no-repeat; } .subtitle__icon__two, .subtitle__icon__five { position: relative; display: inline-block; margin-bottom: 15px; left: 0px; /* change needed for the mobile side responsive */ color: var(--heading-color); } .subtitle__icon__two::before, .subtitle__icon__five::before { position: absolute; content: ""; left: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/section__style__two.svg"); background-repeat: no-repeat; } .subtitle__icon__three, .subtitle__icon__four { position: relative; display: inline-block; margin-bottom: 15px; color: var(--heading-color); } .subtitle__icon__three::before, .subtitle__icon__four::before { position: absolute; content: ""; left: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/section__style__three-1.svg"); background-repeat: no-repeat; } .subtitle__icon__three::after, .subtitle__icon__four::after { position: absolute; content: ""; right: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/section__style__three-2.svg"); background-repeat: no-repeat; } .subtitle__icon__four::before { left: -45px; width: 30px; background-image: url("../images/shape/section__three-1.svg"); } .subtitle__icon__four::after { width: 30px; right: -45px; background-image: url("../images/shape/section__three-2.svg"); } .subtitle__icon__five { left: 0px; } .subtitle__icon__five::before { left: -45px; width: 30px; background-image: url("../images/shape/section__three-1.svg"); } .section__topbar.is__home__two .subtitle__icon__three::before, .section__topbar.is__home__two .subtitle__icon__four::before, .section__topbar.is__home__two .subtitle__icon__three::after, .section__topbar.is__home__two .subtitle__icon__four::after { filter: brightness(100); } .jarallax>.jarallax-img, picture.jarallax-img img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } @media screen and (max-width: 768px) { .jarallax>.jarallax-img, picture.jarallax-img img { position: relative; } } .jara-mask-1 { width: 100%; padding-top: 100%; backdrop-filter: blur(20px); border-radius: 10px; overflow: hidden; } @media screen and (max-width: 768px) { .jara-mask-1 { padding-top: inherit; } } .jara-mask-2 { width: 100%; backdrop-filter: blur(20px); border-radius: 10px; overflow: hidden; } .jara-mask-3 { width: 100%; backdrop-filter: blur(20px); overflow: hidden; } /* ----- Banner Home One ----- */ .banner__area { background-color: rgba(0, 8, 52, 0.65); } .is__home__one.banner__center { display: flex; justify-content: center; align-items: center; } .banner__slide__content { text-align: center; position: relative; z-index: 2; padding: 180px 0 100px 0; } @media screen and (max-width: 992px) { .banner__slide__content { padding: 150px 0; } } .banner__slide__content .h6, .banner__slide__content h1, .banner__slide__content p { color: var(--rts-white); } .banner__slide__content h1 { line-height: 90px; margin-top: 20px; margin-bottom: 30px; } @media screen and (max-width: 992px) { .banner__slide__content h1 { font-size: 60px; line-height: 70px; } } @media screen and (max-width: 768px) { .banner__slide__content h1 { font-size: 50px; line-height: 60px; } } @media screen and (max-width: 576px) { .banner__slide__content h1 { font-size: 40px; line-height: 50px; } } .banner__slide__content .sub__text { font-size: 18px; max-width: 560px; margin: 0 auto; margin-bottom: 40px; } /* .banner__slider__image::before { background-color: rgba(27, 27, 27, 0.5); } */ .banner__slider__image img { height: 100%; width: 100%; object-fit: cover; } .subtitle__icon { position: relative; display: inline-block; margin-bottom: 0; } .subtitle__icon::before { position: absolute; content: ""; left: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/left.svg"); background-repeat: no-repeat; } .subtitle__icon::after { position: absolute; content: ""; right: -65px; bottom: 50%; width: 52px; height: 12px; background-image: url("../images/shape/right.svg"); background-repeat: no-repeat; } @keyframes slideUp { 0% { transform: translateY(5%); opacity: 0.2; } 100% { transform: translateY(0); opacity: 1; } } @keyframes zoom { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.1); opacity: 1; } } .banner__slider .swiper-slide-active .banner__slider__image { animation: zoom 7s; } .banner__slider .swiper-slide-active .banner__slide__content .subtitle__icon { animation-delay: 1.4s; animation: fadeInUp 2s; } .banner__slider .swiper-slide-active .banner__slide__content h1 { animation-delay: 1s; animation: fadeInUp 2s; } .banner__slider .swiper-slide-active .banner__slide__content .sub__text { animation-delay: 1.2s; animation: fadeInUp 2s; } .banner__slider .swiper-slide-active .banner__slide__content .theme-btn { animation-delay: 1.4s; animation: fadeInUp 2s; } .banner__slider:hover .rts__slider__nav { opacity: 1; } @media screen and (max-width: 768px) { .banner__slider:hover .rts__slider__nav { display: none; opacity: 0; } } .rts__slider__nav { opacity: 0; transition: var(--transition); position: absolute; width: 100%; left: 60px; display: flex; z-index: 9999; bottom: 50%; justify-content: space-between; transform: translate(0, -50%); } .rts__slider__nav .prev { right: 120px; position: absolute; } .banner__area.is__home__two { position: relative; } .banner__area.is__home__two .banner__slide__content { padding-top: 375px; padding-bottom: 130px; z-index: 1; } @media screen and (max-width: 1200px) { .banner__area.is__home__two .banner__slide__content { padding-top: 300px; } } @media screen and (max-width: 992px) { .banner__area.is__home__two .banner__slide__content { padding-top: 280px; } } @media screen and (max-width: 768px) { .banner__area.is__home__two .banner__slide__content { padding-top: 200px; } } .banner__area.is__home__two .banner__slide__content__info { padding-top: 130px; display: flex; max-width: 860px; margin: 0 auto; justify-content: space-around; } @media screen and (max-width: 992px) { .banner__area.is__home__two .banner__slide__content__info { padding-top: 80px; } } @media screen and (max-width: 768px) { .banner__area.is__home__two .banner__slide__content__info { padding-top: 40px; display: grid; grid-template-columns: 1fr; gap: 30px; justify-content: center; } } @media screen and (max-width: 576px) { .banner__area.is__home__two .banner__slide__content__info { margin-top: 0; } } .banner__area.is__home__two .banner__slide__content__info .item { display: flex; flex-direction: column; gap: 15px; text-align: center; } .banner__area.is__home__two .banner__slide__content__info .item .h2 { color: var(--rts-white); line-height: 1; margin-bottom: 0; } .banner__area.is__home__two .banner__slide__content__info .item p { font-size: 24px; } .banner__area.is__home__three { background-color: var(--rts-gray); margin-bottom: 70px; } @media screen and (max-width: 576px) { .banner__area.is__home__three { margin-bottom: 0; } } .banner__area.is__home__three .banner__content.not__slider { display: flex; } .banner__area.is__home__three .banner__content .banner__slide__content.not__slider { text-align: left; padding-top: 180px; padding-bottom: 60px; max-width: 600px; } @media screen and (max-width: 768px) { .banner__area.is__home__three .banner__content .banner__slide__content.not__slider { padding-top: 120px; } } .banner__area.is__home__three .banner__content .banner__slide__content.not__slider h1 { color: var(--rts-heading); margin-top: 0; margin-bottom: 0; } .banner__area.is__home__three .banner__content .banner__image { position: absolute; right: 0; top: 0; } .banner__area.is__home__four .banner__slide__content.if__not__slider { text-align: left; padding: 290px 0; } @media screen and (max-width: 1200px) { .banner__area.is__home__four .banner__slide__content.if__not__slider { padding: 170px 0 190px 0; } } @media screen and (max-width: 992px) { .banner__area.is__home__four .banner__slide__content.if__not__slider { padding: 170px 0; } } @media screen and (max-width: 768px) { .banner__area.is__home__four .banner__slide__content.if__not__slider { padding: 120px 0; } } .banner__area.is__home__four .banner__slide__content.if__not__slider h1 { margin: 0; } .banner__area.is__home__five { clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 100% 100%, 89.246% 91.898%, 78.025% 86.489%, 66.575% 83.438%, 55.133% 82.41%, 43.939% 83.071%, 33.229% 85.087%, 23.243% 88.122%, 14.217% 91.842%, 6.39% 95.913%, 0% 100%); } @media screen and (max-width: 992px) { .banner__area.is__home__five { clip-path: none; } } .banner__area.is__home__five .banner__content { clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 100% 100%, 89.246% 91.898%, 78.025% 86.489%, 66.575% 83.438%, 55.133% 82.41%, 43.939% 83.071%, 33.229% 85.087%, 23.243% 88.122%, 14.217% 91.842%, 6.39% 95.913%, 0% 100%); height: 940px; position: relative; padding-top: 105px; } @media screen and (max-width: 1200px) { .banner__area.is__home__five .banner__content { height: 800px; } } @media screen and (max-width: 992px) { .banner__area.is__home__five .banner__content { clip-path: none; height: 100%; padding-bottom: 100px; } } @media screen and (max-width: 768px) { .banner__area.is__home__five .banner__content { clip-path: none; height: 100%; } } .banner__area.is__home__five .banner__content::before { background-color: rgba(0, 8, 52, 0.4); } .banner__area.is__home__five .banner__slide__content.if__not__slider { padding: 0; } .banner__area.is__home__five .banner__slide__content.if__not__slider h1 { text-align: left; margin: 0; } @media screen and (max-width: 1200px) { .banner__area.is__home__five .banner__slide__content.if__not__slider h1 { font-size: 70px; } } @media screen and (max-width: 768px) { .banner__area.is__home__five .banner__slide__content.if__not__slider h1 { font-size: 50px; } } .banner__area.is__home__six .banner__slide__content { padding-bottom: 30px; padding-top: 250px; } @media screen and (max-width: 1200px) { .banner__area.is__home__six .banner__slide__content { padding-top: 180px; } } @media screen and (max-width: 992px) { .banner__area.is__home__six .banner__slide__content { padding-top: 150px; } } @media screen and (max-width: 768px) { .banner__area.is__home__six .banner__slide__content { padding-top: 100px; } } .banner__area.is__home__video { height: 800px; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); } @media screen and (max-width: 768px) { .banner__area.is__home__video { height: 600px; } } .banner__area.is__home__video .video__section__text { display: flex; align-items: center; height: 800px; text-align: center; } @media screen and (max-width: 768px) { .banner__area.is__home__video .video__section__text { height: 400px; margin-top: 150px; } } .banner__area .video__area { position: absolute; z-index: -1; height: 800px; left: 0; width: 100%; } @media screen and (max-width: 768px) { .banner__area .video__area { height: 600px; } } .banner__area .video__area video { width: 100%; height: 100%; object-fit: cover; } .banner__area .video__area .video__area__overlay { background-color: rgba(0, 0, 0, 0.1); } .banner__area .swiper-slide .video__text__slider__title { transition: var(--transition); margin-top: 100px; } @media screen and (max-width: 768px) { .banner__area .swiper-slide .video__text__slider__title { font-size: 50px; line-height: 60px; margin-top: 0; } } @media screen and (max-width: 576px) { .banner__area .swiper-slide .video__text__slider__title { font-size: 40px; line-height: 50px; } } .banner__area .swiper-slide-active .video__text__slider__title { animation: fadeInUp 2s; opacity: 1; } [data-theme=dark] .banner__slide__content span { color: #fff; } [data-theme=dark] .banner__slide__content h1 { color: #fff; } [data-theme=dark] .banner__slide__content p { color: #fff; } .about__area.is__home__main .section__shape { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } .about__area.is__home__main .about__wrapper { gap: 10px; } @media screen and (max-width: 1200px) { .about__area.is__home__main .about__wrapper { gap: 50px; } } .about__area.is__home__main .image { margin-left: 85px; } @media screen and (max-width: 1200px) { .about__area.is__home__main .image { margin-left: 0; } } .about__area.is__home__main .image__card { bottom: 40px; left: -100px; top: unset !important; } @media screen and (max-width: 992px) { .about__area.is__home__main .image__card { left: 0; bottom: 0; } } .about__area.is__home__main .image__card__image { background-color: var(--rts-white); border: 8px solid var(--rts-white); border-radius: 10px; position: absolute; top: -40px; right: -60px; } @media screen and (max-width: 1200px) { .about__area.is__home__main .image__card__image { display: none; } } .about__area.is__home__main .image__card__image img { border-radius: 10px; } .about__area.is__home__one .section__shape { position: absolute; left: 0; top: 150px; } @media screen and (max-width: 1400px) { .about__area.is__home__one .section__shape { display: none; } } .about__area.is__home__two .section__shape { position: absolute; left: 0; top: 150px; } @media screen and (max-width: 992px) { .about__area.is__home__two .section__shape { display: none; } } .about__area.is__home__two .about__wrapper { flex-direction: row-reverse; } .about__area.is__home__two .about__wrapper .image { margin-right: 0; } .about__wrapper { display: flex; gap: 45px; align-items: center; } @media screen and (max-width: 992px) { .about__wrapper { flex-wrap: wrap; } } .about__wrapper .content__title { margin-bottom: 30px; } .about__wrapper .content__subtitle { font-size: 18px; max-width: 645px; margin-bottom: 45px; } .about__wrapper .image { position: relative; margin-right: 85px; } @media screen and (max-width: 1200px) { .about__wrapper .image { margin-right: 0; } } .about__wrapper .image .image-height { min-height: 580px; min-width: 485px; } @media screen and (max-width: 768px) { .about__wrapper .image .image-height { min-width: 100%; min-height: 100%; } } .about__wrapper .image .image__card { padding: 22px 30px 22px 22px; box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.16); display: flex; gap: 20px; align-items: center; max-width: max-content; background-color: var(--rts-white); position: absolute; top: 40px; right: -100px; } @media screen and (max-width: 768px) { .about__wrapper .image .image__card { right: 0; } } .about__wrapper .image .image__card .icon { height: 82px; min-width: 82px; background-color: var(--rts-gray); font-size: 45px; color: var(--heading-color); } .about__images { position: relative; } .about__images .image__left img { border-radius: 10px; } @media screen and (max-width: 576px) { .about__images .image__left img { height: 100%; } } .about__images .image__right { position: relative; margin-left: 200px; margin-top: -250px; border-radius: 10px; width: 100%; } @media screen and (max-width: 1400px) { .about__images .image__right { margin-left: 150px; } } @media screen and (max-width: 1200px) { .about__images .image__right { margin-left: 80px; } } @media screen and (max-width: 992px) { .about__images .image__right { margin-left: 110px; } } @media screen and (max-width: 768px) { .about__images .image__right { margin-left: 0px; margin-top: 0px; } } @media screen and (max-width: 576px) { .about__images .image__right { margin-left: 0px; margin-top: 0; } } .about__images .image__right img { border-radius: 10px; border: 6px solid var(--rts-white); } .about__content { margin-left: 65px; } @media screen and (max-width: 992px) { .about__content { margin-left: 0; } } .about.is__home__five.has__background:before { position: absolute; content: ""; height: 115%; width: 100%; background-color: var(--rts-gray); z-index: -1; top: 0; left: 0; } @media screen and (max-width: 992px) { .about.is__home__five.has__background:before { height: 100%; } } .about.is__home__five .about__positioned__images { position: relative; } .about.is__home__five .about__positioned__images .image__1 { position: absolute; left: -28%; clip-path: polygon(69.249% 0%, 0% 0%, 0% 100%, 99.939% 100%, 99.939% 50%, 69.249% 50%, 69.249% 0%); top: -195px; } @media screen and (max-width: 1200px) { .about.is__home__five .about__positioned__images .image__1 { left: -42%; } } @media screen and (max-width: 992px) { .about.is__home__five .about__positioned__images .image__1 { display: none; } } .about.is__home__five .about__positioned__images .image__2 { position: absolute; right: 0; bottom: -550px; height: 530px; width: 385px; } @media screen and (max-width: 992px) { .about.is__home__five .about__positioned__images .image__2 { height: 400px; bottom: -450px; display: none; } } @media screen and (max-width: 768px) { .about.is__home__five .about__positioned__images .image__2 { display: none; } } .about.is__home__six.has__background { background-color: var(--rts-gray); } @media screen and (max-width: 992px) { .about.is__home__six.has__background { padding: 100px 0; } } @media screen and (max-width: 768px) { .about.is__home__six.has__background { padding: 60px 0; } } @media screen and (max-width: 992px) { .about.is__home__six .about__content { margin-left: 0; } } .about.is__home__six .about__image { position: absolute; left: 0; } @media screen and (min-width: 1400px) and (max-width: 1600px) { .about.is__home__six .about__image { left: -10%; } } @media screen and (max-width: 1680px) { .about.is__home__six .about__image { left: -8%; } } @media screen and (max-width: 1440px) { .about.is__home__six .about__image { left: -15%; } } @media screen and (max-width: 1400px) { .about.is__home__six .about__image { left: -18%; } } @media screen and (max-width: 1280px) { .about.is__home__six .about__image { left: -20%; } } @media screen and (max-width: 1200px) { .about.is__home__six .about__image { left: -40%; } } @media screen and (max-width: 992px) { .about.is__home__six .about__image { position: relative; left: 0; } } @media screen and (max-width: 992px) { .about.is__home__six .about__image img { height: 100%; } } .about.is__home__six .about__content__full { padding: 140px 0; margin-left: 20px; } @media screen and (max-width: 1400px) { .about.is__home__six .about__content__full { padding: 95px 0; } } @media screen and (max-width: 992px) { .about.is__home__six .about__content__full { padding-top: 40px; margin-left: 0; padding-bottom: 0; } } @media screen and (max-width: 768px) { .about.is__home__six .about__content__full { padding-top: 40px; padding-bottom: 0; } } .about.is__resturant { padding-top: 120px; padding-bottom: 0; } .about.is__resturant .about__images { display: flex; align-items: center; gap: 5px; position: relative; left: -15%; } @media screen and (max-width: 1400px) { .about.is__resturant .about__images { left: -90%; } } @media screen and (max-width: 1200px) { .about.is__resturant .about__images { left: -125%; } } @media screen and (max-width: 992px) { .about.is__resturant .about__images { left: 0; } } @media screen and (max-width: 768px) { .about.is__resturant .about__images { flex-wrap: wrap; } } .about.is__resturant .about__images .image__left img, .about.is__resturant .about__images .image__right img { min-width: 328px; } @media screen and (max-width: 992px) { .about.is__resturant .about__images .image__left img, .about.is__resturant .about__images .image__right img { min-width: 100%; height: 100%; } } @media screen and (max-width: 768px) { .about.is__resturant .about__images .image__left img, .about.is__resturant .about__images .image__right img { width: 100%; } } .about.is__resturant .about__images .image__right { margin-left: 0; margin-top: 0; width: auto; } .about.is__resturant .about__images .image__right img { border: 0; } .reservation__meta { display: flex; gap: 40px; align-items: center; margin-top: 40px; } @media screen and (max-width: 768px) { .reservation__meta { flex-wrap: wrap; } } .reservation__meta .reservation__item { border: 1px solid var(--rts-border); max-width: max-content; padding: 20px; transition: var(--transition); } .reservation__meta .reservation__item:hover { border-color: var(--heading-color); background-color: var(--heading-color); color: var(--rts-white); } .reservation__meta .reservation__item:hover a, .reservation__meta .reservation__item:hover span { color: var(--rts-white); } .reservation__meta .reservation__item:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(104deg) brightness(103%) contrast(101%); } .reservation__meta .reservation__item p { margin-bottom: 10px; } .reservation__meta .reservation__item a, .reservation__meta .reservation__item span { color: var(--rts-heading); display: flex; gap: 5px; align-items: center; margin-bottom: 0; } .reservation__meta .reservation__item a { font-size: 14px; } .room__slide__box { max-width: max-content; position: relative; height: 100%; min-width: 100%; border-radius: 6px; padding: 5px; } .room__slide__box .room__thumbnail { position: relative; transition: var(--transition); height: 100%; width: 100%; border-radius: 6px; } .room__slide__box .room__thumbnail::before { /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); */ border-radius: 6px; transition: var(--transition); } .room__slide__box .room__thumbnail img { max-width: 100%; border-radius: 6px; } .room__slide__box .room__content { padding: 0 30px 30px; position: absolute; bottom: 0; width: 100%; color: var(--rts-white); } .room__slide__box .room__content .room__title h5 { color: var(--rts-white); } .room__slide__box .room__content .rent { color: var(--rts-white); } .room__slide__box .room__content__meta { display: flex; gap: 20px; align-items: center; margin-top: 15px; } @media screen and (max-width: 992px) { .room__slide__box .room__content__meta { gap: 15px; } } .room__slide__box .room__content__meta span { display: flex; gap: 8px; align-items: center; line-height: 1; } .room__slide__box .room__content__meta span i { font-size: inherit; } .room__slider { height: 585px; max-height: 585px; } .room__slider .swiper-slide-active .room__slide__box:hover { cursor: pointer; } .room__slider .swiper-slide-active .room__slide__box:hover .room__thumbnail::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .room__slider .swiper-slide-active .room__slide__box .room__content .room__title h5 { animation: fadeInUp 1s; } .room__slider .swiper-slide-active .room__slide__box .room__content .room__content__meta { animation: fadeInUp 1.2s; } .room__slider .swiper-slide-active .room__slide__box .room__content .rent { animation: fadeInUp 1.5s; } .rts__swiper__nav { position: relative; z-index: 9; display: flex; gap: 30px; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .rts__swiper__nav { display: none; } } .rts__swiper__nav svg path { fill: #65676B; transition: var(--transition); } .rts__swiper__nav .rts__slide:hover svg path { fill: var(--rts-heading); } .apartment__slide__box { max-width: 100%; margin-bottom: 40px; transition: var(--transition); transform: translateY(15px); } @media screen and (max-width: 768px) { .apartment__slide__box { margin: 0 auto; padding: 0 15px; } } .apartment__slide__box .apartment__slide__image { transition: var(--transition); } .apartment__slide__box .apartment__slide__image img { width: 100%; } @media screen and (max-width: 768px) { .apartment__slide__box .apartment__slide__image img { height: 100%; } } .apartment__slide__box .apartment__slide__content { display: flex; justify-content: space-between; max-width: 100%; padding: 35px 30px 30px; box-shadow: 0px 30px 40px rgba(175, 175, 175, 0.16); opacity: 0; display: none; transition: var(--transition); } .apartment__slide__box .apartment__slide__content .apartment__content__meta { display: flex; gap: 20px; } .apartment__slide__box .apartment__slide__content .apartment__content__meta span { display: flex; gap: 5px; } .apartment__slide__box .apartment__slide__content .apartment__title h5 { transition: var(--transition); } .apartment__slide__box .apartment__slide__content .apartment__title h5:hover { color: var(--heading-color); } .apartment__slide__box .apartment__slide__content .price { color: var(--heading-color); } .apartment__slider .swiper-slide-active .apartment__slide__box .apartment__slide__content { display: block; opacity: 1; animation: fadeInUp 1s; } .room.has__background { background-color: var(--rts-heading); } .room.has__shape .section__shape { position: absolute; height: 100%; width: 100%; } .room.has__shape .section__shape .shape__1 { position: absolute; right: 0; bottom: 30%; } @media screen and (max-width: 992px) { .room.has__shape .section__shape .shape__1 { display: none; } } .room.has__shape .section__shape .shape__2 { position: absolute; left: 0; bottom: 50%; transform: translate(-50%); } @media screen and (max-width: 992px) { .room.has__shape .section__shape .shape__2 { display: none; } } .room__slider.is__home__four { height: 100%; max-height: 100%; overflow: hidden; } .room__slider__box { padding: 30px; border-radius: 10px; max-width: max-content; background-color: var(--rts-white); } .room__slider__box .room__slider__thumb { overflow: hidden; margin-bottom: 35px; } .room__slider__box .room__slider__thumb img { border-radius: 10px; transform: scale(1); transition: var(--transition); } .room__slider__box .room__slider__thumb:hover img { transform: scale(1.05); } .room__slider__box .room__title h5 { margin-bottom: 10px; } .room__slider__box .room__slide__content .room__content__meta { display: flex; gap: 20px; margin-bottom: 10px; } .room__slider__box .room__slide__content .room__content__meta span { display: flex; gap: 5px; } .room__slider__box .room__slide__content .price { color: var(--heading-color); } .room__details .price { color: var(--heading-color); display: block; } .room__details .room__meta { font-size: 24px; font-family: var(--glida); margin-bottom: 20px; margin-top: 20px; display: flex; align-items: center; gap: 30px; } @media screen and (max-width: 576px) { .room__details .room__meta { flex-wrap: wrap; font-size: 18px; } } .room__details .room__meta span { display: flex; gap: 8px; align-items: center; } .room__details p { font-size: 20px; font-family: var(--glida); color: #000; line-height: 34px; } .room__amenity { display: flex; flex-direction: column; margin-top: 30px; } .room__amenity .group__row { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 0.5px solid rgba(101, 103, 107, 0.3); margin-bottom: 20px; padding-bottom: 20px; } @media screen and (max-width: 768px) { .room__amenity .group__row { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .room__amenity .group__row { grid-template-columns: repeat(1, 1fr); padding-bottom: 0; border-bottom: 0; } } .room__amenity .group__row:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .room__amenity .group__row .single__item { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; font-size: 20px; color: var(--rts-heading); font-family: var(--glida); } .room__amenity .group__row.if__room__details__two { grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 768px) { .room__amenity .group__row.if__room__details__two { grid-template-columns: repeat(1, 1fr); } } .room__feature .group__row .list__item { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 1400px) { .room__feature .group__row .list__item { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 1200px) { .room__feature .group__row .list__item { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 992px) { .room__feature .group__row .list__item { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .room__feature .group__row .list__item { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 576px) { .room__feature .group__row .list__item { grid-template-columns: repeat(1, 1fr); } } .room__feature .group__row .list__item li { position: relative; padding-left: 30px; font-size: 20px; color: var(--rts-heading); margin-bottom: 20px; } .room__feature .group__row .list__item li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--heading-color); } .room__feature .group__row.is__room__details .list__item { border-bottom: 1px solid var(--rts-border); margin: 20px; display: grid; grid-template-columns: repeat(2, 1fr); font-family: var(--glida); } @media screen and (max-width: 768px) { .room__feature .group__row.is__room__details .list__item { grid-template-columns: repeat(1, 1fr); margin: 0; border-bottom: none; } } .room__feature .group__row.is__room__details .list__item:last-child { border-bottom: none; margin-bottom: 0; } .room__details__top { border: 1px solid rgba(101, 103, 107, 0.3); text-align: center; padding: 60px 0; border-radius: 10px; background-color: var(--rts-white); box-shadow: 0px 30px 40px rgba(175, 175, 175, 0.16); margin-top: -175px; } @media screen and (max-width: 1200px) { .room__details__top h1 { font-size: 70px; line-height: 80px; } } @media screen and (max-width: 768px) { .room__details__top h1 { font-size: 40px; line-height: 50px; } } .room__details__top .price { color: var(--heading-color); display: block; margin-bottom: 20px; } .room__details__top .room__meta { margin-top: 20px; display: flex; gap: 30px; align-items: center; justify-content: center; font-size: 24px; font-family: var(--glida); } .room__details__top .room__meta span { display: flex; gap: 8px; align-items: center; } @media screen and (max-width: 576px) { .room__details__top .room__meta { flex-wrap: wrap; gap: 20px; } } [data-theme=dark] .room__slide__box .room__content .room__title h5 { color: #fff; } [data-theme=dark] .room__slide__box .room__content__meta { color: #fff; } [data-theme=dark] .room__slide__box .room__content .rent { color: #fff; } .sidebar { position: relative; } /* Sticky sidebar */ .sticky__sidebar { width: 100%; height: 100%; } .no__shadow .advance__search { box-shadow: none !important; } .main__room__slider { height: 585px; max-height: 585px; padding: 0 30px; } .client__testimonial.is__home__one.has__background { background-color: var(--rts-gray); } .client__testimonial.has__shape .section__shape { position: absolute; height: 100%; width: 100%; top: 0; } @media screen and (max-width: 992px) { .client__testimonial.has__shape .section__shape { display: none; } } .client__testimonial.has__shape .section__shape .shape__one { position: absolute; top: 0; left: 0; } .client__testimonial.has__shape .section__shape .shape__two { position: absolute; bottom: 0; right: 0; } .single__slider__item.is__home { text-align: center; } .single__slider__item.is__home .slider__rating { display: flex; gap: 5px; justify-content: center; } .single__slider__item.is__home .slider__rating i { font-size: 30px; color: var(--heading-color); } .single__slider__item.is__home .slider__text { font-size: 28px; line-height: 42px; font-family: var(--jost); } .single__slider__item.is__home .slider__author__info { display: flex; gap: 20px; align-items: center; justify-content: center; margin-top: 45px; } .single__slider__item.is__home .slider__author__info__image { height: 66px; width: 66px; } .single__slider__item.is__home .slider__author__info__image img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%; border: 1px solid var(--rts-white); } .single__slider__item.is__home .slider__author__info__content { text-align: left; } .testimonial__slider .swiper-slide-active .single__slider__item .slider__rating { animation: fadeInUp 1.5s; } .testimonial__slider .swiper-slide-active .single__slider__item .slider__text { animation: fadeInUp 2s; } .testimonial__slider .swiper-slide-active .single__slider__item .slider__author__info { animation: fadeInUp 2.5s; } .client__testimonial.is__home__two.has__background { background-color: var(--rts-heading); } .client__testimonial.is__home__two.has__shape .section__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .client__testimonial.is__home__two.has__shape .section__shape .shape__two { position: absolute; bottom: 0; right: 0; } .client__testimonial.is__home__two .testimonial__slider { color: var(--rts-white); } .client__testimonial.is__home__two .testimonial__slider .slider__author__info h6 { color: var(--rts-white); } .client__testimonial.is__home__two .slider-button-next svg path, .client__testimonial.is__home__two .slider-button-prev svg path { transition: var(--transition); } .client__testimonial.is__home__two .slider-button-next:hover svg path, .client__testimonial.is__home__two .slider-button-prev:hover svg path { fill: var(--rts-white); } .testimonial__item__content { display: flex; gap: 70px; align-items: center; } @media screen and (max-width: 992px) { .testimonial__item__content { gap: 40px; flex-wrap: wrap; } } .testimonial__item__content .author__icon img { height: 310px; min-width: 310px; border-radius: 50%; border: 5px solid var(--rts-gray); } .testimonial__item__content .slider__rating i { font-size: 25px; color: var(--heading-color); } .testimonial__item__content .slider__text { font-size: 28px; line-height: 42px; font-family: var(--jost); margin-bottom: 25px; } @media screen and (max-width: 768px) { .testimonial__item__content .slider__text { font-size: 26px; line-height: 40px; } } .testimonial.has__shape.is__home__four .section__shape { position: absolute; top: 50%; left: 0; max-width: max-content; } @media screen and (max-width: 1200px) { .testimonial.has__shape.is__home__four .section__shape { display: none; } } .testimonial__item__content { overflow: hidden; } .testimonial__author.is__thumb { max-width: 285px; } .testimonial__author__image img { border: 10px solid var(--rts-gray); } .client__testimonial.is__home__six.has__background { background-image: url("../images/index-6/testimonial-bg.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .client__testimonial.is__home__six.has__background::before { background-color: rgba(0, 8, 52, 0.65); } .client__testimonial.is__home__six .single__slider__item { color: var(--rts-white); } .client__testimonial.is__home__six .single__slider__item .slider__rating i { color: var(--rts-white); } .client__testimonial.is__home__six .single__slider__item .slider__author__info__content h6 { color: var(--rts-white); } .client__testimonial.is__home__six .slider-button-next svg path, .client__testimonial.is__home__six .slider-button-prev svg path { transition: var(--transition); } .client__testimonial.is__home__six .slider-button-next:hover svg path, .client__testimonial.is__home__six .slider-button-prev:hover svg path { fill: var(--rts-white); } .testimonial.has__shape .section__shape { position: absolute; top: 50%; right: 0; transform: translateY(-50%); max-width: max-content; } @media screen and (max-width: 992px) { .testimonial.has__shape .section__shape { display: none; } } .slider__navigation.is__home__four { position: absolute; right: 0; bottom: 10px; z-index: 1; } @media screen and (max-width: 1200px) { .testimonial__left h2 { font-size: 40px; line-height: 50px; } } .testimonial__item__content { position: relative; } [data-theme=dark] .client__testimonial.is__home__one { background-color: var(--rts-white); } .video__area__image { position: relative; height: 685px; width: 100%; } @media screen and (max-width: 768px) { .video__area__image { height: 350px; } } .video__area__image::before { /* background: rgba(27, 27, 27, 0.3); */ border-radius: 10px; } .video__area__image img { max-width: 100%; } .video--spinner__wrapper { position: absolute; max-width: max-content; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video--spinner__wrapper .rts__circle--icon i { font-size: 50px; line-height: 1 !important; } @media screen and (max-width: 768px) { .video--spinner__wrapper .rts__circle--icon i { font-size: 30px; } } .video__area__image.is__home__three::before { border-radius: 0; } .video__area__image.is__room__details { height: 500px !important; } @media screen and (max-width: 576px) { .video__area__image.is__room__details { height: 400px !important; } } .video.has__shape .section__shape { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } @media screen and (max-width: 992px) { .video.has__shape .section__shape { display: none; } } .video.video__full .rts__circle { background: rgba(171, 138, 98, 0.75); border-width: 0.5px; } .video.video__full .video__area__image::before { border-radius: 0; } .offer__area.has__shape .section__shape { position: absolute; left: 0; top: 40%; } @media screen and (max-width: 992px) { .offer__area.has__shape .section__shape { display: none; } } .offer__area.is__home__one { padding-bottom: 120px; } @media screen and (max-width: 992px) { .offer__area.is__home__one { padding-bottom: 100px; } } .single__offer { display: flex; align-items: center; gap: 30px; } @media screen and (max-width: 1400px) { .single__offer { gap: 15px; } } @media screen and (max-width: 1200px) { .single__offer { gap: 30px; } } @media screen and (max-width: 768px) { .single__offer { flex-wrap: wrap; } } .single__offer__image { overflow: hidden; border-radius: 6px; } @media screen and (max-width: 768px) { .single__offer__image { width: 100%; } } .single__offer__image:hover img { transform: scale(1.1); } .single__offer__image img { border-radius: 6px; transition: var(--transition); } @media screen and (max-width: 1200px) { .single__offer__image img { width: 450px; object-fit: cover; } } @media screen and (max-width: 992px) { .single__offer__image img { width: 100%; } } .single__offer__content h6 { margin-bottom: 20px; } .single__offer__content .offer__included { list-style: none; padding: 0; margin: 0; margin-bottom: 10px; } .single__offer__content .offer__included li { display: flex; gap: 15px; align-items: center; } .single__offer__content .offer__included li i { color: var(--rts-heading); font-size: 12px; } .single__offer__content .underline__style { font-size: 18px; font-family: var(--jost); font-weight: 500; color: var(--heading-color); border-bottom: 1px solid var(--heading-color); } .offer.is__home__five.has__shape .section__shape { position: absolute; top: 20%; left: 0; z-index: -1; } @media screen and (max-width: 992px) { .offer.is__home__five.has__shape .section__shape { display: none; } } .single__offer.if__is__big__card { background-color: var(--rts-heading); color: var(--rts-white); gap: 60px; } @media screen and (max-width: 1200px) { .single__offer.if__is__big__card { gap: 40px; } } .single__offer.if__is__big__card:nth-child(2) { flex-direction: row-reverse; } .single__offer.if__is__big__card:nth-child(2) .single__offer__meta { margin-left: 30px; } .single__offer.if__is__big__card .single__offer__thumb { max-width: 50%; overflow: hidden; } @media screen and (max-width: 768px) { .single__offer.if__is__big__card .single__offer__thumb { max-width: 100%; } } .single__offer.if__is__big__card .single__offer__thumb img { transition: var(--transition); transform: scale(1.01); height: 430px; } @media screen and (max-width: 768px) { .single__offer.if__is__big__card .single__offer__thumb img { height: 100%; } } .single__offer.if__is__big__card .single__offer__thumb:hover img { transform: scale(1.05); } @media screen and (max-width: 768px) { .single__offer.if__is__big__card .single__offer__meta { margin-left: 30px; margin-bottom: 30px; } } .single__offer.if__is__big__card .single__offer__meta h4 a { color: var(--rts-white); margin-bottom: 20px; display: block; transition: var(--transition); } .single__offer.if__is__big__card .single__offer__meta h4 a:hover { color: var(--heading-color); } .single__offer.if__is__big__card .single__offer__meta p { max-width: 520px; } .single__offer.if__is__big__card .single__offer__meta .price__tag { margin-top: 20px; margin-bottom: 20px; } .single__offer.if__is__big__card .single__offer__meta .price__tag span { color: var(--heading-color); } .single__offer.if__is__big__card .single__offer__meta .price__tag .less__count { text-decoration: line-through; } .single__offer.if__is__big__card .single__offer__meta .underline__style { font-size: 18px; font-family: var(--jost); font-weight: 500; color: var(--rts-white); border-bottom: 1px solid var(--rts-white); transition: var(--transition); } .single__offer.if__is__big__card .single__offer__meta .underline__style:hover { color: var(--heading-color); border-color: var(--heading-color); } .single__offer__card { overflow: hidden; border-radius: 6px; } .single__offer__card__content { padding: 40px 30px; background-color: var(--rts-heading); } .single__offer__card__content a { color: var(--rts-white); } .modal-overlay { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background: white !important; max-width: max-content; padding: 20px; border-radius: 10px !important; } .modal-image { max-width: 100%; max-height: 80vh; } .close-btn { position: absolute; top: -15px; right: -30px; font-size: 32px; cursor: pointer; color: #FFF; } .single__offer__card__content .offer__price { color: var(--heading-color); } .single__offer__card__content .offer__included { margin-top: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media screen and (max-width: 768px) { .single__offer__card__content .offer__included { grid-template-columns: repeat(1, 1fr); gap: 15px; } } .single__offer__card__content .offer__included li { color: var(--rts-white); display: flex; align-items: center; gap: 10px; } .single__offer__card.is__flex { display: flex; background-color: var(--rts-heading); align-items: center; height: 100%; } @media screen and (max-width: 992px) { .single__offer__card.is__flex { flex-direction: column; align-items: self-start; } .single__offer__card.is__flex a { display: block; width: 90%; text-align: center; } } @media screen and (max-width: 992px) { .single__offer__card.is__flex img { width: 100%; object-fit: inherit; height: 300px; } } .single__offer__card.is__flex .single__offer__card__content { padding: 30px 0 30px 30px; } .advance__search { box-shadow: 0px 30px 30px rgba(175, 175, 175, 0.16); border-radius: 16px; background-color: var(--rts-white); padding: 20px 22px; position: relative; z-index: 1; } @media screen and (max-width: 992px) { .advance__search { box-shadow: none; } } @media screen and (max-width: 576px) { .advance__search { border-radius: 0; padding: 30px 20px; } } .advance__search__wrapper { display: flex; justify-content: space-between; align-items: center; gap: 25px; } @media screen and (max-width: 992px) { .advance__search__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .advance__search__wrapper { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 576px) { .advance__search__wrapper { grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 768px) { .advance__search__wrapper.is__home__five { grid-template-columns: repeat(1, 1fr); } } .advance__search__wrapper.is__home__five .query__input { border-right: none; } .advance__search__wrapper.is__home__five .query__input__icon { top: 55%; } .advance__search__wrapper.is__home__five .query__input__icon.is__svg { top: 50%; } @media screen and (max-width: 576px) { .advance__search__wrapper .query__input { border-right: none !important; } } @media screen and (max-width: 992px) { .advance__search__wrapper .query__input:nth-child(even) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 768px) { .advance__search__wrapper .query__input:nth-child(even) { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } @media screen and (max-width: 768px) { .advance__search__wrapper .query__input:nth-child(3) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 576px) { .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } .advance__search__wrapper .search__btn { min-width: 140px; display: flex; gap: 10px; align-items: center; height: 56px; justify-content: center; } @media screen and (max-width: 992px) { .advance__search__wrapper .search__btn { justify-content: center; } } .advance__search .query__input { position: relative; width: 100%; border-right: 1px solid #E4E4E4; padding-right: 25px; z-index: 2; } .advance__search .query__input:last-child { padding-right: 0; border-right: 0; } .advance__search .query__input label { display: block; font-size: 20px; font-family: var(--glida); color: var(--rts-heading); margin-bottom: 5px; } @media screen and (max-width: 576px) { .advance__search .query__input label { font-size: 16px; } } .advance__search .query__input input, .advance__search .query__input select { position: relative; width: 100%; margin-left: 25px; border: 0; z-index: 1; cursor: pointer; color: var(--rts-para); background-color: transparent; } .advance__search .query__input__icon { position: absolute; left: 0; top: 58%; width: 100%; } .advance__search .query__input__icon.is__svg { top: 55%; } .advance__search .query__input__icon.is__svg img { height: 18px; width: 16px; } .advance__search .query__input__icon i { color: var(--rts-heading); } .advance__search .query__input__icon::before { content: "\f122"; position: absolute; color: var(--rts-heading); right: 20px; bottom: 0; font-family: flaticon_bokinn !important; z-index: 1; } .advance__search .query__input__icon.is__svg img { position: relative; top: -2px; } .advance__search .query__input .form-select { --bs-form-select-bg-img: unset; outline: none; margin-left: 15px; padding: 0 15px; top: 1px; } .advance__search .query__input .form-select:focus { box-shadow: none !important; } .advance__search__section.is__home__one { margin-top: -50px; } .advance__search__section.is__home__three { padding-bottom: 230px; } @media screen and (max-width: 576px) { .advance__search__section.is__home__three { padding-bottom: 175px; } } .advance__search__section.is__home__three .advance__search { border-radius: 0; } .advance__search__section.is__home__three .advance__search .search__btn { border-radius: 0; } .advance__search__section.is__home__four { margin-top: -50px; } @media screen and (max-width: 576px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input:nth-child(even) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 768px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input:nth-child(even) { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } @media screen and (max-width: 768px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input:nth-child(3) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 576px) { .advance__search__section.is__home__four .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } .advance__search__section.is__home__six { padding-bottom: 240px; } @media screen and (max-width: 1200px) { .advance__search__section.is__home__six { padding-bottom: 180px; } } @media screen and (max-width: 992px) { .advance__search__section.is__home__six { padding-bottom: 140px; } } @media screen and (max-width: 768px) { .advance__search__section.is__home__six { padding-bottom: 100px; } } @media screen and (max-width: 576px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input:nth-child(even) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 768px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input:nth-child(even) { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } @media screen and (max-width: 768px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input:nth-child(3) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 576px) { .advance__search__section.is__home__six .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } .advance__search__section.is__page.has__border .advance__search { border-radius: 10px; border: 1px solid var(--rts-border); } @media screen and (max-width: 576px) { .advance__search__section.is__page .advance__search__wrapper .query__input { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__page .advance__search__wrapper .query__input:nth-child(even) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 768px) { .advance__search__section.is__page .advance__search__wrapper .query__input:nth-child(even) { border-right: none; } } @media screen and (max-width: 992px) { .advance__search__section.is__page .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } @media screen and (max-width: 768px) { .advance__search__section.is__page .advance__search__wrapper .query__input:nth-child(3) { border-right: 1px solid #E4E4E4; } } @media screen and (max-width: 576px) { .advance__search__section.is__page .advance__search__wrapper .query__input:nth-child(3) { border-right: none; } } .rts__booking__form .advance__search { padding: 30px; } .rts__booking__form .advance__search h5 { padding-top: 20px; padding-bottom: 25px; text-align: center; } .rts__booking__form .advance__search__wrapper { display: flex; flex-direction: column; } .rts__booking__form .advance__search__wrapper .query__input { display: flex; justify-content: space-between; padding: 14px 20px; border-radius: 6px; align-items: center; background-color: var(--rts-gray); } .rts__booking__form .advance__search__wrapper .query__input__position { position: relative; max-width: 160px; min-width: 160px; } .rts__booking__form .advance__search__wrapper .query__input input, .rts__booking__form .advance__search__wrapper .query__input textarea, .rts__booking__form .advance__search__wrapper .query__input select { width: min-content; background-color: transparent; width: 100%; } .rts__booking__form .advance__search__wrapper .query__input__icon { transform: translateY(-50%); } .rts__booking__form .advance__search__wrapper .query__input__icon::before { right: 0; } .rts__booking__form .advance__search__wrapper .theme-btn { width: 100%; justify-content: center; } .rts__booking__form.has__background .advance__search { background-color: var(--rts-gray); } .rts__booking__form.has__background .advance__search__wrapper .query__input { background-color: var(--rts-white); } .rts__booking__form.is__room__details .advance__search { padding: 50px 30px; box-shadow: none; border-radius: 10px; } .advance__search__wrapper .query__input.checkbox { padding: 0; background-color: transparent !important; } .advance__search__wrapper .total__price { border-top: 1px solid var(--rts-border); display: flex; justify-content: space-between; width: 100%; padding-top: 30px; } [data-theme=dark] .advance__search { box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.16); } [data-theme=dark] .advance__search .query__input { border-color: #383838; } [data-theme=dark] .query__input__icon.is__svg img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(157deg) brightness(102%) contrast(101%); } .footer__newsletter { display: flex; justify-content: space-between; margin-bottom: 80px; align-items: center; position: relative; z-index: 1; } .footer__newsletter form { min-width: 490px; max-width: 100%; background-color: var(--rts-white); position: relative; border-radius: 6px; } .footer__newsletter form input { padding: 13px 20px; width: 100%; position: relative; border: 1px solid #F1F1F1; box-shadow: 0px 30px 30px rgba(132, 132, 132, 0.16); border-radius: 4px; } .footer__newsletter form input::placeholder { color: var(--rts-para); } .footer__newsletter form input::-ms-input-placeholder { /* Edge 12-18 */ color: var(--rts-para); } .footer__newsletter form button[type=submit] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 6px 15px; border-radius: 6px; border: 0; color: var(--rts-white); background-color: var(--heading-color); } .footer__newsletter.is__separate { background-color: var(--rts-gray); padding: 65px 90px; border-radius: 10px; margin-bottom: 0; } @media screen and (max-width: 768px) { .footer__newsletter.is__separate { padding: 65px; } } @media screen and (max-width: 576px) { .footer__newsletter.is__separate { padding: 30px; } } .footer__form { display: flex; gap: 15px; flex-direction: column; } .footer__form .query__input { position: relative; } .footer__form .query__input__position { position: relative; } .footer__form .query__input .query__label { display: block; color: var(--rts-heading); margin-bottom: 10px; } .footer__form .query__input input, .footer__form .query__input textarea { padding: 12px 20px; line-height: 1; background-color: var(--rts-white); border: 1px solid #F1F1F1; padding-left: 45px; position: relative; width: 100%; } .footer__form .query__input textarea { height: 86px; resize: none; } .footer__form .query__input textarea:focus { outline: none; } .footer__form .query__input .query__input__icon { position: absolute; top: 52%; transform: translateY(-50%); left: 20px; } .footer__form .query__input .query__input__icon.if__is__textarea { top: 20px; } .footer__form .submit__btn { max-width: max-content; border-radius: 0; padding: 10px 20px; } .newsletter.is__home__four { max-width: 100% !important; display: flex; align-items: center; } .newsletter.is__home__four.has__background { background-image: url("../images/index-4/newsletter.webp"); height: 194px; position: relative; } .newsletter.is__home__four.has__background::before { background-color: rgba(27, 27, 27, 0.8); } .rts__form.footer__newsletter { margin-bottom: 0; } .rts__form.footer__newsletter form { max-width: 360px; min-width: 360px; } @media screen and (max-width: 992px) { .rts__form.footer__newsletter form { min-width: 260px; } } .facility__area { padding: 65px 0; } .facility__area::before { position: absolute; content: ""; height: 100%; width: 100%; background-color: var(--rts-gray); z-index: -1; top: 0; left: 40%; } @media screen and (max-width: 992px) { .facility__area::before { left: 0; } } .facility__area .facility__image { height: 765px; width: 100%; right: 30px; } @media screen and (max-width: 768px) { .facility__area .facility__image { height: 100%; right: 0; } } .facility__area.has__shape .section__shape { position: absolute; bottom: 0; right: 0; } @media screen and (max-width: 768px) { .facility__area.has__shape .section__shape { display: none; } } .facility__area.is__about::before { right: 40%; left: auto; } @media screen and (max-width: 992px) { .facility__area.is__about::before { right: 0; } } .facility__area.is__about .section__shape { left: 0; right: auto; } .facility.has__background { background-color: var(--rts-heading); } .facility .facility__thumb { height: 620px; width: 100%; border-radius: 10px; overflow: hidden; } @media screen and (max-width: 576px) { .facility .facility__thumb { height: 100%; } } .facility .facility__thumb img { border-radius: 10px; height: 100%; width: 100%; } .facility.is__home__five::before { position: absolute; content: ""; height: 335px; width: 49.4%; background-color: var(--rts-gray); z-index: -1; right: 0; bottom: 0; } .facility.is__home__six { background-color: var(--rts-gray); } @media screen and (max-width: 992px) { .facility.is__home__six { padding-bottom: 60px; } } .facility__image__container { position: absolute; right: 0; top: 0; } @media screen and (min-width: 1400px) and (max-width: 1600px) { .facility__image__container { right: -10%; } } @media screen and (max-width: 1400px) { .facility__image__container { right: -15%; } } @media screen and (max-width: 1280px) { .facility__image__container { right: -20%; } } @media screen and (max-width: 1200px) { .facility__image__container { right: -30%; } } @media screen and (max-width: 1024px) { .facility__image__container { right: -35%; } } @media screen and (max-width: 992px) { .facility__image__container { position: relative; right: 0; } } @media screen and (max-width: 992px) { .facility__image__container img { height: 100%; } } .facilities__area.has__shape .section__shape { position: absolute; top: 0; right: 0; } @media screen and (max-width: 992px) { .facilities__area.has__shape .section__shape { display: none; } } .blog__item.is__full { border: 1px solid var(--rts-gray); padding: 30px; box-shadow: 0px 30px 40px rgba(175, 175, 175, 0.16); } .blog__item__thumb { overflow: hidden; margin-bottom: 30px; } .blog__item__thumb img { transition: var(--transition); min-height: 320px; max-height: 100%; transform: scale(1); } .blog__item__thumb:hover img { transform: scale(1.05); } .blog__item__meta__title h5 { transition: var(--transition); margin-bottom: 15px; } .blog__item__meta__title h5:hover { color: var(--heading-color); } .blog__item__meta__cat { padding: 8px 15px; border-radius: 2px; background-color: var(--rts-gray); font-size: var(--p-xs); line-height: 1; color: var(--rts-para); margin-bottom: 20px; display: inline-block; } .blog__item__meta__list { display: flex; gap: 30px; align-items: center; } @media screen and (max-width: 1200px) { .blog__item__meta__list { gap: 15px; } } .blog__item__meta__list span { display: flex; gap: 8px; align-items: center; } .blog__item__meta__list span a { display: flex; gap: 8px; align-items: center; color: var(--rts-para); } .blog__item.if__is__small { display: flex; gap: 30px; } @media screen and (max-width: 576px) { .blog__item.if__is__small { flex-wrap: wrap; gap: 20px; } } .blog__item.if__is__small .blog__item__thumb { margin-bottom: 0; min-width: 195px; } .blog__item.if__is__small .blog__item__thumb img { min-width: 195px; max-width: 195px; max-height: 168px; min-height: 168px; } .blog__item.if__is__small .blog__item__meta__title h5 { font-size: 26px; line-height: 38px; } .blog__small__list { display: flex; flex-direction: column; gap: 39px; } .blog__item.is__has__radius { padding: 30px; border-radius: 10px; border: 1px solid rgba(101, 103, 107, 0.3); } .blog__item.is__has__radius .blog__item__thumb { border-radius: 10px; } .blog__item.is__has__radius .blog__item__thumb img { min-height: 250px; max-height: 250px; } @media screen and (max-width: 1200px) { .blog__item.is__has__radius .blog__item__thumb img { width: 100%; } } .blog__item.is__full.is__event { border-radius: 6px; } .blog__item.is__full.is__event .blog__item__thumb img { border-radius: 6px; } .blog__list__item { display: flex; flex-direction: column; gap: 30px; } .blog__list__item .load__more__link { margin-top: 30px; } .single__blog { border: 1px solid var(--rts-border); padding: 30px; border-radius: 6px; } .single__blog__thumb { overflow: hidden; margin-bottom: 30px; } .single__blog__thumb img { overflow: hidden; border-radius: 6px; width: 100%; transition: var(--transition); } @media screen and (max-width: 768px) { .single__blog__thumb img { height: 100%; } } .single__blog__thumb img:hover { transform: scale(1.05); } .single__blog__meta .category { display: block; color: var(--rts-para); margin-bottom: 10px; font-size: 18px; } .single__blog__meta .h5 { margin-bottom: 10px; display: block; } .single__blog__meta p { margin-bottom: 20px; } .single__blog__meta__main { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .single__blog__meta__main { flex-wrap: wrap; gap: 30px; } } .single__blog__meta__main .author__meta { display: flex; align-items: center; gap: 25px; } @media screen and (max-width: 768px) { .single__blog__meta__main .author__meta { flex-wrap: wrap; gap: 15px; } } .single__blog__meta__main .author__meta a { display: flex; gap: 10px; align-items: center; color: var(--rts-para); } .single__blog__meta__main .author__meta a img { border-radius: 50%; } .single__blog__meta__main .author__meta span { display: flex; align-items: center; gap: 10px; } .single__blog__meta__main .readmore a { background-color: var(--rts-gray); color: var(--rts-heading); padding: 8px 15px; border-radius: 6px; font-family: var(--jost); transition: var(--transition); } .single__blog__meta__main .readmore a:hover { background-color: var(--rts-heading); color: var(--rts-white); } .sitcky__sidebar { position: relative; top: 0; will-change: min-height; } @media screen and (max-width: 992px) { .sitcky__sidebar { position: unset; } } .blog__sidebar__section { background-color: var(--rts-gray); padding: 30px; border-radius: 6px; margin-bottom: 30px; } .blog__sidebar__section:last-child { margin-bottom: 0; } .blog__sidebar__section h6 { text-transform: capitalize; } .blog__sidebar__section .search__form { position: relative; border-radius: 6px; width: 100%; background-color: var(--rts-white); margin-bottom: 30px; } .blog__sidebar__section .search__form input[type=text] { width: 100%; padding: 13px 13px 13px 35px; position: relative; border: 0; border-radius: 6px; } .blog__sidebar__section .search__form i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; } .blog__sidebar__section .search__item__list { margin-bottom: 30px; } .blog__sidebar__section .search__item__list .list { border-bottom: 1px solid var(--rts-border); margin-bottom: 10px; padding-bottom: 10px; } .blog__sidebar__section .search__item__list .list:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .blog__sidebar__section .search__item__list .checkbox.is__small label::before { height: 14px; width: 14px; border-radius: 2px; margin-right: 15px; transition: var(--transition); } .blog__sidebar__section .search__item__list .checkbox.is__small input:checked+label::after { top: 9px; left: 5px; width: 4px; height: 8px; border-color: var(--rts-white); transition: var(--transition); } .blog__sidebar__section .search__item__list .checkbox.is__small input:checked+label::before { border-color: var(--rts-heading); background-color: var(--rts-heading); } .latest__post { display: flex; flex-direction: column; gap: 40px; } .single__post { display: flex; gap: 20px; align-items: center; } .single__post__thumb img { min-width: 110px; object-fit: cover; border-radius: 6px; } .single__post__meta { display: flex; flex-direction: column; gap: 10px; } .single__post__meta a { color: var(--rts-heading); font-family: var(--jost); } .tags__list { display: flex; flex-wrap: wrap; gap: 20px; } .tags__list a { padding: 8px 10px; border-radius: 6px; border: 1px solid var(--rts-border); display: inline-block; color: var(--rts-para); line-height: 1; font-size: 14px; transition: var(--transition); } .tags__list a:hover { background-color: var(--heading-color); border-color: var(--heading-color); color: var(--rts-white); } .blog__details__content .description { font-size: 18px; line-height: 30px; } .blog__details__content .service-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } @media screen and (max-width: 768px) { .blog__details__content .service-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 576px) { .blog__details__content .service-list { grid-template-columns: repeat(1, 1fr); } } .blog__details__content .service-list li { display: flex; align-items: center; gap: 10px; font-size: 18px; } .blog__details__content .rts__blockquote { padding: 80px 60px 40px 30px; border-radius: 10px; background-color: var(--rts-gray); margin: 40px 0; } .blog__details__content .rts__blockquote .blockquote__text { position: relative; font-size: 24px; font-family: var(--glida); color: var(--rts-heading); line-height: 38px; } .blog__details__content .rts__blockquote .blockquote__text::after { position: absolute; content: ""; height: 30px; width: 35px; background-image: url("../images/icon/quote.svg"); top: -45px; left: 0; background-repeat: no-repeat; } .blog__details__content .comment__list { display: flex; gap: 30px; flex-direction: column; } .blog__details__content .comment__item__author { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } .blog__details__content .comment__text a { display: flex; align-items: center; gap: 10px; color: var(--rts-heading); } .blog__details__content .share .social__link { display: flex; align-items: center; gap: 20px; } .blog__details__content .share .social__link a { color: var(--rts-para); font-size: 20px; transition: var(--transition); } .blog__details__content .share .social__link a:hover i { color: var(--heading-color); } .comment__form { padding: 30px; border-radius: 10px; background-color: var(--rts-gray); } .comment__form .input-group { flex-wrap: nowrap; gap: 30px; margin-bottom: 20px; } @media screen and (max-width: 576px) { .comment__form .input-group { flex-wrap: wrap; gap: 20px; } } .comment__form .form-group { width: 100%; } .comment__form .form-group label { color: var(--rts-heading); font-size: 18px; font-family: var(--jost); display: block; margin-bottom: 15px; } .comment__form .form-group input { padding: 11px 15px; border: 0; } .comment__form .form-group textarea { height: 100px; resize: none; border: none; padding: 11px 15px; } .comment__form .fill { padding: 12px 35px; font-family: var(--jost); } .service.is__home__three { padding: 80px 0; } .service.has__background { background-color: var(--rts-gray); } .service.has__shape .section__shape { position: absolute; right: 0; top: 0; } .single__service__item { display: flex; gap: 100px; align-items: center; } @media screen and (max-width: 1200px) { .single__service__item { gap: 30px; } } @media screen and (max-width: 992px) { .single__service__item { flex-wrap: wrap; margin-bottom: 30px; } } .single__service__item .service__thumb { min-width: 605px; min-height: 535px; } @media screen and (max-width: 1200px) { .single__service__item .service__thumb { min-width: 550px; } } @media screen and (max-width: 992px) { .single__service__item .service__thumb { min-width: 100%; min-height: 400px; } } .single__service__item .underline__style { font-size: 18px; font-family: var(--jost); font-weight: 400; color: var(--heading-color); border-bottom: 1px solid var(--heading-color); } .single__service__item.if__is__reverse { flex-direction: row-reverse; margin-top: -20px; } @media screen and (max-width: 1400px) { .single__service__item.if__is__reverse { margin-top: 0; } } @media screen and (max-width: 1200px) { .single__service__item.if__is__reverse { margin-top: 30px; } } .service__slider.full__width { margin: 0 70px; overflow: hidden; } @media screen and (max-width: 768px) { .service__slider.full__width { margin: 0 15px; } } .service__item__slide { max-width: 100%; border-radius: 10px; } @media screen and (max-width: 1400px) { .service__item__slide { margin-bottom: 1px; } } .service__item__slide .service__thumb img { border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } @media screen and (max-width: 1400px) { .service__item__slide .service__thumb img { height: 100%; } } @media screen and (max-width: 1200px) { .service__item__slide .service__thumb img { width: 100%; height: 100%; } } @media screen and (max-width: 768px) { .service__item__slide .service__thumb img { height: 100%; object-fit: cover; width: 100%; } } .service__item__slide .service__meta { border: 1px solid rgba(101, 103, 107, 0.3); padding: 30px 28px; border-radius: 10px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } @media screen and (max-width: 1400px) { .service__item__slide .service__meta h5 { font-size: 28px; line-height: 38px; } } @media screen and (max-width: 992px) { .service__item__slide .service__meta h5 { font-size: 20px; line-height: 30px; } } .service__item__slide .service__meta h5 a { color: var(--rts-heading); margin-bottom: 10px; display: block; } .service__item__slide .service__meta .price { color: var(--heading-color); margin-bottom: 0; line-height: 1; } .service.is__home__five { padding-top: 190px; padding-bottom: 80px; clip-path: polygon(100% 0%, 100% 99.953%, 0% 99.953%, 0% 0%, 0% 0%, 11.01% 4.616%, 22.155% 7.785%, 33.299% 9.667%, 44.309% 10.418%, 55.049% 10.196%, 65.385% 9.158%, 75.183% 7.461%, 84.308% 5.265%, 92.625% 2.725%, 100% 0%); } @media screen and (max-width: 768px) { .service.is__home__five { clip-path: none; padding-top: 100px; } } .service__slider__five .service__item__slide { text-align: center; padding: 17px; padding-bottom: 0; background-color: var(--rts-white); } .service__slider__five .service__item__slide .service__thumb img { border-radius: 10px; } @media screen and (max-width: 1200px) { .service__slider__five .service__item__slide .service__thumb img { height: 100%; } } .service__slider__five .service__item__slide .service__meta { border: none; padding: 30px 0; } .service__slider__five .swiper-slide-active .service__item__slide { margin-top: 50px; } @media screen and (max-width: 992px) { .service__slider__five .swiper-slide-active .service__item__slide { margin-top: 0; } } .service__slider__five .swiper-slide-active .service__meta h5 { animation: fadeInUp 0.6s ease-in; } .service__slider__five .swiper-slide-active .service__meta .price { animation: fadeInUp 0.7s ease-in; } .service__item__slide.if__is__home__six { display: flex; align-items: center; gap: 30px; max-width: 100%; border: 1px solid var(--rts-border); overflow: hidden; } @media screen and (max-width: 992px) { .service__item__slide.if__is__home__six { flex-wrap: wrap; text-align: center; width: 100%; } } .service__item__slide.if__is__home__six .service__thumb { overflow: hidden; } @media screen and (max-width: 992px) { .service__item__slide.if__is__home__six .service__thumb { width: 100%; } } .service__item__slide.if__is__home__six .service__thumb img { border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: var(--transition); object-fit: cover; transform: scale(1); } @media screen and (max-width: 992px) { .service__item__slide.if__is__home__six .service__thumb img { border-bottom-left-radius: 0; } } .service__item__slide.if__is__home__six .service__thumb:hover img { transform: scale(1.1); } .service__item__slide.if__is__home__six .service__meta { border: 0; padding: 0; } @media screen and (max-width: 992px) { .service__item__slide.if__is__home__six .service__meta { margin: 0 auto; padding-bottom: 30px; } } .service__list { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 60px; } @media screen and (max-width: 1200px) { .service__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 992px) { .service__list { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .service__list { grid-template-columns: repeat(1, 1fr); } } .service__list .service__item { text-align: center; max-width: 300px; } @media screen and (max-width: 576px) { .service__list .service__item { margin: 0 auto; } } .service__list .service__item__icon { font-size: 40px; color: var(--heading-color); margin-bottom: 30px; } .service__list .service__item .h6 { margin-bottom: 15px; display: block; } .single__service__item.if__activities .service__thumb { min-height: 650px; overflow: hidden; border-radius: 10px; } @media screen and (max-width: 1200px) { .single__service__item.if__activities .service__thumb { min-width: 450px; } } @media screen and (max-width: 992px) { .single__service__item.if__activities .service__thumb { min-width: 100%; } } @media screen and (max-width: 768px) { .single__service__item.if__activities .service__thumb { min-height: auto; } } .single__service__item.if__is__reverse.if__activities { margin-top: 0; padding-top: 120px; } @media screen and (max-width: 1200px) { .single__service__item.if__is__reverse.if__activities { padding-top: 80px; } } @media screen and (max-width: 992px) { .single__service__item.if__is__reverse.if__activities { padding-top: 50px; } } .activity__feature { margin-bottom: 20px; } .activity__feature ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media screen and (max-width: 576px) { .activity__feature ul { grid-template-columns: repeat(1, 1fr); } } .activity__feature ul li { display: flex; gap: 10px; align-items: center; } .activities__image__card { position: relative; } .activities__image__card .activities__thumb { position: relative; width: 100%; } .activities__image__card .activities__thumb img { width: 100%; } @media screen and (max-width: 992px) { .activities__image__card .activities__thumb img { height: 100%; } } .activities__image__card .activities__thumb::before { height: 100%; width: 100%; border-radius: 10px; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; } .activities__image__card .activities__meta { position: absolute; bottom: 30px; left: 30px; } .activities__image__card .activities__meta .title { color: var(--rts-white); margin-bottom: 20px; } .activities__image__card .activities__meta .theme-btn { border-color: var(--rts-white) !important; transition: var(--transition); } .activities__image__card .activities__meta .theme-btn:hover { border-color: var(--heading-color) !important; } .activities__image__card .activities__meta .theme-btn span { color: var(--rts-white) !important; } .team__member { text-align: center; } .team__member__thumb { margin-bottom: 30px; } .team__member__thumb img { border-radius: 6px; } .team__member__meta .h6 { margin-bottom: 10px; display: block; } @media screen and (max-width: 992px) { .team__member__meta .h6 { margin-bottom: 0; } } .team__member__meta .designation { display: block; margin-bottom: 10px; } .team__member__social { display: flex; gap: 10px; align-items: center; justify-content: center; } .team__member__social a { color: var(--rts-para); font-size: 20px; } .resturant__menu__bg { background-color: var(--rts-gray); } .resturant__menu__bg.section__padding { padding-bottom: 100px; } .resturant__menu__list { margin-bottom: 50px; } .resturant__menu__list .nav-tabs { border: none; display: flex; justify-content: space-between; } @media screen and (max-width: 1200px) { .resturant__menu__list .nav-tabs { gap: 15px; justify-content: flex-start; } } .resturant__menu__list .nav-tabs .nav-link { padding: 14px 24px; line-height: 100%; border: 1px solid var(--rts-border); border-radius: 6px; color: var(--rts-para); transition: var(--transition); } .resturant__menu__list .nav-tabs .nav-link.active { background-color: var(--heading-color); color: var(--rts-white); } .single__menu__item__list { border-bottom: 1px solid var(--rts-border); display: flex; justify-content: space-between; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .single__menu__item__list { gap: 30px; } } @media screen and (max-width: 992px) { .single__menu__item__list { flex-wrap: wrap; } } @media screen and (max-width: 576px) { .single__menu__item__list { border-bottom: none; margin-bottom: 0; gap: 0; } } .single__menu__item__list:last-child { border-bottom: none; margin-bottom: 0; } .single__menu__item__list .single__menu__item { display: flex; gap: 50px; align-items: center; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .single__menu__item__list .single__menu__item { gap: 15px; } } @media screen and (max-width: 992px) { .single__menu__item__list .single__menu__item { width: 100%; } } @media screen and (max-width: 576px) { .single__menu__item__list .single__menu__item { flex-wrap: wrap; } } .single__menu__item__list .single__menu__item .menu__thumb img { border-radius: 6px; } .single__menu__item__list .single__menu__item .menu__meta { display: flex; flex-direction: column; } @media screen and (max-width: 992px) { .single__menu__item__list .single__menu__item .menu__meta { width: 100%; } } .single__menu__item__list .single__menu__item .menu__meta .menu__link__price { display: flex; gap: 80px; } @media screen and (max-width: 992px) { .single__menu__item__list .single__menu__item .menu__meta .menu__link__price { justify-content: space-between; } } @media screen and (max-width: 576px) { .single__menu__item__list .single__menu__item .menu__meta .menu__link__price { gap: 30px; } } .resturant__gallery__item img { width: 100%; } .gallery__link { position: relative; display: block; height: 100%; } @media screen and (max-width: 992px) { .gallery__link img { height: 350px; width: 100%; } } .gallery__link:before { position: absolute; inset: 0; background: rgba(0, 8, 52, 0.3); height: 100%; width: 100%; content: ""; opacity: 0; border-radius: 6px; transition: all 0.3s ease; } .gallery__item:hover .gallery__link::before { opacity: 1; } .gallery__area { columns: 300px; } .is__home__main .gallery__item { position: relative; max-width: max-content; border-radius: 6px 6px 0 0; overflow: hidden; } .is__home__main .gallery__item::before { position: absolute; content: ""; inset: 0; background: rgba(0, 8, 52, 0.4); height: 100%; width: 100%; border-radius: inherit; top: -50%; transition: var(--transition); opacity: 0; } .is__home__main .gallery__item::before img { border-radius: 6px 6px 0 0; } .is__home__main .gallery__item:hover::before { top: 0; opacity: 1; } .is__home__main .gallery__item:hover .gallery__popup { opacity: 1; visibility: visible; } .is__home__main .gallery__popup { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: var(--transition); } .is__home__main .gallery__popup img { filter: invert(100%); } .single__event { display: flex; gap: 70px; align-items: center; } .single__event.if__is__reverse { flex-direction: row-reverse; padding-top: 120px; } @media screen and (max-width: 992px) { .single__event.if__is__reverse { padding-top: 60px; } } @media screen and (max-width: 992px) { .single__event { flex-wrap: wrap; gap: 30px; } } .single__event__thumb { overflow: hidden; flex-basis: 50%; } @media screen and (max-width: 992px) { .single__event__thumb { flex-basis: 100%; } } .single__event__thumb img { border-radius: 10px; } @media screen and (max-width: 992px) { .single__event__thumb img { width: 100%; } } @media screen and (max-width: 768px) { .single__event__thumb img { height: 100%; object-fit: cover; } } .single__event__meta { flex-basis: 50%; } @media screen and (max-width: 992px) { .single__event__meta { flex-basis: 100%; } } .single__event__meta .event__info { display: flex; align-items: center; gap: 60px; } @media screen and (max-width: 768px) { .single__event__meta .event__info { flex-wrap: wrap; gap: 30px; } } .single__event__meta .event__info__single .h5 { color: var(--heading-color); } .event__newsletter__bg { position: relative; background-image: url("../images/pages/event/cta__bg.webp"); padding: 65px 0; } .event__newsletter__bg::before { background-color: rgba(0, 8, 52, 0.8); } .event__newsletter__text { position: relative; z-index: 1; } @media screen and (max-width: 768px) { .event__newsletter__text { text-align: center; } } .event__newsletter__text h2 { color: var(--rts-white); } .event__newsletter__contact { position: relative; display: flex; gap: 40px; z-index: 1; justify-content: space-around; margin-left: 20px; } @media screen and (max-width: 1200px) { .event__newsletter__contact { flex-wrap: wrap; gap: 30px; } } @media screen and (max-width: 992px) { .event__newsletter__contact { justify-content: center; margin-left: 0; } } .event__newsletter__contact .contact__method { border: 1px solid rgba(255, 255, 255, 0.5); display: flex; flex-direction: column; padding: 25px; border-radius: 12px; } @media screen and (max-width: 576px) { .event__newsletter__contact .contact__method { width: 100%; justify-content: center; align-items: center; } } .event__newsletter__contact .contact__method span { color: var(--rts-white); font-family: var(--jost); } .event__newsletter__contact .contact__method a { display: flex; gap: 10px; align-items: center; color: var(--rts-white); } .offcanvas.offcanvas-start { min-width: 1300px; max-width: 1300px; } @media screen and (max-width: 1200px) { .offcanvas.offcanvas-start { min-width: 100%; max-width: 100%; width: 100%; } } @media screen and (max-width: 992px) { .offcanvas.offcanvas-start { min-width: unset; width: unset; } } .rts__btstrp__offcanvase { max-width: 1300px; position: relative; } .rts__btstrp__offcanvase .offcanvase__wrapper { display: flex; align-items: center; background-color: #2B2B2B; } @media screen and (max-width: 992px) { .rts__btstrp__offcanvase .offcanvase__wrapper { background-color: transparent; } } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side { position: relative; min-width: 470px; max-width: 470px; height: 100vh; background-color: #1D1D1D; padding: 50px 60px 35px 50px; overflow: scroll; overflow-x: hidden; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side::-webkit-scrollbar { display: none; } @media screen and (max-width: 576px) { .rts__btstrp__offcanvase .offcanvase__wrapper .left__side { min-width: 100%; max-width: 100%; padding: 50px 30px; } } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu .btn-close-white { position: absolute; right: 30px; display: none; } @media screen and (max-width: 992px) { .rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu .btn-close-white { display: block; } } @media screen and (max-width: 992px) { .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__top { margin-bottom: 60px; } } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu { margin-bottom: 50px; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav { margin-top: 0; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav>ul { display: block !important; } @media screen and (max-width: 768px) { .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav>ul .has__children .slide__menu__item .toggle { display: none; } } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav .meanmenu-reveal { display: none !important; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav>ul li a { border-top: 1px solid rgba(101, 103, 107, 0.4); text-transform: capitalize; font-family: var(--glida); } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-nav>ul li a.mean-expand { border: 0 !important; margin-top: 0; background: transparent; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-bar { background-color: transparent; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-bar .mean-nav { background-color: transparent; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__mobile__menu .mean-container .mean-bar .meanmenu-reveal { display: none !important; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__logo { margin-bottom: 40px; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .description { color: var(--rts-white); } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom { position: relative; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address { display: flex; flex-direction: column; gap: 20px; } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item span { display: block; font-size: 22px; color: var(--rts-white); } .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item a { display: flex; gap: 8px; align-items: center; color: var(--rts-white); } .rts__btstrp__offcanvase .offcanvase__wrapper .right__side.desktop__menu { width: 100%; } @media screen and (max-width: 992px) { .rts__btstrp__offcanvase .offcanvase__wrapper .right__side.desktop__menu { display: none; } } .rts__btstrp__offcanvase .offcanvase__wrapper .right__side.desktop__menu .btn-close-white { position: absolute; right: 30px; top: 20px; } .rts__desktop__menu { height: 95vh; scroll-behavior: smooth; overflow: scroll; overflow-x: hidden; display: flex; align-items: center; } .rts__desktop__menu::-webkit-scrollbar { display: none; } .rts__desktop__menu .desktop__menu { width: 100%; } .rts__desktop__menu .desktop__menu ul .slide.has__children.active .toggle::after { content: "-"; position: absolute; } .rts__desktop__menu .desktop__menu ul .slide .slide__menu__item { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-family: var(--glida); color: var(--rts-white); padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(101, 103, 107, 0.8); padding-left: 30px; padding-right: 50px; transition: var(--transition); } .rts__desktop__menu .desktop__menu ul .slide .slide__menu__item:hover { color: var(--heading-color); } .rts__desktop__menu .desktop__menu ul .slide .toggle { font-size: 30px; color: #747474; position: relative; } .rts__desktop__menu .desktop__menu ul .slide .toggle::after { content: "+"; position: absolute; right: -7px; top: -13px; transition: var(--transition); } .rts__desktop__menu .desktop__menu ul .slide .slide__menu { display: none; transform: translate(196px, 189px); visibility: hidden; transition: var(--transition); } .rts__desktop__menu .desktop__menu ul .slide .slide__menu li a { font-size: 18px; font-family: var(--glida); color: var(--rts-white); border-bottom: 1px solid rgba(101, 103, 107, 0.8); display: block; margin-bottom: 10px; padding-bottom: 10px; transition: var(--transition); } .rts__desktop__menu .desktop__menu ul .slide .slide__menu li a:hover { color: var(--heading-color); } .rts__desktop__menu .desktop__menu .slide.has__children.active .slide__menu { display: block !important; visibility: visible !important; transform: translate(0) !important; margin-top: 30px; padding-bottom: 30px; } [data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .description { color: #fff; } [data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item span { color: #fff; } [data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item a { color: #fff; } .pr { position: relative; } .rts__contact { padding-right: 40px; } @media screen and (max-width: 992px) { .rts__contact { padding-right: 0; } } .rts__contact__form .form-input label { font-size: 18px; color: var(--rts-heading); display: block; margin-bottom: 10px; } .rts__contact__form .form-input input, .rts__contact__form .form-input textarea { width: 100%; border: 1px solid rgba(101, 103, 107, 0.3); padding: 13px 15px 13px 50px; border-radius: 4px; margin-bottom: 15px; } .rts__contact__form .form-input textarea { height: 100px; resize: none; } .rts__contact__form .form-input .pr i { position: absolute; left: 15px; top: 45%; transform: translateY(-50%); font-size: 18px; color: var(--rts-para); } .rts__contact__form .form-input .pr img { position: absolute; left: 15px; top: 20px; } .rts__contact__form .theme-btn { padding: 13px 30px; font-size: 18px; } .contact__info { display: flex; flex-direction: column; gap: 50px; justify-content: space-around; margin-left: 40px; } @media screen and (max-width: 992px) { .contact__info { margin-left: 0; gap: 30px; } } .contact__info__item h4 { margin-bottom: 20px; } .contact__info__item p { font-size: 18px; font-family: var(--glida); line-height: 30px; } .contact__map iframe { border-radius: 10px; } .similar__form { max-width: 600px; } @media screen and (max-width: 576px) { .similar__form { min-width: 100%; max-width: 100%; } } .similar__form .btn-close { border: 0; } .similar__form input:not([type=checkbox]) { border: 1px solid var(--rts-border); padding: 10px 15px; border-radius: 4px; width: 100%; } .similar__form .theme-btn { background-color: var(--rts-gray); } .similar__form .theme-btn span { color: var(--rts-heading); } .similar__form .theme-btn:hover span { color: var(--rts-white); } .similar__form .form-group .theme-btn { padding: 10px 20px; } .form__padding { padding: 40px 45px; } .has__line { position: relative; } .has__line::before { position: absolute; content: ""; width: 100%; height: 1px; background-color: var(--rts-border); bottom: 12px; left: 0; z-index: 1; } .has__line p { max-width: max-content; margin: 0 auto; padding: 0 12px; font-weight: 500; position: relative; z-index: 2; background-color: var(--rts-white); } .form-group .rts__btn { padding: 18px 0; border-radius: 4px; font-weight: 500; } .is__social button { display: flex; align-items: center; gap: 5px; padding: 15px 20px; border-radius: 4px; background-color: var(--rts-gray); width: 100%; font-size: 16px; color: var(--rts-para); transition: var(--transition); } .is__social button:hover { background-color: var(--rts-primary); color: var(--rts-white); } .similar__modal .modal-dialog { min-width: 600px; border-radius: 16px; } @media screen and (max-width: 576px) { .similar__modal .modal-dialog { min-width: auto; } } .is__half__section { margin-top: -150px; } @media screen and (max-width: 768px) { .is__half__section { margin-top: 0; padding-top: 100px; } } .is__no__border .rts__workprocess__box { border: none; } .shadow-rt-sm { box-shadow: 0px 4px 80px rgba(28, 28, 28, 0.1); } [data-theme=dark] .similar__form h6, [data-theme=dark] .similar__form label, [data-theme=dark] .similar__form span, [data-theme=dark] .similar__form p { color: #000837 !important; } [data-theme=dark] .similar__form .has__line p { background-color: #fff; } .rts__footer.has__shape .section__shape { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; } .rts__footer.has__shape .shape__1, .rts__footer.has__shape .shape__2, .rts__footer.has__shape .shape__3 { max-width: max-content; } .rts__footer.has__shape .shape__1 { position: absolute; top: 10%; left: 0; top: 0; } @media screen and (max-width: 768px) { .rts__footer.has__shape .shape__1 { display: none; } } .rts__footer.has__shape .shape__2 { position: absolute; bottom: 20%; left: 15%; } @media screen and (max-width: 992px) { .rts__footer.has__shape .shape__2 { display: none; } } .rts__footer.has__shape .shape__3 { position: absolute; bottom: 50%; right: 5%; } @media screen and (max-width: 992px) { .rts__footer.is__common__footer .footer__widget__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .rts__footer.is__common__footer .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); } } .footer__background { background-color: var(--rts-gray); padding-top: 90px; } .footer__newsletter { display: flex; justify-content: space-between; margin-bottom: 80px; align-items: center; position: relative; z-index: 1; } @media screen and (max-width: 992px) { .footer__newsletter { flex-wrap: wrap; justify-content: center; gap: 20px; } } .footer__newsletter form { min-width: 490px; max-width: 100%; background-color: var(--rts-white); position: relative; border-radius: 6px; } @media screen and (max-width: 992px) { .footer__newsletter form { min-width: 420px; } } @media screen and (max-width: 768px) { .footer__newsletter form { min-width: 100%; } } .footer__newsletter form input { padding: 13px 20px; width: 100%; position: relative; border: 1px solid #F1F1F1; box-shadow: 0px 30px 30px rgba(132, 132, 132, 0.16); border-radius: 4px; } .footer__newsletter form input::placeholder { color: var(--rts-para); } .footer__newsletter form input::-ms-input-placeholder { /* Edge 12-18 */ color: var(--rts-para); } .footer__newsletter form button[type=submit] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 6px 15px; border-radius: 6px; border: 0; color: var(--rts-white); background-color: var(--heading-color); } @media screen and (max-width: 768px) { .rts__form { width: 100%; } } .footer__widget__wrapper { display: flex; justify-content: space-between; margin-bottom: 60px; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .footer__widget__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); } } .footer__widget__wrapper .rts__widget .widget__title { display: block; font-size: 20px; font-family: var(--glida); color: var(--rts-heading); margin-bottom: 25px; } .footer__widget__wrapper .rts__widget ul { list-style: none; padding: 0; margin: 0; } .footer__widget__wrapper .rts__widget ul li { color: var(--rts-para); margin-bottom: 20px; line-height: 100%; font-weight: normal; } .footer__widget__wrapper .rts__widget ul li:last-child { margin-bottom: 0; } .footer__widget__wrapper .rts__widget ul li a { color: var(--rts-para); display: flex; gap: 10px; align-items: center; transition: var(--transition); } .footer__widget__wrapper .rts__widget ul li a:hover { color: var(--heading-color); } .footer__widget__wrapper .rts__widget.if__is__newsletter { min-width: 400px; } @media screen and (max-width: 1400px) { .footer__widget__wrapper .rts__widget.if__is__newsletter { min-width: 260px; } } @media screen and (max-width: 768px) { .footer__widget__wrapper .rts__widget.if__is__newsletter { min-width: 100%; } } .copyright__text { border-top: 1px solid rgba(101, 103, 107, 0.2); padding: 10px 0; position: relative; z-index: 1; } .copyright__wrapper { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .copyright__wrapper { flex-wrap: wrap; justify-content: center; gap: 25px; } } .footer__social__link { display: flex; align-items: center; gap: 30px; } .footer__social__link a { color: var(--rts-para); } .footer__social__link a:not(:last-child) { border-right: 1px solid var(--rts-para); padding-right: 25px; line-height: 1; } .rts__footer.is__footer__two.footer__background { padding-top: 60px; } .rts__footer.is__footer__two.footer__background::before { background-color: rgba(27, 27, 27, 0.9); } .rts__footer.is__footer__two.has__background__image { background-image: url("../images/footer/footer-two.webp"); } .rts__footer.is__footer__two .rts__widget .widget__title { color: var(--rts-white); } .rts__footer.is__footer__two .rts__widget ul li { color: var(--rts-white); } .rts__footer.is__footer__two .rts__widget ul li:last-child { margin-bottom: 0; } .rts__footer.is__footer__two .rts__widget ul li a { color: var(--rts-white); } .rts__footer.is__footer__two .copyright__wrapper { color: var(--rts-white); } .rts__footer.is__footer__two .copyright__wrapper .footer__social__link a { color: var(--rts-white); border-right-color: var(--rts-white); } @media screen and (max-width: 1200px) { .rts__footer.is__home__three .footer__widget__wrapper { flex-wrap: wrap; } } @media screen and (max-width: 992px) { .rts__footer.is__home__three .footer__widget__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .rts__footer.is__home__three .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); } } .rts__footer.is__home__three.has__shape .shape__1 { top: 25%; } .rts__footer.is__home__three.has__shape .shape__2 { left: 37%; } .rts__footer.is__home__four.footer__background { background-color: var(--rts-heading); } @media screen and (max-width: 992px) { .rts__footer.is__home__four .footer__widget__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media screen and (max-width: 576px) { .rts__footer.is__home__four .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); } } .rts__footer.is__home__four .rts__widget .widget__title { color: var(--rts-white); } .rts__footer.is__home__four .rts__widget ul li { color: var(--rts-white); } .rts__footer.is__home__four .rts__widget ul li:last-child { margin-bottom: 0; } .rts__footer.is__home__four .rts__widget ul li a { color: var(--rts-white); } .rts__footer.is__home__four .rts__widget ul li a:hover { color: var(--heading-color); } .rts__footer.is__home__four .copyright__wrapper { color: var(--rts-white); } .rts__footer.is__home__four .copyright__wrapper .footer__social__link a { color: var(--rts-white); border-right-color: var(--rts-white); } .rts__footer.is__home__five.has__shape { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 11.311% 5.8%, 22.588% 9.759%, 33.732% 12.084%, 44.65% 12.981%, 55.244% 12.659%, 65.419% 11.323%, 75.078% 9.183%, 84.125% 6.444%, 92.464% 3.314%, 100% 0%); padding-top: 135px; } @media screen and (max-width: 768px) { .rts__footer.is__home__five.has__shape { clip-path: none; padding-top: 100px; } } .rts__footer.is__home__five .footer__widget__wrapper { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 992px) { .rts__footer.is__home__five .footer__widget__wrapper { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .rts__footer.is__home__five .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 992px) { .rts__footer.is__home__five .footer__newsletter { justify-content: flex-start; } } @media screen and (max-width: 992px) { .rts__footer.is__home__five .footer__newsletter form { width: 100%; } } .rts__widget .max-290 { max-width: 290px; } .rts__footer.is__home__six.footer__background { background-color: var(--rts-heading); } .rts__footer.is__home__six .footer__widget__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 992px) { .rts__footer.is__home__six .footer__widget__wrapper { grid-template-columns: repeat(1, 1fr); gap: 40px; } } @media screen and (max-width: 992px) { .rts__footer.is__home__six .footer__widget__wrapper .rts__widget:nth-child(1) { order: 1; } } .rts__footer.is__home__six .footer__widget__wrapper .rts__widget:nth-child(2) { display: grid; justify-items: center; } @media screen and (max-width: 992px) { .rts__footer.is__home__six .footer__widget__wrapper .rts__widget:nth-child(2) { justify-items: start; } } .rts__footer.is__home__six .footer__widget__wrapper .rts__widget:nth-child(3) { display: grid; justify-items: end; } @media screen and (max-width: 992px) { .rts__footer.is__home__six .footer__widget__wrapper .rts__widget:nth-child(3) { justify-items: start; } } .rts__footer.is__home__six .rts__widget .widget__title { color: var(--rts-white); } .rts__footer.is__home__six .rts__widget ul li { color: var(--rts-white); } .rts__footer.is__home__six .rts__widget ul li:last-child { margin-bottom: 0; } .rts__footer.is__home__six .rts__widget ul li a { color: var(--rts-white); } .rts__footer.is__home__six .rts__widget ul li a:hover { color: var(--heading-color); } .rts__footer.is__home__six .rts__widget .footer__social__link a { color: var(--rts-white); border-right-color: var(--rts-white); } .rts__footer.is__home__six .copyright__wrapper { justify-content: center; } .rts__footer.is__home__six .copyright__wrapper p { color: var(--rts-white); } [data-theme=dark] .footer__background { background-color: var(--rts-white); } [data-theme=dark] .footer__widget__wrapper .rts__widget .footer__logo { filter: brightness(0) invert(1); } [data-theme=dark] .rts__footer.has__shape .shape__1 { top: 0; } [data-theme=dark] .rts__footer.has__shape .shape__1 img { filter: brightness(0) invert(1); } [data-theme=dark] .footer__newsletter form input { box-shadow: none; background-color: var(--body-bg); border-color: var(--body-bg); color: #fff; } [data-theme=dark] .footer__newsletter form button[type=submit] { color: var(--rts-para); } /* gdpr cookies */ [data-theme=dark] .gdprcookie { background: #1b1b1b; } [data-theme=dark] .gdprcookie h2 { color: #fff; } .gdprcookie { position: fixed; color: white; font-size: 0.8em; line-height: 1.5em; left: 1.5rem; bottom: 1.5rem; max-width: 34em; padding: 30px 20px; background: var(--rts-heading); z-index: 99999; } .gdprcookie h2 { color: var(--rts-white); font-size: 20px; line-height: 1.2; margin-bottom: 20px; } .gdprcookie-intro\/ p { margin-bottom: 20px; line-height: 26px; } .gdprcookie-buttons\/ button { display: inline-block; border: 0; margin-right: 12px; padding: 10px 15px; font-family: var(--jost); line-height: 1; } .gdprcookie-types\/ h3 { color: #fff; font-size: 18px; line-height: 1.3; margin-bottom: 10; } .gdprcookie-types\/ ul { padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-bottom: 20px; } .gdprcookie-types\/ ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; } /* Default state - hide the mobile menu on larger screens */ .left__side.mobile__menu .offcanvase__mobile__menu { display: none !important; } /* Show the mobile menu on screens smaller than 991px */ @media (max-width: 991px) { .left__side.mobile__menu .offcanvase__mobile__menu { display: block !important; justify-content: start !important; } } .rts__desktop__menu::-webkit-scrollbar { display: none; } .mobile__menu { width: 100%; } .mobile__menu ul .slide.has__children.active .toggle::after { content: "-"; position: absolute; } .mobile__menu ul .slide .slide__menu__item { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-family: var(--glida); color: var(--rts-white); padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(101, 103, 107, 0.8); padding-right: 20px; transition: var(--transition); } .mobile__menu ul .slide .slide__menu__item:hover { color: var(--heading-color); } .mobile__menu ul .slide .toggle { font-size: 30px; color: #747474; position: relative; } .mobile__menu ul .slide .toggle::after { content: "+"; position: absolute; right: -7px; top: -13px; transition: var(--transition); } .mobile__menu ul .slide .slide__menu { display: none; transform: translate(196px, 189px); visibility: hidden; transition: var(--transition); } .mobile__menu ul .slide .slide__menu li { list-style: none; } .mobile__menu ul .slide .slide__menu li a { font-size: 18px; font-family: var(--glida); color: var(--rts-white); border-bottom: 1px solid rgba(101, 103, 107, 0.8); display: block; margin-bottom: 10px; padding-bottom: 10px; transition: var(--transition); } .mobile__menu ul .slide .slide__menu li a:hover { color: var(--heading-color); } .mobile__menu .slide.has__children.active .slide__menu { display: block !important; visibility: visible !important; transform: translate(0) !important; margin-top: 30px; padding-bottom: 30px; } .sticky-item { position: sticky; top: 140px; /* Adjust based on your header height */ z-index: 10; } .gdpr-cookie-banner { position: fixed; bottom: 20px; left: 20px; right: 20px; background: #1b1b1b; color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; z-index: 9999; max-width: 435px; text-align: start; } .gdpr-cookie-banner h2 { color: #FFFFFF; font-size: 20px; line-height: 1.2; margin-bottom: 20px; } .gdpr-cookie-banner button { margin: 5px; padding: 8px 15px; border: none; cursor: pointer; font-size: 14px; border-radius: 4px; } .gdpr-cookie-banner button:first-of-type { background: white; color: #1b1b1b; } .gdpr-cookie-banner button:last-of-type { background: white; color: #1b1b1b; } .forgot__password { border: none; background: none; } .cart-page { background: #fff; } .cart-page .ms-single-product__content .shop_table tr, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table tr { text-align: left; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-single-product__content .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table td { border-left: none; border-right: none; } .cart-page .ms-single-product__content .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table td { padding: 2rem 0; text-align: center; border-left: none; border-right: none; border-color: #f1f1f1; } .cart-page .ms-single-product__content .product-remove, .cart-page .ms-woocommerce-cart-form-wrapper .product-remove { width: 3rem; padding-left: 0; } .cart-page .ms-single-product__content .product-thumbnail, .cart-page .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 10rem; } .cart-page .ms-single-product__content .product-name, .cart-page .ms-woocommerce-cart-form-wrapper .product-name { font-size: 18px; font-weight: 600; } .cart-page .ms-single-product__content .ms-actions-inner, .cart-page .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: flex; justify-content: space-between; width: 40%; } .cart-page .ms-single-product__content .coupon, .cart-page .ms-woocommerce-cart-form-wrapper .coupon { display: inline-flex; overflow: hidden; width: 100%; } .cart-page .ms-single-product__content #coupon_code, .cart-page .ms-woocommerce-cart-form-wrapper #coupon_code { border: none; background-color: #f7f7f7; padding: 0.5em 1em 0.5em 1em; height: 45px; border-radius: 0; } .cart-page .woocommerce-cart-form button { width: 50%; max-width: 100%; } .cart-page .woocommerce-cart-form input { width: 100%; } .cart-page .ms-single-product__content .ms-cart-totals, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals { margin-top: 6rem; margin-bottom: 0; background-color: #f7f7f7; padding: 2rem; } .cart-page .ms-single-product__content .ms-cart-totals h3, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 { margin-bottom: 2rem; font-size: 24px; font-weight: 700; color: var(--color-title); } .cart-page .ms-single-product__content .ms-cart-totals tr, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr { border-bottom: 1px solid #e2e2e2; } .cart-page .ms-single-product__content .ms-cart-totals th, .cart-page .ms-single-product__content .ms-cart-totals td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th { padding: 15px 0; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th { border-top: none; font-size: 16px; font-weight: 700; color: #000; padding-left: 0; text-align: center; } .cart-page .ms-single-product__content .ms-cart-totals .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td { text-align: right; } .cart-page .ms-single-product__content .ms-cart-totals .order-total th, .cart-page .ms-single-product__content .ms-cart-totals .order-total td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { padding: 1rem 0 1rem; } .cart-page .ms-single-product__content .ms-cart-totals th, .cart-page .ms-single-product__content .ms-cart-totals td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .cart-page .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { margin-top: 3rem; display: flex; flex-direction: row-reverse; } .cart-page .cart-edit { margin-right: 0; } .cart-page .cart-bar { position: fixed; top: 0; right: 0; background: #fff; width: 360px; height: 100%; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1000; } .cart-page .cart-bar.show { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .cart-page .cart-bar .cart-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; } .cart-page .cart-bar .cart-header .cart-heading { font-size: 17px; font-weight: 600; color: #000; font-family: var(--font-secondary); } .cart-page .close-cart { cursor: pointer; margin-top: -11px; } .cart-page .close-cart i { transition: 0.3s; } .cart-page .close-cart:hover i { transform: scale(1.3); color: var(--color-primary); } .cart-page .cart-bar .product-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e7e7e7; } .cart-page .product-item { margin-bottom: 65px; position: relative; overflow: hidden; } .cart-page .cart-bar .product-item:last-child { margin-bottom: 0; } .cart-page .cart-bar .product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-page .cart-bar .cart-edit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-page .cart-bar .product-detail .product-thumb { margin-right: 15px; max-width: 75px; } .cart-page .cart-bar .cart-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e7e7e7; padding: 3px 10px; border-radius: 5px; margin-bottom: 3px; } .cart-page .cart-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; border-radius: 5px; justify-content: center; } .cart-page .cart-bar .cart-edit .item-wrapper { display: inline-block; } .cart-page .cart-bar .cart-edit .quantity-edit button { background: none; font-size: 0; } .ms-main { padding: 120px 0; } .cart-page .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #c0c0c0; } .cart-page .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-page .cart-edit .quantity-edit button { background: none; font-size: 20px; padding: 0 20px; } .cart-page .cart-edit .quantity-edit button { background: none; border: none; } .cart-page .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #000; } .cart-page .cart-bar .cart-edit .quantity-edit button i:hover { color: var(--color-primary); } .cart-page .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-page .cart-bar .cart-edit .quantity-edit input { text-align: center; max-width: 26px; padding: 0; } .cart-page .cart-edit .quantity-edit input { text-align: center; max-width: 55px; font-size: 16px; font-weight: 700; color: #040404; border-radius: 0; border: 1px solid #f1f1f1; } .cart-page .cart-bar .cart-edit .product-edit { margin-right: 15px; } .cart-page .cart-bar .product-detail .product-name { font-size: 14px; font-weight: 400; color: var(--color-primary); } .cart-page .cart-bar .product-detail span { display: inline-block; line-height: 19px !important; } .cart-page .cart-bar .product-detail .product-variation span { color: #868686; font-family: roboto; font-weight: 400; font-size: 13px; line-height: 15px; } .cart-page .cart-bar .product-detail .product-qnty, .cart-page .cart-bar .product-detail .product-price { color: #404040; font-weight: 500; font-size: 13px; font-family: roboto; } .cart-page .cart-bar .cart-bottom-area { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-page .cart-bar .cart-bottom-area .spend-shipping { margin-bottom: 30px; background: #f5f5f5; padding: 10px 15px; font-size: 12px; font-weight: 500; color: var(--color-primary); text-align: center; } .cart-page .cart-bar .cart-bottom-area .spend-shipping i { font-size: 15px; margin-right: 7px; } .cart-page .cart-bar .cart-bottom-area .spend-shipping .amount { font-weight: 700; color: #040404; } .cart-page .cart-bar .cart-bottom-area .total-price { font-size: 18px; color: #040404; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .cart-page .cart-bar .cart-bottom-area .total-price span { color: var(--color-primary); } .cart-page .cart-bar .cart-bottom-area .checkout-btn { border: 1px solid var(--color-primary); margin-bottom: 10px; color: var(--color-primary); } .cart-page .cart-bar .cart-bottom-area .cart-btn { width: 100%; padding: 10px 20px; border-radius: 7px; font-size: 14px; text-align: center; -webkit-transition: all 300ms; transition: all 300ms; } .cart-page .cart-bar .cart-bottom-area .view-btn { border: 1px solid transparent; background: var(--color-primary); color: #fff; } .cart-page .cart-bar .cart-bottom-area .cart-btn { width: 100%; padding: 10px 20px; border-radius: 7px; font-size: 14px; text-align: center; -webkit-transition: all 300ms; transition: all 300ms; } .cart-page .cart-bar .cart-bottom-area .checkout-btn:hover { background: var(--color-primary); color: #fff; } .shop_table { width: 100%; } .ms-woocommerce-cart-form-wrapper .shop_table th { border-top: none; font-size: 16px; font-weight: 800; color: #000; padding-left: 0; text-align: center; } @media (max-width: 767px) { .ms-woocommerce-cart-form-wrapper .shop_table thead { display: none; } } .ms-woocommerce-cart-form-wrapper .shop_table td { padding: 2rem 0; text-align: center; border-left: none; border-right: none; border: 1px solid #e2e2e2; } .ms-woocommerce-cart-form-wrapper .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table td { border-left: none; border-right: none; } .ms-woocommerce-cart-form-wrapper .shop_table th { padding: 15px 0; } .ms-woocommerce-cart-form-wrapper .shop_table tr { text-align: left; } .ms-woocommerce-cart-form-wrapper .product-remove { font-size: 28px; } .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 10rem; } .ms-woocommerce-cart-form-wrapper .product-thumbnail img { width: 7rem; border-radius: 0; } .ms-woocommerce-cart-form-wrapper .product-name { font-size: 18px; font-weight: 600; } .ms-woocommerce-cart-form-wrapper .product-name a { color: #000; transition: all 0.3s; } .ms-woocommerce-cart-form-wrapper .product-name a:hover { color: var(--color-primary); } .ms-woocommerce-cart-form-wrapper .product-remove { width: 3rem; padding-left: 0; } .ms-woocommerce-cart-form-wrapper .product-remove svg { fill: var(--color-contrast-higher); transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-woocommerce-cart-form-wrapper .product-remove svg:hover { fill: var(--color-error); } .ms-woocommerce-cart-form-wrapper .ms-quantity { position: relative; width: 8rem; display: flex; } .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text { padding: 0.5em; height: 45px; border: none; width: 100%; text-align: center; color: #000; background-color: #f7f7f7; appearance: none; } .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text:focus-visible { outline: none; } .ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-outer-spin-button, .ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-inner-spin-button { appearance: none; margin: 0; } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus { border: none; background-color: transparent; display: flex; align-items: center; background-color: var(--color-contrast-lower); transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg { width: 20px; stroke-width: 2pt; stroke: var(--color-contrast-higher); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:hover, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:hover { background-color: var(--color-contrast-low); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:active, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:active { transform: translateY(2px); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus { border-top-left-radius: 6pt; border-bottom-left-radius: 6pt; border-right: solid 1px var(--color-bg); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg { margin-left: 1pt; } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus { border-top-right-radius: 6pt; border-bottom-right-radius: 6pt; border-left: solid 1px var(--color-bg); } .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg { margin-right: 1pt; } .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: flex; justify-content: space-between; } @media (max-width: 767px) { .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: block; } } .ms-woocommerce-cart-form-wrapper .coupon { display: inline-flex; overflow: hidden; background-color: var(--color-contrast-lower); } @media (max-width: 767px) { .ms-woocommerce-cart-form-wrapper .coupon { width: 100%; } } .ms-woocommerce-cart-form-wrapper .coupon .button { border: none; padding: 15px 33px; color: var(--color-white); padding-left: 1.2rem; padding-right: 1.2rem; line-height: 1; } @media (max-width: 400px) { .ms-woocommerce-cart-form-wrapper .coupon .button { width: 50%; } } .ms-woocommerce-cart-form-wrapper .coupon+.button { padding-left: 1rem; padding-right: 1rem; background-color: var(--color-primary); color: var(--color-white); border: none; margin-right: 0; margin-left: auto; line-height: 2.4; font-size: 15px; border: solid 1px transparent; transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-woocommerce-cart-form-wrapper .coupon+.button:disabled { color: var(--color-contrast-high); background-color: transparent; border: solid 1px var(--color-contrast-high); } @media (max-width: 767px) { .ms-woocommerce-cart-form-wrapper .coupon+.button:disabled { display: none; } } .ms-woocommerce-cart-form-wrapper .coupon+.button:active { transform: translateY(2px); } .ms-woocommerce-cart-form-wrapper #coupon_code { border: none; background-color: #f7f7f7; padding: 0.5em 1em 0.5em 1em; height: 45px; } @media (max-width: 400px) { .ms-woocommerce-cart-form-wrapper #coupon_code { width: 50%; } } .ms-woocommerce-cart-form-wrapper #coupon_code:focus-visible { outline: none; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals { margin-top: 6rem; margin-bottom: 6rem; background-color: #f7f7f7; padding: 2rem; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .cart-subtotal td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { text-align: right; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr { border-bottom: 1px solid #e2e2e2; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { padding: 1rem 0 1rem; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 { margin-bottom: 2rem; font-size: 24px; font-weight: 700; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-methods { padding-left: 0; list-style: none; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-destination { margin: 4pt 0; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { margin-top: 3rem; display: flex; flex-direction: row-reverse; } @media (max-width: 767px) { .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { flex-direction: unset; } } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator { max-width: 100%; display: flex; flex-direction: column; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p { max-width: 100%; padding-top: 15px; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text { background-color: #f7f7f7; width: 100%; height: 45px; padding-left: 1rem; padding-right: 1rem; border-radius: 0; color: #000; transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out); } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover { border-color: var(--color-primary); } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible { z-index: 1; border-color: var(--color-primary); outline: 0; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single { height: 45px; display: flex; align-items: center; border-radius: 6pt; background-color: var(--color-bg); border: 1px solid #f7f7f7; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-contrast-higher); } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 1rem; width: 100%; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; right: 8pt; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button { height: 45px; padding: 0 1rem; border: none; color: #fff; border-radius: 6pt; float: right; } .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td { text-align: right; } .coupon-toggle .accordion .card { border: unset; border-top: 3px solid var(--color-primary); border-radius: 0; } .coupon-toggle .accordion .card .card-header { border: none; margin: 0; border-radius: unset; padding: 15px 10px; } .coupon-toggle .accordion .card .card-header .card-title { margin: 0; } .coupon-toggle .accordion .card .card-header .card-title span i { margin-right: 10px; } .coupon-toggle .accordion .card .card-header .card-title button { background: unset; width: unset; border: none; color: var(--color-primary); transition: all 0.3s ease; outline: none; cursor: pointer; } .coupon-toggle .accordion .card .card-header .card-title button:hover { color: var(--color-primary); } .coupon-toggle .accordion .card .card-body { border: 1px solid #d3ced2; padding: 20px 20px 50px 20px; margin-top: 2em; text-align: left; } .coupon-toggle .accordion .card .card-body button { padding: 17px 32px; } .coupon-toggle .accordion .card .card-body .coupon-code-input { width: 47%; float: left; } .coupon-toggle .accordion .card .card-body .coupon-code-input input { width: 100%; height: 50px; outline: none; padding: 10px 18px; color: #454545; background: #f7f7f7; border: 1px solid #f1f1f1; border-radius: 0; } .full-grid { margin-top: 25px; } .full-grid .form-content-box { margin-bottom: 50px; } .full-grid .form-content-box .form-group label { line-height: 2; display: block; margin-bottom: 5px; font-weight: 600; } .full-grid .form-content-box .form-group select { color: #666; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f7f7f7; border-radius: 0; height: 45px; line-height: 45px; cursor: pointer; width: 100%; outline: none; } .full-grid .form-content-box .form-group textarea { height: 4em; line-height: 1.5; display: block; box-shadow: none; width: 100%; padding: 10px 18px; background: #f7f7f7; margin: 0; outline: none; } .full-grid .form-content-box .form-group .form-control-mod { height: 45px; padding: 10px 18px; background: #f7f7f7; width: 100%; margin: 0; outline: none; line-height: normal; border-radius: unset; border: 1px solid rgba(101, 103, 107, 0.3); padding: 13px 15px 13px 50px; border-radius: 4px; margin-bottom: 15px; } .full-grid .form-content-box .form-group .form-control-mod.margin-bottom { margin-bottom: 10px !important; } .full-grid .ordered-product table { width: 100%; } .ms-woocommerce-MyAccount-content h3, .ms-woocommerce-checkout h3 { font-size: 24px; font-weight: 700; margin-bottom: 2rem; margin-top: 25px; } .full-grid .ordered-product table tr th { border: 1px solid #ccc; padding: 9px 12px; } .full-grid .ordered-product table tr td { border: 1px solid #ccc; padding: 6px 12px; } .full-grid .payment-method .top-area { border-bottom: 1px solid #d3ced2; } .full-grid .payment-method .top-area .payment-co { margin-bottom: 20px; } .full-grid .payment-method .top-area .payment-co span { font-weight: 600; margin-right: 10px; } .full-grid .payment-method .top-area .p-msg { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0 2em; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #f9f9f9; } .full-grid .payment-method .top-area .p-msg:before { content: ''; display: block; border: 1em solid #f9f9f9; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } .woocommerce-result-count { font-size: 15px; line-height: 26px; color: #454545; font-weight: 400; margin-bottom: 35px !important; } .from-control { float: right; font-size: 15px; color: #454545; font-weight: 400; vertical-align: top; padding: 10px; border: 1px solid #e9e9e9; border-radius: 0; margin-bottom: 35px; } .from-control:hover { border: 1px solid var(--color-primary); } .ms-checkout-review-order-table .ms-checkout-product { display: flex; align-items: center; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__thumbnail img { width: 90px; margin-right: 20px; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content h5 { font-size: 16px; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content .woocommerce-Price-amount { color: var(--color-primary); } .ms-checkout-review-order-table .cart_item td { border: none; padding: 0; padding-bottom: 2rem; } .ms-checkout-review-order-table tfoot th { text-align: left; padding-left: 0; } .ms-checkout-review-order-table tfoot td { text-align: right; padding-right: 0; } .ms-checkout-review-order-table tfoot th, .ms-checkout-review-order-table tfoot td { border: none; } .ms-checkout-review-order-table tfoot tr { border-bottom: dotted 1px #e2e2e2; } .ms-checkout-review-order-table tfoot tr:last-child { border-bottom: none; } .ms-checkout-review-order-table tfoot .woocommerce-shipping-methods { list-style: none; } .checkout_coupon.woocommerce-form-coupon { margin-bottom: 2rem; } .checkout_coupon.woocommerce-form-coupon p:first-child { margin-bottom: 1rem; } .checkout_coupon.woocommerce-form-coupon .form-row-first, .checkout_coupon.woocommerce-form-coupon .form-row-last { display: inline-flex; } .checkout_coupon.woocommerce-form-coupon .form-row-first input { border: none; border-radius: 6pt; background-color: #f7f7f7; padding: 0.5em 1.6em 0.5em 1em; height: 45px; } .checkout_coupon.woocommerce-form-coupon .form-row-first input:focus-visible { outline: none; } .checkout_coupon.woocommerce-form-coupon .form-row-last { margin-left: -12pt; } .checkout_coupon.woocommerce-form-coupon .form-row-last button { border: none; height: 45px; background-color: var(--color-primary); color: var(--color-white); border-radius: 6pt; padding-left: 1.2rem; padding-right: 1.2rem; line-height: 2.4; } .ms-woocommerce-order .ms-woocommerce-order-overview { list-style: none; padding-left: 0; display: flex; margin: 2rem 0 4rem; } .ms-woocommerce-order .ms-woocommerce-order-overview li { display: flex; flex-direction: column; margin-right: 1.5rem; padding-right: 1.5rem; color: #000; } .ms-woocommerce-order .ms-woocommerce-order-overview li strong { margin-top: 4pt; color: #000; } .ms-woocommerce-order .ms-woocommerce-order-overview li:last-child { border-right: none; } .ms-woocommerce-order .woocommerce-order-details h2 { margin: 2rem 0; font-weight: 700; } .ms-woocommerce-order .woocommerce-order-details thead, .ms-woocommerce-order .woocommerce-order-details tfoot { text-align: left; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details { margin-bottom: 4rem; background-color: #f7f7f7; border-radius: 12pt; overflow: hidden; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead > tr > th { font-weight: 700; font-size: 24px; border-bottom: solid 1px #e2e2e2; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > td { padding: 1rem 2rem; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details a { font-weight: bold; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details th { border: none; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr { border-bottom: solid 1px #e2e2e2; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot { border-top: solid 1px #e2e2e2; background-color: #f7f7f7; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child { font-weight: 700; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot td { padding-bottom: 0; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child td { padding-bottom: 1rem; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child { border-bottom: none; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.woocommerce-table__product-total.product-total { display: flex; } .ms-woocommerce-order .woocommerce-columns--addresses { display: flex; flex-wrap: wrap; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title { font-size: 24px; font-weight: 700; margin-bottom: 2rem; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address { width: auto; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address { font-style: italic; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address .woocommerce-customer-details--email, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address .woocommerce-customer-details--email { margin-top: 8pt; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address { margin-right: 4rem; margin-bottom: 2rem; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details strong.product-quantity { margin-left: 4pt; color: #000; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta { list-style: none; padding-left: 0; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li { display: flex; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li strong { margin-right: 8pt; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li p { color: #000; } .woocommerce-page.woocommerce-order-received .woocommerce { margin-bottom: 8vh; } .pl-lg-5 { padding-left: 4rem !important; } a { text-decoration: none !important; } /* if you need custom styles, please add it in this file below For example: .custom{ color: red; } */ /* If you love our template, please give us a star on https://themeforest.net/user/reacthemes */ /*# sourceMappingURL=../maps/style.css.map */ .slider__text__custom { font-size: 24px !important; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings