/*=================Scss Indexing============= 1.variables 2.typography 3.spacing 4.reset 5.forms 6.mixins 7.shortcode 8.animations 9.text-animation 10.sal 11.header 12.mobile-menu 13.button 14.nav 15.banner 16.swiper 17.funfacts 18.cta 19.about 20.common 21.service 22.projects 23.working-process 24.blog 25.blog-details 26.footer 27.search-input 28./side-bar 29.team 30.testimonials 31.faq 32.pricing 33.date-picker 34.time-picker 35.appoinment 36.awesome-feedback 37.contact 38.pre-loader.scss 39.back-to-top ==============================================  */ /* Default  */ @import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"); :root { --color-primary: #4AAB3D; --color-secondary: #1F1F25; --color-body: #6E777D; --color-heading-1: #1f1f25; --color-white: #fff; --color-success: #3EB75E; --color-danger: #FF0003; --color-warning: #FF8F3C; --color-info: #1BA2DB; --color-facebook: #3B5997; --color-twitter: #1BA1F2; --color-youtube: #ED4141; --color-linkedin: #0077B5; --color-pinterest: #E60022; --color-instagram: #C231A1; --color-vimeo: #00ADEF; --color-twitch: #6441A3; --color-discord: #7289da; --p-light: 300; --p-regular: 400; --p-medium: 500; --p-semi-bold: 600; --p-bold: 700; --p-extra-bold: 800; --p-black: 900; --s-light: 300; --s-regular: 400; --s-medium: 500; --s-semi-bold: 600; --s-bold: 700; --s-extra-bold: 800; --s-black: 900; --transition: 0.3s; --font-primary: "Exo", sans-serif; --font-secondary: "Albert Sans", sans-serif; --font-size-b1: 16px; --font-size-b2: 16px; --font-size-b3: 22px; --line-height-b1: 26px; --line-height-b2: 26px; --line-height-b3: 1.7; --h1: 60px; --h2: 48px; --h3: 30px; --h4: 26px; --h5: 24px; --h6: 18px; } * { box-sizing: border-box; } html { margin: 0; padding: 0; font-size: 10px; overflow: hidden; overflow-y: auto; scroll-behavior: auto !important; } body { font-size: var(--font-size-b1); line-height: var(--line-height-b1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Albert Sans", sans-serif; color: var(--color-body); font-weight: var(--p-regular); position: relative; overflow-x: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { body { overflow: hidden; } } @media only screen and (min-width: 768px) and (max-width: 991px) { body { overflow: hidden; } } @media only screen and (max-width: 767px) { body { overflow: hidden; } } body::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.05; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: "Exo", sans-serif; line-height: 1.4074; color: var(--color-heading-1); } h1, .h1 { font-size: var(--h1); line-height: 91px; font-weight: 700; } h2, .h2 { font-size: var(--h2); line-height: 1.23; } h3, .h3 { font-size: var(--h3); line-height: 54px; } h4, .h4 { font-size: var(--h4); line-height: 1.25; } h5, .h5 { font-size: var(--h5); line-height: 1.24; } h6, .h6 { font-size: var(--h6); line-height: 1.25; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; } .bg-color-tertiary h1, .bg-color-tertiary h2, .bg-color-tertiary h3, .bg-color-tertiary h4, .bg-color-tertiary h5, .bg-color-tertiary h6, .bg-color-tertiary .h1, .bg-color-tertiary .h2, .bg-color-tertiary .h3, .bg-color-tertiary .h4, .bg-color-tertiary .h5, .bg-color-tertiary .h6 { color: #fff; } .bg-color-tertiary p { color: #6c7279; } .bg-color-tertiary a { color: #6c7279; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 18px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 20px; } } h1, .h1, h2, .h2, h3, .h3 { font-weight: var(--s-bold); } h4, .h4, h5, .h5 { font-weight: var(--s-bold); } h6, .h6 { font-weight: var(--s-bold); } p { font-size: var(--font-size-b2); line-height: var(--line-height-b2); font-weight: var(--p-regular); color: var(--color-body); margin: 0 0 40px; } @media only screen and (max-width: 767px) { p { margin: 0 0 20px; font-size: 16px; line-height: 28px; } } p.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } p.b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } p.has-large-font-size { line-height: 1.5; font-size: 36px; } p.has-medium-font-size { font-size: 24px; line-height: 36px; } p.has-small-font-size { font-size: 13px; } p.has-very-light-gray-color { color: var(--color-white); } p.has-background { padding: 20px 30px; } p.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } p.b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2); } p.b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } p:last-child { margin-bottom: 0; } .b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } .b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2); } .b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } .b4 { font-size: var(--font-size-b4); line-height: var(--line-height-b4); } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 100%; } table a, table a:link, table a:visited { text-decoration: none; } cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--color-heading); } var { font-family: "Exo", sans-serif; } /*--------------------------- List Style ---------------------------*/ ul, ol { padding-left: 18px; } ul { list-style: square; margin-bottom: 30px; padding-left: 20px; } ul.liststyle.bullet li { font-size: 18px; line-height: 30px; color: var(--color-body); position: relative; padding-left: 30px; } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left: 19px; } } ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: var(--color-body); left: 0; top: 10px; } ul.liststyle.bullet li+li { margin-top: 8px; } ul li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); margin-top: 10px; margin-bottom: 10px; color: var(--color-body); } ul li a { text-decoration: none; color: var(--color-gray); } ul li a:hover { color: var(--color-primary); } ul ul { margin-bottom: 0; } ol { margin-bottom: 30px; } ol li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); color: var(--color-body); margin-top: 10px; margin-bottom: 10px; } ol li a { color: var(--color-heading); text-decoration: none; } ol li a:hover { color: var(--color-primary); } ol ul { padding-left: 30px; } .typo-title-area .title { margin-top: 0; } .paragraph-area p.disc { margin-bottom: 20px; color: #fff; } @media only screen and (max-width: 1199px) { h1 { font-size: 64px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h1 { font-size: 54px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h1 { font-size: 40px; line-height: 56px; } } @media only screen and (max-width: 767px) { h1 { font-size: 30px; line-height: 45px; } } @media only screen and (max-width: 575px) { h1 { font-size: 28px; line-height: 36px; } } @media only screen and (max-width: 479px) { h1 { font-size: 26px; line-height: 30px; } } @media only screen and (max-width: 1199px) { h2 { font-size: 54px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h2 { font-size: 44px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h2 { font-size: 36px; line-height: 56px; } } @media only screen and (max-width: 767px) { h2 { font-size: 30px; line-height: 45px; } } @media only screen and (max-width: 575px) { h2 { font-size: 26px; line-height: 36px; } } @media only screen and (max-width: 479px) { h2 { font-size: 24px; line-height: 30px; } } @media only screen and (max-width: 1199px) { h3 { font-size: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h3 { font-size: 36px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h3 { font-size: 30px; line-height: 56px; } } @media only screen and (max-width: 767px) { h3 { font-size: 30px; line-height: 45px; } } @media only screen and (max-width: 575px) { h3 { font-size: 24px; line-height: 36px; } } @media only screen and (max-width: 479px) { h3 { font-size: 22px; line-height: 30px; } } /*========================= Section Separation ==========================*/ .slick-dotted.slick-slider { margin-bottom: 0; } .mb_dec--25 { margin-bottom: -25px; } .mb_dec--30 { margin-bottom: -30px; } .m--0 { margin: 0; } .rts-section-gap { padding: 120px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap { padding: 60px 0; } } .rts-section-gapBottom { padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gapBottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gapBottom { padding-bottom: 60px; } } .rts-section-gapTop { padding-top: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gapTop { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gapTop { padding-top: 60px; } } .rts-section-gap2 { padding: 130px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2 { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap2 { padding: 60px 0; } } .rts-section-gap2Bottom { padding-bottom: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2Bottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gap2Bottom { padding-bottom: 60px; } } .rts-section-gap2Top { padding-top: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2Top { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gap2Top { padding-top: 60px; } } .rts-section-gap3 { padding: 150px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3 { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap3 { padding: 60px 0; } } .rts-section-gap3Bottom { padding-bottom: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3Bottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gap3Bottom { padding-bottom: 60px; } } .rts-section-gap3Top { padding-top: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3Top { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gap3Top { padding-top: 60px; } } .pl--0 { padding-left: 0 !important; } .pr--0 { padding-right: 0 !important; } .pt--0 { padding-top: 0 !important; } .pb--0 { padding-bottom: 0 !important; } .mr--0 { margin-right: 0 !important; } .ml--0 { margin-left: 0 !important; } .mt--0 { margin-top: 0 !important; } .mb--0 { margin-bottom: 0 !important; } .ptb--5 { padding: 5px 0 !important; } .plr--5 { padding: 0 5px !important; } .pt--5 { padding-top: 5px !important; } .pb--5 { padding-bottom: 5px !important; } .pl--5 { padding-left: 5px !important; } .pr--5 { padding-right: 5px !important; } .mt--5 { margin-top: 5px !important; } .mb--5 { margin-bottom: 5px !important; } .mr--5 { margin-right: 5px !important; } .ml--5 { margin-left: 5px !important; } .ptb--10 { padding: 10px 0 !important; } .plr--10 { padding: 0 10px !important; } .pt--10 { padding-top: 10px !important; } .pb--10 { padding-bottom: 10px !important; } .pl--10 { padding-left: 10px !important; } .pr--10 { padding-right: 10px !important; } .mt--10 { margin-top: 10px !important; } .mb--10 { margin-bottom: 10px !important; } .mr--10 { margin-right: 10px !important; } .ml--10 { margin-left: 10px !important; } .ptb--15 { padding: 15px 0 !important; } .plr--15 { padding: 0 15px !important; } .pt--15 { padding-top: 15px !important; } .pb--15 { padding-bottom: 15px !important; } .pl--15 { padding-left: 15px !important; } .pr--15 { padding-right: 15px !important; } .mt--15 { margin-top: 15px !important; } .mb--15 { margin-bottom: 15px !important; } .mr--15 { margin-right: 15px !important; } .ml--15 { margin-left: 15px !important; } .ptb--20 { padding: 20px 0 !important; } .plr--20 { padding: 0 20px !important; } .pt--20 { padding-top: 20px !important; } .pb--20 { padding-bottom: 20px !important; } .pl--20 { padding-left: 20px !important; } .pr--20 { padding-right: 20px !important; } .mt--20 { margin-top: 20px !important; } .mb--20 { margin-bottom: 20px !important; } .mr--20 { margin-right: 20px !important; } .ml--20 { margin-left: 20px !important; } .ptb--25 { padding: 25px 0 !important; } .plr--25 { padding: 0 25px !important; } .pt--25 { padding-top: 25px !important; } .pb--25 { padding-bottom: 25px !important; } .pl--25 { padding-left: 25px !important; } .pr--25 { padding-right: 25px !important; } .mt--25 { margin-top: 25px !important; } .mb--25 { margin-bottom: 25px !important; } .mr--25 { margin-right: 25px !important; } .ml--25 { margin-left: 25px !important; } .ptb--30 { padding: 30px 0 !important; } .plr--30 { padding: 0 30px !important; } .pt--30 { padding-top: 30px !important; } .pb--30 { padding-bottom: 30px !important; } .pl--30 { padding-left: 30px !important; } .pr--30 { padding-right: 30px !important; } .mt--30 { margin-top: 30px !important; } .mb--30 { margin-bottom: 30px !important; } .mr--30 { margin-right: 30px !important; } .ml--30 { margin-left: 30px !important; } .ptb--35 { padding: 35px 0 !important; } .plr--35 { padding: 0 35px !important; } .pt--35 { padding-top: 35px !important; } .pb--35 { padding-bottom: 35px !important; } .pl--35 { padding-left: 35px !important; } .pr--35 { padding-right: 35px !important; } .mt--35 { margin-top: 35px !important; } .mb--35 { margin-bottom: 35px !important; } .mr--35 { margin-right: 35px !important; } .ml--35 { margin-left: 35px !important; } .ptb--40 { padding: 40px 0 !important; } .plr--40 { padding: 0 40px !important; } .pt--40 { padding-top: 40px !important; } .pb--40 { padding-bottom: 40px !important; } .pl--40 { padding-left: 40px !important; } .pr--40 { padding-right: 40px !important; } .mt--40 { margin-top: 40px !important; } .mb--40 { margin-bottom: 40px !important; } .mr--40 { margin-right: 40px !important; } .ml--40 { margin-left: 40px !important; } .ptb--45 { padding: 45px 0 !important; } .plr--45 { padding: 0 45px !important; } .pt--45 { padding-top: 45px !important; } .pb--45 { padding-bottom: 45px !important; } .pl--45 { padding-left: 45px !important; } .pr--45 { padding-right: 45px !important; } .mt--45 { margin-top: 45px !important; } .mb--45 { margin-bottom: 45px !important; } .mr--45 { margin-right: 45px !important; } .ml--45 { margin-left: 45px !important; } .ptb--50 { padding: 50px 0 !important; } .plr--50 { padding: 0 50px !important; } .pt--50 { padding-top: 50px !important; } .pb--50 { padding-bottom: 50px !important; } .pl--50 { padding-left: 50px !important; } .pr--50 { padding-right: 50px !important; } .mt--50 { margin-top: 50px !important; } .mb--50 { margin-bottom: 50px !important; } .mr--50 { margin-right: 50px !important; } .ml--50 { margin-left: 50px !important; } .ptb--55 { padding: 55px 0 !important; } .plr--55 { padding: 0 55px !important; } .pt--55 { padding-top: 55px !important; } .pb--55 { padding-bottom: 55px !important; } .pl--55 { padding-left: 55px !important; } .pr--55 { padding-right: 55px !important; } .mt--55 { margin-top: 55px !important; } .mb--55 { margin-bottom: 55px !important; } .mr--55 { margin-right: 55px !important; } .ml--55 { margin-left: 55px !important; } .ptb--60 { padding: 60px 0 !important; } .plr--60 { padding: 0 60px !important; } .pt--60 { padding-top: 60px !important; } .pb--60 { padding-bottom: 60px !important; } .pl--60 { padding-left: 60px !important; } .pr--60 { padding-right: 60px !important; } .mt--60 { margin-top: 60px !important; } .mb--60 { margin-bottom: 60px !important; } .mr--60 { margin-right: 60px !important; } .ml--60 { margin-left: 60px !important; } .ptb--65 { padding: 65px 0 !important; } .plr--65 { padding: 0 65px !important; } .pt--65 { padding-top: 65px !important; } .pb--65 { padding-bottom: 65px !important; } .pl--65 { padding-left: 65px !important; } .pr--65 { padding-right: 65px !important; } .mt--65 { margin-top: 65px !important; } .mb--65 { margin-bottom: 65px !important; } .mr--65 { margin-right: 65px !important; } .ml--65 { margin-left: 65px !important; } .ptb--70 { padding: 70px 0 !important; } .plr--70 { padding: 0 70px !important; } .pt--70 { padding-top: 70px !important; } .pb--70 { padding-bottom: 70px !important; } .pl--70 { padding-left: 70px !important; } .pr--70 { padding-right: 70px !important; } .mt--70 { margin-top: 70px !important; } .mb--70 { margin-bottom: 70px !important; } .mr--70 { margin-right: 70px !important; } .ml--70 { margin-left: 70px !important; } .ptb--75 { padding: 75px 0 !important; } .plr--75 { padding: 0 75px !important; } .pt--75 { padding-top: 75px !important; } .pb--75 { padding-bottom: 75px !important; } .pl--75 { padding-left: 75px !important; } .pr--75 { padding-right: 75px !important; } .mt--75 { margin-top: 75px !important; } .mb--75 { margin-bottom: 75px !important; } .mr--75 { margin-right: 75px !important; } .ml--75 { margin-left: 75px !important; } .ptb--80 { padding: 80px 0 !important; } .plr--80 { padding: 0 80px !important; } .pt--80 { padding-top: 80px !important; } .pb--80 { padding-bottom: 80px !important; } .pl--80 { padding-left: 80px !important; } .pr--80 { padding-right: 80px !important; } .mt--80 { margin-top: 80px !important; } .mb--80 { margin-bottom: 80px !important; } .mr--80 { margin-right: 80px !important; } .ml--80 { margin-left: 80px !important; } .ptb--85 { padding: 85px 0 !important; } .plr--85 { padding: 0 85px !important; } .pt--85 { padding-top: 85px !important; } .pb--85 { padding-bottom: 85px !important; } .pl--85 { padding-left: 85px !important; } .pr--85 { padding-right: 85px !important; } .mt--85 { margin-top: 85px !important; } .mb--85 { margin-bottom: 85px !important; } .mr--85 { margin-right: 85px !important; } .ml--85 { margin-left: 85px !important; } .ptb--90 { padding: 90px 0 !important; } .plr--90 { padding: 0 90px !important; } .pt--90 { padding-top: 90px !important; } .pb--90 { padding-bottom: 90px !important; } .pl--90 { padding-left: 90px !important; } .pr--90 { padding-right: 90px !important; } .mt--90 { margin-top: 90px !important; } .mb--90 { margin-bottom: 90px !important; } .mr--90 { margin-right: 90px !important; } .ml--90 { margin-left: 90px !important; } .ptb--95 { padding: 95px 0 !important; } .plr--95 { padding: 0 95px !important; } .pt--95 { padding-top: 95px !important; } .pb--95 { padding-bottom: 95px !important; } .pl--95 { padding-left: 95px !important; } .pr--95 { padding-right: 95px !important; } .mt--95 { margin-top: 95px !important; } .mb--95 { margin-bottom: 95px !important; } .mr--95 { margin-right: 95px !important; } .ml--95 { margin-left: 95px !important; } .ptb--100 { padding: 100px 0 !important; } .plr--100 { padding: 0 100px !important; } .pt--100 { padding-top: 100px !important; } .pb--100 { padding-bottom: 100px !important; } .pl--100 { padding-left: 100px !important; } .pr--100 { padding-right: 100px !important; } .mt--100 { margin-top: 100px !important; } .mb--100 { margin-bottom: 100px !important; } .mr--100 { margin-right: 100px !important; } .ml--100 { margin-left: 100px !important; } .ptb--105 { padding: 105px 0 !important; } .plr--105 { padding: 0 105px !important; } .pt--105 { padding-top: 105px !important; } .pb--105 { padding-bottom: 105px !important; } .pl--105 { padding-left: 105px !important; } .pr--105 { padding-right: 105px !important; } .mt--105 { margin-top: 105px !important; } .mb--105 { margin-bottom: 105px !important; } .mr--105 { margin-right: 105px !important; } .ml--105 { margin-left: 105px !important; } .ptb--110 { padding: 110px 0 !important; } .plr--110 { padding: 0 110px !important; } .pt--110 { padding-top: 110px !important; } .pb--110 { padding-bottom: 110px !important; } .pl--110 { padding-left: 110px !important; } .pr--110 { padding-right: 110px !important; } .mt--110 { margin-top: 110px !important; } .mb--110 { margin-bottom: 110px !important; } .mr--110 { margin-right: 110px !important; } .ml--110 { margin-left: 110px !important; } .ptb--115 { padding: 115px 0 !important; } .plr--115 { padding: 0 115px !important; } .pt--115 { padding-top: 115px !important; } .pb--115 { padding-bottom: 115px !important; } .pl--115 { padding-left: 115px !important; } .pr--115 { padding-right: 115px !important; } .mt--115 { margin-top: 115px !important; } .mb--115 { margin-bottom: 115px !important; } .mr--115 { margin-right: 115px !important; } .ml--115 { margin-left: 115px !important; } .ptb--120 { padding: 120px 0 !important; } .plr--120 { padding: 0 120px !important; } .pt--120 { padding-top: 120px !important; } .pb--120 { padding-bottom: 120px !important; } .pl--120 { padding-left: 120px !important; } .pr--120 { padding-right: 120px !important; } .mt--120 { margin-top: 120px !important; } .mb--120 { margin-bottom: 120px !important; } .mr--120 { margin-right: 120px !important; } .ml--120 { margin-left: 120px !important; } .ptb--125 { padding: 125px 0 !important; } .plr--125 { padding: 0 125px !important; } .pt--125 { padding-top: 125px !important; } .pb--125 { padding-bottom: 125px !important; } .pl--125 { padding-left: 125px !important; } .pr--125 { padding-right: 125px !important; } .mt--125 { margin-top: 125px !important; } .mb--125 { margin-bottom: 125px !important; } .mr--125 { margin-right: 125px !important; } .ml--125 { margin-left: 125px !important; } .ptb--130 { padding: 130px 0 !important; } .plr--130 { padding: 0 130px !important; } .pt--130 { padding-top: 130px !important; } .pb--130 { padding-bottom: 130px !important; } .pl--130 { padding-left: 130px !important; } .pr--130 { padding-right: 130px !important; } .mt--130 { margin-top: 130px !important; } .mb--130 { margin-bottom: 130px !important; } .mr--130 { margin-right: 130px !important; } .ml--130 { margin-left: 130px !important; } .ptb--135 { padding: 135px 0 !important; } .plr--135 { padding: 0 135px !important; } .pt--135 { padding-top: 135px !important; } .pb--135 { padding-bottom: 135px !important; } .pl--135 { padding-left: 135px !important; } .pr--135 { padding-right: 135px !important; } .mt--135 { margin-top: 135px !important; } .mb--135 { margin-bottom: 135px !important; } .mr--135 { margin-right: 135px !important; } .ml--135 { margin-left: 135px !important; } .ptb--140 { padding: 140px 0 !important; } .plr--140 { padding: 0 140px !important; } .pt--140 { padding-top: 140px !important; } .pb--140 { padding-bottom: 140px !important; } .pl--140 { padding-left: 140px !important; } .pr--140 { padding-right: 140px !important; } .mt--140 { margin-top: 140px !important; } .mb--140 { margin-bottom: 140px !important; } .mr--140 { margin-right: 140px !important; } .ml--140 { margin-left: 140px !important; } .ptb--145 { padding: 145px 0 !important; } .plr--145 { padding: 0 145px !important; } .pt--145 { padding-top: 145px !important; } .pb--145 { padding-bottom: 145px !important; } .pl--145 { padding-left: 145px !important; } .pr--145 { padding-right: 145px !important; } .mt--145 { margin-top: 145px !important; } .mb--145 { margin-bottom: 145px !important; } .mr--145 { margin-right: 145px !important; } .ml--145 { margin-left: 145px !important; } .ptb--150 { padding: 150px 0 !important; } .plr--150 { padding: 0 150px !important; } .pt--150 { padding-top: 150px !important; } .pb--150 { padding-bottom: 150px !important; } .pl--150 { padding-left: 150px !important; } .pr--150 { padding-right: 150px !important; } .mt--150 { margin-top: 150px !important; } .mb--150 { margin-bottom: 150px !important; } .mr--150 { margin-right: 150px !important; } .ml--150 { margin-left: 150px !important; } .ptb--155 { padding: 155px 0 !important; } .plr--155 { padding: 0 155px !important; } .pt--155 { padding-top: 155px !important; } .pb--155 { padding-bottom: 155px !important; } .pl--155 { padding-left: 155px !important; } .pr--155 { padding-right: 155px !important; } .mt--155 { margin-top: 155px !important; } .mb--155 { margin-bottom: 155px !important; } .mr--155 { margin-right: 155px !important; } .ml--155 { margin-left: 155px !important; } .ptb--160 { padding: 160px 0 !important; } .plr--160 { padding: 0 160px !important; } .pt--160 { padding-top: 160px !important; } .pb--160 { padding-bottom: 160px !important; } .pl--160 { padding-left: 160px !important; } .pr--160 { padding-right: 160px !important; } .mt--160 { margin-top: 160px !important; } .mb--160 { margin-bottom: 160px !important; } .mr--160 { margin-right: 160px !important; } .ml--160 { margin-left: 160px !important; } .ptb--165 { padding: 165px 0 !important; } .plr--165 { padding: 0 165px !important; } .pt--165 { padding-top: 165px !important; } .pb--165 { padding-bottom: 165px !important; } .pl--165 { padding-left: 165px !important; } .pr--165 { padding-right: 165px !important; } .mt--165 { margin-top: 165px !important; } .mb--165 { margin-bottom: 165px !important; } .mr--165 { margin-right: 165px !important; } .ml--165 { margin-left: 165px !important; } .ptb--170 { padding: 170px 0 !important; } .plr--170 { padding: 0 170px !important; } .pt--170 { padding-top: 170px !important; } .pb--170 { padding-bottom: 170px !important; } .pl--170 { padding-left: 170px !important; } .pr--170 { padding-right: 170px !important; } .mt--170 { margin-top: 170px !important; } .mb--170 { margin-bottom: 170px !important; } .mr--170 { margin-right: 170px !important; } .ml--170 { margin-left: 170px !important; } .ptb--175 { padding: 175px 0 !important; } .plr--175 { padding: 0 175px !important; } .pt--175 { padding-top: 175px !important; } .pb--175 { padding-bottom: 175px !important; } .pl--175 { padding-left: 175px !important; } .pr--175 { padding-right: 175px !important; } .mt--175 { margin-top: 175px !important; } .mb--175 { margin-bottom: 175px !important; } .mr--175 { margin-right: 175px !important; } .ml--175 { margin-left: 175px !important; } .ptb--180 { padding: 180px 0 !important; } .plr--180 { padding: 0 180px !important; } .pt--180 { padding-top: 180px !important; } .pb--180 { padding-bottom: 180px !important; } .pl--180 { padding-left: 180px !important; } .pr--180 { padding-right: 180px !important; } .mt--180 { margin-top: 180px !important; } .mb--180 { margin-bottom: 180px !important; } .mr--180 { margin-right: 180px !important; } .ml--180 { margin-left: 180px !important; } .ptb--185 { padding: 185px 0 !important; } .plr--185 { padding: 0 185px !important; } .pt--185 { padding-top: 185px !important; } .pb--185 { padding-bottom: 185px !important; } .pl--185 { padding-left: 185px !important; } .pr--185 { padding-right: 185px !important; } .mt--185 { margin-top: 185px !important; } .mb--185 { margin-bottom: 185px !important; } .mr--185 { margin-right: 185px !important; } .ml--185 { margin-left: 185px !important; } .ptb--190 { padding: 190px 0 !important; } .plr--190 { padding: 0 190px !important; } .pt--190 { padding-top: 190px !important; } .pb--190 { padding-bottom: 190px !important; } .pl--190 { padding-left: 190px !important; } .pr--190 { padding-right: 190px !important; } .mt--190 { margin-top: 190px !important; } .mb--190 { margin-bottom: 190px !important; } .mr--190 { margin-right: 190px !important; } .ml--190 { margin-left: 190px !important; } .ptb--195 { padding: 195px 0 !important; } .plr--195 { padding: 0 195px !important; } .pt--195 { padding-top: 195px !important; } .pb--195 { padding-bottom: 195px !important; } .pl--195 { padding-left: 195px !important; } .pr--195 { padding-right: 195px !important; } .mt--195 { margin-top: 195px !important; } .mb--195 { margin-bottom: 195px !important; } .mr--195 { margin-right: 195px !important; } .ml--195 { margin-left: 195px !important; } .ptb--200 { padding: 200px 0 !important; } .plr--200 { padding: 0 200px !important; } .pt--200 { padding-top: 200px !important; } .pb--200 { padding-bottom: 200px !important; } .pl--200 { padding-left: 200px !important; } .pr--200 { padding-right: 200px !important; } .mt--200 { margin-top: 200px !important; } .mb--200 { margin-bottom: 200px !important; } .mr--200 { margin-right: 200px !important; } .ml--200 { margin-left: 200px !important; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .ptb_lp--5 { padding: 5px 0; } .plr_lp--5 { padding: 0 5px; } .pt_lp--5 { padding-top: 5px; } .pb_lp--5 { padding-bottom: 5px; } .pl_lp--5 { padding-left: 5px; } .pr_lp--5 { padding-right: 5px; } .mt_lp--5 { margin-top: 5px; } .mb_lp--5 { margin-bottom: 5px; } .ptb_lp--10 { padding: 10px 0; } .plr_lp--10 { padding: 0 10px; } .pt_lp--10 { padding-top: 10px; } .pb_lp--10 { padding-bottom: 10px; } .pl_lp--10 { padding-left: 10px; } .pr_lp--10 { padding-right: 10px; } .mt_lp--10 { margin-top: 10px; } .mb_lp--10 { margin-bottom: 10px; } .ptb_lp--15 { padding: 15px 0; } .plr_lp--15 { padding: 0 15px; } .pt_lp--15 { padding-top: 15px; } .pb_lp--15 { padding-bottom: 15px; } .pl_lp--15 { padding-left: 15px; } .pr_lp--15 { padding-right: 15px; } .mt_lp--15 { margin-top: 15px; } .mb_lp--15 { margin-bottom: 15px; } .ptb_lp--20 { padding: 20px 0; } .plr_lp--20 { padding: 0 20px; } .pt_lp--20 { padding-top: 20px; } .pb_lp--20 { padding-bottom: 20px; } .pl_lp--20 { padding-left: 20px; } .pr_lp--20 { padding-right: 20px; } .mt_lp--20 { margin-top: 20px; } .mb_lp--20 { margin-bottom: 20px; } .ptb_lp--25 { padding: 25px 0; } .plr_lp--25 { padding: 0 25px; } .pt_lp--25 { padding-top: 25px; } .pb_lp--25 { padding-bottom: 25px; } .pl_lp--25 { padding-left: 25px; } .pr_lp--25 { padding-right: 25px; } .mt_lp--25 { margin-top: 25px; } .mb_lp--25 { margin-bottom: 25px; } .ptb_lp--30 { padding: 30px 0; } .plr_lp--30 { padding: 0 30px; } .pt_lp--30 { padding-top: 30px; } .pb_lp--30 { padding-bottom: 30px; } .pl_lp--30 { padding-left: 30px; } .pr_lp--30 { padding-right: 30px; } .mt_lp--30 { margin-top: 30px; } .mb_lp--30 { margin-bottom: 30px; } .ptb_lp--35 { padding: 35px 0; } .plr_lp--35 { padding: 0 35px; } .pt_lp--35 { padding-top: 35px; } .pb_lp--35 { padding-bottom: 35px; } .pl_lp--35 { padding-left: 35px; } .pr_lp--35 { padding-right: 35px; } .mt_lp--35 { margin-top: 35px; } .mb_lp--35 { margin-bottom: 35px; } .ptb_lp--40 { padding: 40px 0; } .plr_lp--40 { padding: 0 40px; } .pt_lp--40 { padding-top: 40px; } .pb_lp--40 { padding-bottom: 40px; } .pl_lp--40 { padding-left: 40px; } .pr_lp--40 { padding-right: 40px; } .mt_lp--40 { margin-top: 40px; } .mb_lp--40 { margin-bottom: 40px; } .ptb_lp--45 { padding: 45px 0; } .plr_lp--45 { padding: 0 45px; } .pt_lp--45 { padding-top: 45px; } .pb_lp--45 { padding-bottom: 45px; } .pl_lp--45 { padding-left: 45px; } .pr_lp--45 { padding-right: 45px; } .mt_lp--45 { margin-top: 45px; } .mb_lp--45 { margin-bottom: 45px; } .ptb_lp--50 { padding: 50px 0; } .plr_lp--50 { padding: 0 50px; } .pt_lp--50 { padding-top: 50px; } .pb_lp--50 { padding-bottom: 50px; } .pl_lp--50 { padding-left: 50px; } .pr_lp--50 { padding-right: 50px; } .mt_lp--50 { margin-top: 50px; } .mb_lp--50 { margin-bottom: 50px; } .ptb_lp--55 { padding: 55px 0; } .plr_lp--55 { padding: 0 55px; } .pt_lp--55 { padding-top: 55px; } .pb_lp--55 { padding-bottom: 55px; } .pl_lp--55 { padding-left: 55px; } .pr_lp--55 { padding-right: 55px; } .mt_lp--55 { margin-top: 55px; } .mb_lp--55 { margin-bottom: 55px; } .ptb_lp--60 { padding: 60px 0; } .plr_lp--60 { padding: 0 60px; } .pt_lp--60 { padding-top: 60px; } .pb_lp--60 { padding-bottom: 60px; } .pl_lp--60 { padding-left: 60px; } .pr_lp--60 { padding-right: 60px; } .mt_lp--60 { margin-top: 60px; } .mb_lp--60 { margin-bottom: 60px; } .ptb_lp--65 { padding: 65px 0; } .plr_lp--65 { padding: 0 65px; } .pt_lp--65 { padding-top: 65px; } .pb_lp--65 { padding-bottom: 65px; } .pl_lp--65 { padding-left: 65px; } .pr_lp--65 { padding-right: 65px; } .mt_lp--65 { margin-top: 65px; } .mb_lp--65 { margin-bottom: 65px; } .ptb_lp--70 { padding: 70px 0; } .plr_lp--70 { padding: 0 70px; } .pt_lp--70 { padding-top: 70px; } .pb_lp--70 { padding-bottom: 70px; } .pl_lp--70 { padding-left: 70px; } .pr_lp--70 { padding-right: 70px; } .mt_lp--70 { margin-top: 70px; } .mb_lp--70 { margin-bottom: 70px; } .ptb_lp--75 { padding: 75px 0; } .plr_lp--75 { padding: 0 75px; } .pt_lp--75 { padding-top: 75px; } .pb_lp--75 { padding-bottom: 75px; } .pl_lp--75 { padding-left: 75px; } .pr_lp--75 { padding-right: 75px; } .mt_lp--75 { margin-top: 75px; } .mb_lp--75 { margin-bottom: 75px; } .ptb_lp--80 { padding: 80px 0; } .plr_lp--80 { padding: 0 80px; } .pt_lp--80 { padding-top: 80px; } .pb_lp--80 { padding-bottom: 80px; } .pl_lp--80 { padding-left: 80px; } .pr_lp--80 { padding-right: 80px; } .mt_lp--80 { margin-top: 80px; } .mb_lp--80 { margin-bottom: 80px; } .ptb_lp--85 { padding: 85px 0; } .plr_lp--85 { padding: 0 85px; } .pt_lp--85 { padding-top: 85px; } .pb_lp--85 { padding-bottom: 85px; } .pl_lp--85 { padding-left: 85px; } .pr_lp--85 { padding-right: 85px; } .mt_lp--85 { margin-top: 85px; } .mb_lp--85 { margin-bottom: 85px; } .ptb_lp--90 { padding: 90px 0; } .plr_lp--90 { padding: 0 90px; } .pt_lp--90 { padding-top: 90px; } .pb_lp--90 { padding-bottom: 90px; } .pl_lp--90 { padding-left: 90px; } .pr_lp--90 { padding-right: 90px; } .mt_lp--90 { margin-top: 90px; } .mb_lp--90 { margin-bottom: 90px; } .ptb_lp--95 { padding: 95px 0; } .plr_lp--95 { padding: 0 95px; } .pt_lp--95 { padding-top: 95px; } .pb_lp--95 { padding-bottom: 95px; } .pl_lp--95 { padding-left: 95px; } .pr_lp--95 { padding-right: 95px; } .mt_lp--95 { margin-top: 95px; } .mb_lp--95 { margin-bottom: 95px; } .ptb_lp--100 { padding: 100px 0; } .plr_lp--100 { padding: 0 100px; } .pt_lp--100 { padding-top: 100px; } .pb_lp--100 { padding-bottom: 100px; } .pl_lp--100 { padding-left: 100px; } .pr_lp--100 { padding-right: 100px; } .mt_lp--100 { margin-top: 100px; } .mb_lp--100 { margin-bottom: 100px; } .ptb_lp--105 { padding: 105px 0; } .plr_lp--105 { padding: 0 105px; } .pt_lp--105 { padding-top: 105px; } .pb_lp--105 { padding-bottom: 105px; } .pl_lp--105 { padding-left: 105px; } .pr_lp--105 { padding-right: 105px; } .mt_lp--105 { margin-top: 105px; } .mb_lp--105 { margin-bottom: 105px; } .ptb_lp--110 { padding: 110px 0; } .plr_lp--110 { padding: 0 110px; } .pt_lp--110 { padding-top: 110px; } .pb_lp--110 { padding-bottom: 110px; } .pl_lp--110 { padding-left: 110px; } .pr_lp--110 { padding-right: 110px; } .mt_lp--110 { margin-top: 110px; } .mb_lp--110 { margin-bottom: 110px; } .ptb_lp--115 { padding: 115px 0; } .plr_lp--115 { padding: 0 115px; } .pt_lp--115 { padding-top: 115px; } .pb_lp--115 { padding-bottom: 115px; } .pl_lp--115 { padding-left: 115px; } .pr_lp--115 { padding-right: 115px; } .mt_lp--115 { margin-top: 115px; } .mb_lp--115 { margin-bottom: 115px; } .ptb_lp--120 { padding: 120px 0; } .plr_lp--120 { padding: 0 120px; } .pt_lp--120 { padding-top: 120px; } .pb_lp--120 { padding-bottom: 120px; } .pl_lp--120 { padding-left: 120px; } .pr_lp--120 { padding-right: 120px; } .mt_lp--120 { margin-top: 120px; } .mb_lp--120 { margin-bottom: 120px; } .ptb_lp--125 { padding: 125px 0; } .plr_lp--125 { padding: 0 125px; } .pt_lp--125 { padding-top: 125px; } .pb_lp--125 { padding-bottom: 125px; } .pl_lp--125 { padding-left: 125px; } .pr_lp--125 { padding-right: 125px; } .mt_lp--125 { margin-top: 125px; } .mb_lp--125 { margin-bottom: 125px; } .ptb_lp--130 { padding: 130px 0; } .plr_lp--130 { padding: 0 130px; } .pt_lp--130 { padding-top: 130px; } .pb_lp--130 { padding-bottom: 130px; } .pl_lp--130 { padding-left: 130px; } .pr_lp--130 { padding-right: 130px; } .mt_lp--130 { margin-top: 130px; } .mb_lp--130 { margin-bottom: 130px; } .ptb_lp--135 { padding: 135px 0; } .plr_lp--135 { padding: 0 135px; } .pt_lp--135 { padding-top: 135px; } .pb_lp--135 { padding-bottom: 135px; } .pl_lp--135 { padding-left: 135px; } .pr_lp--135 { padding-right: 135px; } .mt_lp--135 { margin-top: 135px; } .mb_lp--135 { margin-bottom: 135px; } .ptb_lp--140 { padding: 140px 0; } .plr_lp--140 { padding: 0 140px; } .pt_lp--140 { padding-top: 140px; } .pb_lp--140 { padding-bottom: 140px; } .pl_lp--140 { padding-left: 140px; } .pr_lp--140 { padding-right: 140px; } .mt_lp--140 { margin-top: 140px; } .mb_lp--140 { margin-bottom: 140px; } .ptb_lp--145 { padding: 145px 0; } .plr_lp--145 { padding: 0 145px; } .pt_lp--145 { padding-top: 145px; } .pb_lp--145 { padding-bottom: 145px; } .pl_lp--145 { padding-left: 145px; } .pr_lp--145 { padding-right: 145px; } .mt_lp--145 { margin-top: 145px; } .mb_lp--145 { margin-bottom: 145px; } .ptb_lp--150 { padding: 150px 0; } .plr_lp--150 { padding: 0 150px; } .pt_lp--150 { padding-top: 150px; } .pb_lp--150 { padding-bottom: 150px; } .pl_lp--150 { padding-left: 150px; } .pr_lp--150 { padding-right: 150px; } .mt_lp--150 { margin-top: 150px; } .mb_lp--150 { margin-bottom: 150px; } .ptb_lp--155 { padding: 155px 0; } .plr_lp--155 { padding: 0 155px; } .pt_lp--155 { padding-top: 155px; } .pb_lp--155 { padding-bottom: 155px; } .pl_lp--155 { padding-left: 155px; } .pr_lp--155 { padding-right: 155px; } .mt_lp--155 { margin-top: 155px; } .mb_lp--155 { margin-bottom: 155px; } .ptb_lp--160 { padding: 160px 0; } .plr_lp--160 { padding: 0 160px; } .pt_lp--160 { padding-top: 160px; } .pb_lp--160 { padding-bottom: 160px; } .pl_lp--160 { padding-left: 160px; } .pr_lp--160 { padding-right: 160px; } .mt_lp--160 { margin-top: 160px; } .mb_lp--160 { margin-bottom: 160px; } .ptb_lp--165 { padding: 165px 0; } .plr_lp--165 { padding: 0 165px; } .pt_lp--165 { padding-top: 165px; } .pb_lp--165 { padding-bottom: 165px; } .pl_lp--165 { padding-left: 165px; } .pr_lp--165 { padding-right: 165px; } .mt_lp--165 { margin-top: 165px; } .mb_lp--165 { margin-bottom: 165px; } .ptb_lp--170 { padding: 170px 0; } .plr_lp--170 { padding: 0 170px; } .pt_lp--170 { padding-top: 170px; } .pb_lp--170 { padding-bottom: 170px; } .pl_lp--170 { padding-left: 170px; } .pr_lp--170 { padding-right: 170px; } .mt_lp--170 { margin-top: 170px; } .mb_lp--170 { margin-bottom: 170px; } .ptb_lp--175 { padding: 175px 0; } .plr_lp--175 { padding: 0 175px; } .pt_lp--175 { padding-top: 175px; } .pb_lp--175 { padding-bottom: 175px; } .pl_lp--175 { padding-left: 175px; } .pr_lp--175 { padding-right: 175px; } .mt_lp--175 { margin-top: 175px; } .mb_lp--175 { margin-bottom: 175px; } .ptb_lp--180 { padding: 180px 0; } .plr_lp--180 { padding: 0 180px; } .pt_lp--180 { padding-top: 180px; } .pb_lp--180 { padding-bottom: 180px; } .pl_lp--180 { padding-left: 180px; } .pr_lp--180 { padding-right: 180px; } .mt_lp--180 { margin-top: 180px; } .mb_lp--180 { margin-bottom: 180px; } .ptb_lp--185 { padding: 185px 0; } .plr_lp--185 { padding: 0 185px; } .pt_lp--185 { padding-top: 185px; } .pb_lp--185 { padding-bottom: 185px; } .pl_lp--185 { padding-left: 185px; } .pr_lp--185 { padding-right: 185px; } .mt_lp--185 { margin-top: 185px; } .mb_lp--185 { margin-bottom: 185px; } .ptb_lp--190 { padding: 190px 0; } .plr_lp--190 { padding: 0 190px; } .pt_lp--190 { padding-top: 190px; } .pb_lp--190 { padding-bottom: 190px; } .pl_lp--190 { padding-left: 190px; } .pr_lp--190 { padding-right: 190px; } .mt_lp--190 { margin-top: 190px; } .mb_lp--190 { margin-bottom: 190px; } .ptb_lp--195 { padding: 195px 0; } .plr_lp--195 { padding: 0 195px; } .pt_lp--195 { padding-top: 195px; } .pb_lp--195 { padding-bottom: 195px; } .pl_lp--195 { padding-left: 195px; } .pr_lp--195 { padding-right: 195px; } .mt_lp--195 { margin-top: 195px; } .mb_lp--195 { margin-bottom: 195px; } .ptb_lp--200 { padding: 200px 0; } .plr_lp--200 { padding: 0 200px; } .pt_lp--200 { padding-top: 200px; } .pb_lp--200 { padding-bottom: 200px; } .pl_lp--200 { padding-left: 200px; } .pr_lp--200 { padding-right: 200px; } .mt_lp--200 { margin-top: 200px; } .mb_lp--200 { margin-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ptb_lg--5 { padding: 5px 0 !important; } .plr_lg--5 { padding: 0 5px !important; } .pt_lg--5 { padding-top: 5px !important; } .pb_lg--5 { padding-bottom: 5px !important; } .pl_lg--5 { padding-left: 5px !important; } .pr_lg--5 { padding-right: 5px !important; } .mt_lg--5 { margin-top: 5px !important; } .mb_lg--5 { margin-bottom: 5px !important; } .ml_lg--5 { margin-left: 5px !important; } .ptb_lg--10 { padding: 10px 0 !important; } .plr_lg--10 { padding: 0 10px !important; } .pt_lg--10 { padding-top: 10px !important; } .pb_lg--10 { padding-bottom: 10px !important; } .pl_lg--10 { padding-left: 10px !important; } .pr_lg--10 { padding-right: 10px !important; } .mt_lg--10 { margin-top: 10px !important; } .mb_lg--10 { margin-bottom: 10px !important; } .ml_lg--10 { margin-left: 10px !important; } .ptb_lg--15 { padding: 15px 0 !important; } .plr_lg--15 { padding: 0 15px !important; } .pt_lg--15 { padding-top: 15px !important; } .pb_lg--15 { padding-bottom: 15px !important; } .pl_lg--15 { padding-left: 15px !important; } .pr_lg--15 { padding-right: 15px !important; } .mt_lg--15 { margin-top: 15px !important; } .mb_lg--15 { margin-bottom: 15px !important; } .ml_lg--15 { margin-left: 15px !important; } .ptb_lg--20 { padding: 20px 0 !important; } .plr_lg--20 { padding: 0 20px !important; } .pt_lg--20 { padding-top: 20px !important; } .pb_lg--20 { padding-bottom: 20px !important; } .pl_lg--20 { padding-left: 20px !important; } .pr_lg--20 { padding-right: 20px !important; } .mt_lg--20 { margin-top: 20px !important; } .mb_lg--20 { margin-bottom: 20px !important; } .ml_lg--20 { margin-left: 20px !important; } .ptb_lg--25 { padding: 25px 0 !important; } .plr_lg--25 { padding: 0 25px !important; } .pt_lg--25 { padding-top: 25px !important; } .pb_lg--25 { padding-bottom: 25px !important; } .pl_lg--25 { padding-left: 25px !important; } .pr_lg--25 { padding-right: 25px !important; } .mt_lg--25 { margin-top: 25px !important; } .mb_lg--25 { margin-bottom: 25px !important; } .ml_lg--25 { margin-left: 25px !important; } .ptb_lg--30 { padding: 30px 0 !important; } .plr_lg--30 { padding: 0 30px !important; } .pt_lg--30 { padding-top: 30px !important; } .pb_lg--30 { padding-bottom: 30px !important; } .pl_lg--30 { padding-left: 30px !important; } .pr_lg--30 { padding-right: 30px !important; } .mt_lg--30 { margin-top: 30px !important; } .mb_lg--30 { margin-bottom: 30px !important; } .ml_lg--30 { margin-left: 30px !important; } .ptb_lg--35 { padding: 35px 0 !important; } .plr_lg--35 { padding: 0 35px !important; } .pt_lg--35 { padding-top: 35px !important; } .pb_lg--35 { padding-bottom: 35px !important; } .pl_lg--35 { padding-left: 35px !important; } .pr_lg--35 { padding-right: 35px !important; } .mt_lg--35 { margin-top: 35px !important; } .mb_lg--35 { margin-bottom: 35px !important; } .ml_lg--35 { margin-left: 35px !important; } .ptb_lg--40 { padding: 40px 0 !important; } .plr_lg--40 { padding: 0 40px !important; } .pt_lg--40 { padding-top: 40px !important; } .pb_lg--40 { padding-bottom: 40px !important; } .pl_lg--40 { padding-left: 40px !important; } .pr_lg--40 { padding-right: 40px !important; } .mt_lg--40 { margin-top: 40px !important; } .mb_lg--40 { margin-bottom: 40px !important; } .ml_lg--40 { margin-left: 40px !important; } .ptb_lg--45 { padding: 45px 0 !important; } .plr_lg--45 { padding: 0 45px !important; } .pt_lg--45 { padding-top: 45px !important; } .pb_lg--45 { padding-bottom: 45px !important; } .pl_lg--45 { padding-left: 45px !important; } .pr_lg--45 { padding-right: 45px !important; } .mt_lg--45 { margin-top: 45px !important; } .mb_lg--45 { margin-bottom: 45px !important; } .ml_lg--45 { margin-left: 45px !important; } .ptb_lg--50 { padding: 50px 0 !important; } .plr_lg--50 { padding: 0 50px !important; } .pt_lg--50 { padding-top: 50px !important; } .pb_lg--50 { padding-bottom: 50px !important; } .pl_lg--50 { padding-left: 50px !important; } .pr_lg--50 { padding-right: 50px !important; } .mt_lg--50 { margin-top: 50px !important; } .mb_lg--50 { margin-bottom: 50px !important; } .ml_lg--50 { margin-left: 50px !important; } .ptb_lg--55 { padding: 55px 0 !important; } .plr_lg--55 { padding: 0 55px !important; } .pt_lg--55 { padding-top: 55px !important; } .pb_lg--55 { padding-bottom: 55px !important; } .pl_lg--55 { padding-left: 55px !important; } .pr_lg--55 { padding-right: 55px !important; } .mt_lg--55 { margin-top: 55px !important; } .mb_lg--55 { margin-bottom: 55px !important; } .ml_lg--55 { margin-left: 55px !important; } .ptb_lg--60 { padding: 60px 0 !important; } .plr_lg--60 { padding: 0 60px !important; } .pt_lg--60 { padding-top: 60px !important; } .pb_lg--60 { padding-bottom: 60px !important; } .pl_lg--60 { padding-left: 60px !important; } .pr_lg--60 { padding-right: 60px !important; } .mt_lg--60 { margin-top: 60px !important; } .mb_lg--60 { margin-bottom: 60px !important; } .ml_lg--60 { margin-left: 60px !important; } .ptb_lg--65 { padding: 65px 0 !important; } .plr_lg--65 { padding: 0 65px !important; } .pt_lg--65 { padding-top: 65px !important; } .pb_lg--65 { padding-bottom: 65px !important; } .pl_lg--65 { padding-left: 65px !important; } .pr_lg--65 { padding-right: 65px !important; } .mt_lg--65 { margin-top: 65px !important; } .mb_lg--65 { margin-bottom: 65px !important; } .ml_lg--65 { margin-left: 65px !important; } .ptb_lg--70 { padding: 70px 0 !important; } .plr_lg--70 { padding: 0 70px !important; } .pt_lg--70 { padding-top: 70px !important; } .pb_lg--70 { padding-bottom: 70px !important; } .pl_lg--70 { padding-left: 70px !important; } .pr_lg--70 { padding-right: 70px !important; } .mt_lg--70 { margin-top: 70px !important; } .mb_lg--70 { margin-bottom: 70px !important; } .ml_lg--70 { margin-left: 70px !important; } .ptb_lg--75 { padding: 75px 0 !important; } .plr_lg--75 { padding: 0 75px !important; } .pt_lg--75 { padding-top: 75px !important; } .pb_lg--75 { padding-bottom: 75px !important; } .pl_lg--75 { padding-left: 75px !important; } .pr_lg--75 { padding-right: 75px !important; } .mt_lg--75 { margin-top: 75px !important; } .mb_lg--75 { margin-bottom: 75px !important; } .ml_lg--75 { margin-left: 75px !important; } .ptb_lg--80 { padding: 80px 0 !important; } .plr_lg--80 { padding: 0 80px !important; } .pt_lg--80 { padding-top: 80px !important; } .pb_lg--80 { padding-bottom: 80px !important; } .pl_lg--80 { padding-left: 80px !important; } .pr_lg--80 { padding-right: 80px !important; } .mt_lg--80 { margin-top: 80px !important; } .mb_lg--80 { margin-bottom: 80px !important; } .ml_lg--80 { margin-left: 80px !important; } .ptb_lg--85 { padding: 85px 0 !important; } .plr_lg--85 { padding: 0 85px !important; } .pt_lg--85 { padding-top: 85px !important; } .pb_lg--85 { padding-bottom: 85px !important; } .pl_lg--85 { padding-left: 85px !important; } .pr_lg--85 { padding-right: 85px !important; } .mt_lg--85 { margin-top: 85px !important; } .mb_lg--85 { margin-bottom: 85px !important; } .ml_lg--85 { margin-left: 85px !important; } .ptb_lg--90 { padding: 90px 0 !important; } .plr_lg--90 { padding: 0 90px !important; } .pt_lg--90 { padding-top: 90px !important; } .pb_lg--90 { padding-bottom: 90px !important; } .pl_lg--90 { padding-left: 90px !important; } .pr_lg--90 { padding-right: 90px !important; } .mt_lg--90 { margin-top: 90px !important; } .mb_lg--90 { margin-bottom: 90px !important; } .ml_lg--90 { margin-left: 90px !important; } .ptb_lg--95 { padding: 95px 0 !important; } .plr_lg--95 { padding: 0 95px !important; } .pt_lg--95 { padding-top: 95px !important; } .pb_lg--95 { padding-bottom: 95px !important; } .pl_lg--95 { padding-left: 95px !important; } .pr_lg--95 { padding-right: 95px !important; } .mt_lg--95 { margin-top: 95px !important; } .mb_lg--95 { margin-bottom: 95px !important; } .ml_lg--95 { margin-left: 95px !important; } .ptb_lg--100 { padding: 100px 0 !important; } .plr_lg--100 { padding: 0 100px !important; } .pt_lg--100 { padding-top: 100px !important; } .pb_lg--100 { padding-bottom: 100px !important; } .pl_lg--100 { padding-left: 100px !important; } .pr_lg--100 { padding-right: 100px !important; } .mt_lg--100 { margin-top: 100px !important; } .mb_lg--100 { margin-bottom: 100px !important; } .ml_lg--100 { margin-left: 100px !important; } .ptb_lg--105 { padding: 105px 0 !important; } .plr_lg--105 { padding: 0 105px !important; } .pt_lg--105 { padding-top: 105px !important; } .pb_lg--105 { padding-bottom: 105px !important; } .pl_lg--105 { padding-left: 105px !important; } .pr_lg--105 { padding-right: 105px !important; } .mt_lg--105 { margin-top: 105px !important; } .mb_lg--105 { margin-bottom: 105px !important; } .ml_lg--105 { margin-left: 105px !important; } .ptb_lg--110 { padding: 110px 0 !important; } .plr_lg--110 { padding: 0 110px !important; } .pt_lg--110 { padding-top: 110px !important; } .pb_lg--110 { padding-bottom: 110px !important; } .pl_lg--110 { padding-left: 110px !important; } .pr_lg--110 { padding-right: 110px !important; } .mt_lg--110 { margin-top: 110px !important; } .mb_lg--110 { margin-bottom: 110px !important; } .ml_lg--110 { margin-left: 110px !important; } .ptb_lg--115 { padding: 115px 0 !important; } .plr_lg--115 { padding: 0 115px !important; } .pt_lg--115 { padding-top: 115px !important; } .pb_lg--115 { padding-bottom: 115px !important; } .pl_lg--115 { padding-left: 115px !important; } .pr_lg--115 { padding-right: 115px !important; } .mt_lg--115 { margin-top: 115px !important; } .mb_lg--115 { margin-bottom: 115px !important; } .ml_lg--115 { margin-left: 115px !important; } .ptb_lg--120 { padding: 120px 0 !important; } .plr_lg--120 { padding: 0 120px !important; } .pt_lg--120 { padding-top: 120px !important; } .pb_lg--120 { padding-bottom: 120px !important; } .pl_lg--120 { padding-left: 120px !important; } .pr_lg--120 { padding-right: 120px !important; } .mt_lg--120 { margin-top: 120px !important; } .mb_lg--120 { margin-bottom: 120px !important; } .ml_lg--120 { margin-left: 120px !important; } .ptb_lg--125 { padding: 125px 0 !important; } .plr_lg--125 { padding: 0 125px !important; } .pt_lg--125 { padding-top: 125px !important; } .pb_lg--125 { padding-bottom: 125px !important; } .pl_lg--125 { padding-left: 125px !important; } .pr_lg--125 { padding-right: 125px !important; } .mt_lg--125 { margin-top: 125px !important; } .mb_lg--125 { margin-bottom: 125px !important; } .ml_lg--125 { margin-left: 125px !important; } .ptb_lg--130 { padding: 130px 0 !important; } .plr_lg--130 { padding: 0 130px !important; } .pt_lg--130 { padding-top: 130px !important; } .pb_lg--130 { padding-bottom: 130px !important; } .pl_lg--130 { padding-left: 130px !important; } .pr_lg--130 { padding-right: 130px !important; } .mt_lg--130 { margin-top: 130px !important; } .mb_lg--130 { margin-bottom: 130px !important; } .ml_lg--130 { margin-left: 130px !important; } .ptb_lg--135 { padding: 135px 0 !important; } .plr_lg--135 { padding: 0 135px !important; } .pt_lg--135 { padding-top: 135px !important; } .pb_lg--135 { padding-bottom: 135px !important; } .pl_lg--135 { padding-left: 135px !important; } .pr_lg--135 { padding-right: 135px !important; } .mt_lg--135 { margin-top: 135px !important; } .mb_lg--135 { margin-bottom: 135px !important; } .ml_lg--135 { margin-left: 135px !important; } .ptb_lg--140 { padding: 140px 0 !important; } .plr_lg--140 { padding: 0 140px !important; } .pt_lg--140 { padding-top: 140px !important; } .pb_lg--140 { padding-bottom: 140px !important; } .pl_lg--140 { padding-left: 140px !important; } .pr_lg--140 { padding-right: 140px !important; } .mt_lg--140 { margin-top: 140px !important; } .mb_lg--140 { margin-bottom: 140px !important; } .ml_lg--140 { margin-left: 140px !important; } .ptb_lg--145 { padding: 145px 0 !important; } .plr_lg--145 { padding: 0 145px !important; } .pt_lg--145 { padding-top: 145px !important; } .pb_lg--145 { padding-bottom: 145px !important; } .pl_lg--145 { padding-left: 145px !important; } .pr_lg--145 { padding-right: 145px !important; } .mt_lg--145 { margin-top: 145px !important; } .mb_lg--145 { margin-bottom: 145px !important; } .ml_lg--145 { margin-left: 145px !important; } .ptb_lg--150 { padding: 150px 0 !important; } .plr_lg--150 { padding: 0 150px !important; } .pt_lg--150 { padding-top: 150px !important; } .pb_lg--150 { padding-bottom: 150px !important; } .pl_lg--150 { padding-left: 150px !important; } .pr_lg--150 { padding-right: 150px !important; } .mt_lg--150 { margin-top: 150px !important; } .mb_lg--150 { margin-bottom: 150px !important; } .ml_lg--150 { margin-left: 150px !important; } .ptb_lg--155 { padding: 155px 0 !important; } .plr_lg--155 { padding: 0 155px !important; } .pt_lg--155 { padding-top: 155px !important; } .pb_lg--155 { padding-bottom: 155px !important; } .pl_lg--155 { padding-left: 155px !important; } .pr_lg--155 { padding-right: 155px !important; } .mt_lg--155 { margin-top: 155px !important; } .mb_lg--155 { margin-bottom: 155px !important; } .ml_lg--155 { margin-left: 155px !important; } .ptb_lg--160 { padding: 160px 0 !important; } .plr_lg--160 { padding: 0 160px !important; } .pt_lg--160 { padding-top: 160px !important; } .pb_lg--160 { padding-bottom: 160px !important; } .pl_lg--160 { padding-left: 160px !important; } .pr_lg--160 { padding-right: 160px !important; } .mt_lg--160 { margin-top: 160px !important; } .mb_lg--160 { margin-bottom: 160px !important; } .ml_lg--160 { margin-left: 160px !important; } .ptb_lg--165 { padding: 165px 0 !important; } .plr_lg--165 { padding: 0 165px !important; } .pt_lg--165 { padding-top: 165px !important; } .pb_lg--165 { padding-bottom: 165px !important; } .pl_lg--165 { padding-left: 165px !important; } .pr_lg--165 { padding-right: 165px !important; } .mt_lg--165 { margin-top: 165px !important; } .mb_lg--165 { margin-bottom: 165px !important; } .ml_lg--165 { margin-left: 165px !important; } .ptb_lg--170 { padding: 170px 0 !important; } .plr_lg--170 { padding: 0 170px !important; } .pt_lg--170 { padding-top: 170px !important; } .pb_lg--170 { padding-bottom: 170px !important; } .pl_lg--170 { padding-left: 170px !important; } .pr_lg--170 { padding-right: 170px !important; } .mt_lg--170 { margin-top: 170px !important; } .mb_lg--170 { margin-bottom: 170px !important; } .ml_lg--170 { margin-left: 170px !important; } .ptb_lg--175 { padding: 175px 0 !important; } .plr_lg--175 { padding: 0 175px !important; } .pt_lg--175 { padding-top: 175px !important; } .pb_lg--175 { padding-bottom: 175px !important; } .pl_lg--175 { padding-left: 175px !important; } .pr_lg--175 { padding-right: 175px !important; } .mt_lg--175 { margin-top: 175px !important; } .mb_lg--175 { margin-bottom: 175px !important; } .ml_lg--175 { margin-left: 175px !important; } .ptb_lg--180 { padding: 180px 0 !important; } .plr_lg--180 { padding: 0 180px !important; } .pt_lg--180 { padding-top: 180px !important; } .pb_lg--180 { padding-bottom: 180px !important; } .pl_lg--180 { padding-left: 180px !important; } .pr_lg--180 { padding-right: 180px !important; } .mt_lg--180 { margin-top: 180px !important; } .mb_lg--180 { margin-bottom: 180px !important; } .ml_lg--180 { margin-left: 180px !important; } .ptb_lg--185 { padding: 185px 0 !important; } .plr_lg--185 { padding: 0 185px !important; } .pt_lg--185 { padding-top: 185px !important; } .pb_lg--185 { padding-bottom: 185px !important; } .pl_lg--185 { padding-left: 185px !important; } .pr_lg--185 { padding-right: 185px !important; } .mt_lg--185 { margin-top: 185px !important; } .mb_lg--185 { margin-bottom: 185px !important; } .ml_lg--185 { margin-left: 185px !important; } .ptb_lg--190 { padding: 190px 0 !important; } .plr_lg--190 { padding: 0 190px !important; } .pt_lg--190 { padding-top: 190px !important; } .pb_lg--190 { padding-bottom: 190px !important; } .pl_lg--190 { padding-left: 190px !important; } .pr_lg--190 { padding-right: 190px !important; } .mt_lg--190 { margin-top: 190px !important; } .mb_lg--190 { margin-bottom: 190px !important; } .ml_lg--190 { margin-left: 190px !important; } .ptb_lg--195 { padding: 195px 0 !important; } .plr_lg--195 { padding: 0 195px !important; } .pt_lg--195 { padding-top: 195px !important; } .pb_lg--195 { padding-bottom: 195px !important; } .pl_lg--195 { padding-left: 195px !important; } .pr_lg--195 { padding-right: 195px !important; } .mt_lg--195 { margin-top: 195px !important; } .mb_lg--195 { margin-bottom: 195px !important; } .ml_lg--195 { margin-left: 195px !important; } .ptb_lg--200 { padding: 200px 0 !important; } .plr_lg--200 { padding: 0 200px !important; } .pt_lg--200 { padding-top: 200px !important; } .pb_lg--200 { padding-bottom: 200px !important; } .pl_lg--200 { padding-left: 200px !important; } .pr_lg--200 { padding-right: 200px !important; } .mt_lg--200 { margin-top: 200px !important; } .mb_lg--200 { margin-bottom: 200px !important; } .ml_lg--200 { margin-left: 200px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ptb_md--0 { padding: 0 !important; } .pl_md--0 { padding-left: 0 !important; } .pr_md--0 { padding-right: 0 !important; } .pt_md--0 { padding-top: 0 !important; } .pb_md--0 { padding-bottom: 0 !important; } .mr_md--0 { margin-right: 0 !important; } .ml_md--0 { margin-left: 0 !important; } .mt_md--0 { margin-top: 0 !important; } .mb_md--0 { margin-bottom: 0 !important; } .ptb_md--250 { padding: 250px 0 !important; } .ptb_md--5 { padding: 5px 0 !important; } .plr_md--5 { padding: 0 5px !important; } .pt_md--5 { padding-top: 5px !important; } .pb_md--5 { padding-bottom: 5px !important; } .pl_md--5 { padding-left: 5px !important; } .pr_md--5 { padding-right: 5px !important; } .mt_md--5 { margin-top: 5px !important; } .mb_md--5 { margin-bottom: 5px !important; } .ptb_md--10 { padding: 10px 0 !important; } .plr_md--10 { padding: 0 10px !important; } .pt_md--10 { padding-top: 10px !important; } .pb_md--10 { padding-bottom: 10px !important; } .pl_md--10 { padding-left: 10px !important; } .pr_md--10 { padding-right: 10px !important; } .mt_md--10 { margin-top: 10px !important; } .mb_md--10 { margin-bottom: 10px !important; } .ptb_md--15 { padding: 15px 0 !important; } .plr_md--15 { padding: 0 15px !important; } .pt_md--15 { padding-top: 15px !important; } .pb_md--15 { padding-bottom: 15px !important; } .pl_md--15 { padding-left: 15px !important; } .pr_md--15 { padding-right: 15px !important; } .mt_md--15 { margin-top: 15px !important; } .mb_md--15 { margin-bottom: 15px !important; } .ptb_md--20 { padding: 20px 0 !important; } .plr_md--20 { padding: 0 20px !important; } .pt_md--20 { padding-top: 20px !important; } .pb_md--20 { padding-bottom: 20px !important; } .pl_md--20 { padding-left: 20px !important; } .pr_md--20 { padding-right: 20px !important; } .mt_md--20 { margin-top: 20px !important; } .mb_md--20 { margin-bottom: 20px !important; } .ptb_md--25 { padding: 25px 0 !important; } .plr_md--25 { padding: 0 25px !important; } .pt_md--25 { padding-top: 25px !important; } .pb_md--25 { padding-bottom: 25px !important; } .pl_md--25 { padding-left: 25px !important; } .pr_md--25 { padding-right: 25px !important; } .mt_md--25 { margin-top: 25px !important; } .mb_md--25 { margin-bottom: 25px !important; } .ptb_md--30 { padding: 30px 0 !important; } .plr_md--30 { padding: 0 30px !important; } .pt_md--30 { padding-top: 30px !important; } .pb_md--30 { padding-bottom: 30px !important; } .pl_md--30 { padding-left: 30px !important; } .pr_md--30 { padding-right: 30px !important; } .mt_md--30 { margin-top: 30px !important; } .mb_md--30 { margin-bottom: 30px !important; } .ptb_md--35 { padding: 35px 0 !important; } .plr_md--35 { padding: 0 35px !important; } .pt_md--35 { padding-top: 35px !important; } .pb_md--35 { padding-bottom: 35px !important; } .pl_md--35 { padding-left: 35px !important; } .pr_md--35 { padding-right: 35px !important; } .mt_md--35 { margin-top: 35px !important; } .mb_md--35 { margin-bottom: 35px !important; } .ptb_md--40 { padding: 40px 0 !important; } .plr_md--40 { padding: 0 40px !important; } .pt_md--40 { padding-top: 40px !important; } .pb_md--40 { padding-bottom: 40px !important; } .pl_md--40 { padding-left: 40px !important; } .pr_md--40 { padding-right: 40px !important; } .mt_md--40 { margin-top: 40px !important; } .mb_md--40 { margin-bottom: 40px !important; } .ptb_md--45 { padding: 45px 0 !important; } .plr_md--45 { padding: 0 45px !important; } .pt_md--45 { padding-top: 45px !important; } .pb_md--45 { padding-bottom: 45px !important; } .pl_md--45 { padding-left: 45px !important; } .pr_md--45 { padding-right: 45px !important; } .mt_md--45 { margin-top: 45px !important; } .mb_md--45 { margin-bottom: 45px !important; } .ptb_md--50 { padding: 50px 0 !important; } .plr_md--50 { padding: 0 50px !important; } .pt_md--50 { padding-top: 50px !important; } .pb_md--50 { padding-bottom: 50px !important; } .pl_md--50 { padding-left: 50px !important; } .pr_md--50 { padding-right: 50px !important; } .mt_md--50 { margin-top: 50px !important; } .mb_md--50 { margin-bottom: 50px !important; } .ptb_md--55 { padding: 55px 0 !important; } .plr_md--55 { padding: 0 55px !important; } .pt_md--55 { padding-top: 55px !important; } .pb_md--55 { padding-bottom: 55px !important; } .pl_md--55 { padding-left: 55px !important; } .pr_md--55 { padding-right: 55px !important; } .mt_md--55 { margin-top: 55px !important; } .mb_md--55 { margin-bottom: 55px !important; } .ptb_md--60 { padding: 60px 0 !important; } .plr_md--60 { padding: 0 60px !important; } .pt_md--60 { padding-top: 60px !important; } .pb_md--60 { padding-bottom: 60px !important; } .pl_md--60 { padding-left: 60px !important; } .pr_md--60 { padding-right: 60px !important; } .mt_md--60 { margin-top: 60px !important; } .mb_md--60 { margin-bottom: 60px !important; } .ptb_md--65 { padding: 65px 0 !important; } .plr_md--65 { padding: 0 65px !important; } .pt_md--65 { padding-top: 65px !important; } .pb_md--65 { padding-bottom: 65px !important; } .pl_md--65 { padding-left: 65px !important; } .pr_md--65 { padding-right: 65px !important; } .mt_md--65 { margin-top: 65px !important; } .mb_md--65 { margin-bottom: 65px !important; } .ptb_md--70 { padding: 70px 0 !important; } .plr_md--70 { padding: 0 70px !important; } .pt_md--70 { padding-top: 70px !important; } .pb_md--70 { padding-bottom: 70px !important; } .pl_md--70 { padding-left: 70px !important; } .pr_md--70 { padding-right: 70px !important; } .mt_md--70 { margin-top: 70px !important; } .mb_md--70 { margin-bottom: 70px !important; } .ptb_md--75 { padding: 75px 0 !important; } .plr_md--75 { padding: 0 75px !important; } .pt_md--75 { padding-top: 75px !important; } .pb_md--75 { padding-bottom: 75px !important; } .pl_md--75 { padding-left: 75px !important; } .pr_md--75 { padding-right: 75px !important; } .mt_md--75 { margin-top: 75px !important; } .mb_md--75 { margin-bottom: 75px !important; } .ptb_md--80 { padding: 80px 0 !important; } .plr_md--80 { padding: 0 80px !important; } .pt_md--80 { padding-top: 80px !important; } .pb_md--80 { padding-bottom: 80px !important; } .pl_md--80 { padding-left: 80px !important; } .pr_md--80 { padding-right: 80px !important; } .mt_md--80 { margin-top: 80px !important; } .mb_md--80 { margin-bottom: 80px !important; } .ptb_md--85 { padding: 85px 0 !important; } .plr_md--85 { padding: 0 85px !important; } .pt_md--85 { padding-top: 85px !important; } .pb_md--85 { padding-bottom: 85px !important; } .pl_md--85 { padding-left: 85px !important; } .pr_md--85 { padding-right: 85px !important; } .mt_md--85 { margin-top: 85px !important; } .mb_md--85 { margin-bottom: 85px !important; } .ptb_md--90 { padding: 90px 0 !important; } .plr_md--90 { padding: 0 90px !important; } .pt_md--90 { padding-top: 90px !important; } .pb_md--90 { padding-bottom: 90px !important; } .pl_md--90 { padding-left: 90px !important; } .pr_md--90 { padding-right: 90px !important; } .mt_md--90 { margin-top: 90px !important; } .mb_md--90 { margin-bottom: 90px !important; } .ptb_md--95 { padding: 95px 0 !important; } .plr_md--95 { padding: 0 95px !important; } .pt_md--95 { padding-top: 95px !important; } .pb_md--95 { padding-bottom: 95px !important; } .pl_md--95 { padding-left: 95px !important; } .pr_md--95 { padding-right: 95px !important; } .mt_md--95 { margin-top: 95px !important; } .mb_md--95 { margin-bottom: 95px !important; } .ptb_md--100 { padding: 100px 0 !important; } .plr_md--100 { padding: 0 100px !important; } .pt_md--100 { padding-top: 100px !important; } .pb_md--100 { padding-bottom: 100px !important; } .pl_md--100 { padding-left: 100px !important; } .pr_md--100 { padding-right: 100px !important; } .mt_md--100 { margin-top: 100px !important; } .mb_md--100 { margin-bottom: 100px !important; } .ptb_md--105 { padding: 105px 0 !important; } .plr_md--105 { padding: 0 105px !important; } .pt_md--105 { padding-top: 105px !important; } .pb_md--105 { padding-bottom: 105px !important; } .pl_md--105 { padding-left: 105px !important; } .pr_md--105 { padding-right: 105px !important; } .mt_md--105 { margin-top: 105px !important; } .mb_md--105 { margin-bottom: 105px !important; } .ptb_md--110 { padding: 110px 0 !important; } .plr_md--110 { padding: 0 110px !important; } .pt_md--110 { padding-top: 110px !important; } .pb_md--110 { padding-bottom: 110px !important; } .pl_md--110 { padding-left: 110px !important; } .pr_md--110 { padding-right: 110px !important; } .mt_md--110 { margin-top: 110px !important; } .mb_md--110 { margin-bottom: 110px !important; } .ptb_md--115 { padding: 115px 0 !important; } .plr_md--115 { padding: 0 115px !important; } .pt_md--115 { padding-top: 115px !important; } .pb_md--115 { padding-bottom: 115px !important; } .pl_md--115 { padding-left: 115px !important; } .pr_md--115 { padding-right: 115px !important; } .mt_md--115 { margin-top: 115px !important; } .mb_md--115 { margin-bottom: 115px !important; } .ptb_md--120 { padding: 120px 0 !important; } .plr_md--120 { padding: 0 120px !important; } .pt_md--120 { padding-top: 120px !important; } .pb_md--120 { padding-bottom: 120px !important; } .pl_md--120 { padding-left: 120px !important; } .pr_md--120 { padding-right: 120px !important; } .mt_md--120 { margin-top: 120px !important; } .mb_md--120 { margin-bottom: 120px !important; } .ptb_md--125 { padding: 125px 0 !important; } .plr_md--125 { padding: 0 125px !important; } .pt_md--125 { padding-top: 125px !important; } .pb_md--125 { padding-bottom: 125px !important; } .pl_md--125 { padding-left: 125px !important; } .pr_md--125 { padding-right: 125px !important; } .mt_md--125 { margin-top: 125px !important; } .mb_md--125 { margin-bottom: 125px !important; } .ptb_md--130 { padding: 130px 0 !important; } .plr_md--130 { padding: 0 130px !important; } .pt_md--130 { padding-top: 130px !important; } .pb_md--130 { padding-bottom: 130px !important; } .pl_md--130 { padding-left: 130px !important; } .pr_md--130 { padding-right: 130px !important; } .mt_md--130 { margin-top: 130px !important; } .mb_md--130 { margin-bottom: 130px !important; } .ptb_md--135 { padding: 135px 0 !important; } .plr_md--135 { padding: 0 135px !important; } .pt_md--135 { padding-top: 135px !important; } .pb_md--135 { padding-bottom: 135px !important; } .pl_md--135 { padding-left: 135px !important; } .pr_md--135 { padding-right: 135px !important; } .mt_md--135 { margin-top: 135px !important; } .mb_md--135 { margin-bottom: 135px !important; } .ptb_md--140 { padding: 140px 0 !important; } .plr_md--140 { padding: 0 140px !important; } .pt_md--140 { padding-top: 140px !important; } .pb_md--140 { padding-bottom: 140px !important; } .pl_md--140 { padding-left: 140px !important; } .pr_md--140 { padding-right: 140px !important; } .mt_md--140 { margin-top: 140px !important; } .mb_md--140 { margin-bottom: 140px !important; } .ptb_md--145 { padding: 145px 0 !important; } .plr_md--145 { padding: 0 145px !important; } .pt_md--145 { padding-top: 145px !important; } .pb_md--145 { padding-bottom: 145px !important; } .pl_md--145 { padding-left: 145px !important; } .pr_md--145 { padding-right: 145px !important; } .mt_md--145 { margin-top: 145px !important; } .mb_md--145 { margin-bottom: 145px !important; } .ptb_md--150 { padding: 150px 0 !important; } .plr_md--150 { padding: 0 150px !important; } .pt_md--150 { padding-top: 150px !important; } .pb_md--150 { padding-bottom: 150px !important; } .pl_md--150 { padding-left: 150px !important; } .pr_md--150 { padding-right: 150px !important; } .mt_md--150 { margin-top: 150px !important; } .mb_md--150 { margin-bottom: 150px !important; } .ptb_md--155 { padding: 155px 0 !important; } .plr_md--155 { padding: 0 155px !important; } .pt_md--155 { padding-top: 155px !important; } .pb_md--155 { padding-bottom: 155px !important; } .pl_md--155 { padding-left: 155px !important; } .pr_md--155 { padding-right: 155px !important; } .mt_md--155 { margin-top: 155px !important; } .mb_md--155 { margin-bottom: 155px !important; } .ptb_md--160 { padding: 160px 0 !important; } .plr_md--160 { padding: 0 160px !important; } .pt_md--160 { padding-top: 160px !important; } .pb_md--160 { padding-bottom: 160px !important; } .pl_md--160 { padding-left: 160px !important; } .pr_md--160 { padding-right: 160px !important; } .mt_md--160 { margin-top: 160px !important; } .mb_md--160 { margin-bottom: 160px !important; } .ptb_md--165 { padding: 165px 0 !important; } .plr_md--165 { padding: 0 165px !important; } .pt_md--165 { padding-top: 165px !important; } .pb_md--165 { padding-bottom: 165px !important; } .pl_md--165 { padding-left: 165px !important; } .pr_md--165 { padding-right: 165px !important; } .mt_md--165 { margin-top: 165px !important; } .mb_md--165 { margin-bottom: 165px !important; } .ptb_md--170 { padding: 170px 0 !important; } .plr_md--170 { padding: 0 170px !important; } .pt_md--170 { padding-top: 170px !important; } .pb_md--170 { padding-bottom: 170px !important; } .pl_md--170 { padding-left: 170px !important; } .pr_md--170 { padding-right: 170px !important; } .mt_md--170 { margin-top: 170px !important; } .mb_md--170 { margin-bottom: 170px !important; } .ptb_md--175 { padding: 175px 0 !important; } .plr_md--175 { padding: 0 175px !important; } .pt_md--175 { padding-top: 175px !important; } .pb_md--175 { padding-bottom: 175px !important; } .pl_md--175 { padding-left: 175px !important; } .pr_md--175 { padding-right: 175px !important; } .mt_md--175 { margin-top: 175px !important; } .mb_md--175 { margin-bottom: 175px !important; } .ptb_md--180 { padding: 180px 0 !important; } .plr_md--180 { padding: 0 180px !important; } .pt_md--180 { padding-top: 180px !important; } .pb_md--180 { padding-bottom: 180px !important; } .pl_md--180 { padding-left: 180px !important; } .pr_md--180 { padding-right: 180px !important; } .mt_md--180 { margin-top: 180px !important; } .mb_md--180 { margin-bottom: 180px !important; } .ptb_md--185 { padding: 185px 0 !important; } .plr_md--185 { padding: 0 185px !important; } .pt_md--185 { padding-top: 185px !important; } .pb_md--185 { padding-bottom: 185px !important; } .pl_md--185 { padding-left: 185px !important; } .pr_md--185 { padding-right: 185px !important; } .mt_md--185 { margin-top: 185px !important; } .mb_md--185 { margin-bottom: 185px !important; } .ptb_md--190 { padding: 190px 0 !important; } .plr_md--190 { padding: 0 190px !important; } .pt_md--190 { padding-top: 190px !important; } .pb_md--190 { padding-bottom: 190px !important; } .pl_md--190 { padding-left: 190px !important; } .pr_md--190 { padding-right: 190px !important; } .mt_md--190 { margin-top: 190px !important; } .mb_md--190 { margin-bottom: 190px !important; } .ptb_md--195 { padding: 195px 0 !important; } .plr_md--195 { padding: 0 195px !important; } .pt_md--195 { padding-top: 195px !important; } .pb_md--195 { padding-bottom: 195px !important; } .pl_md--195 { padding-left: 195px !important; } .pr_md--195 { padding-right: 195px !important; } .mt_md--195 { margin-top: 195px !important; } .mb_md--195 { margin-bottom: 195px !important; } .ptb_md--200 { padding: 200px 0 !important; } .plr_md--200 { padding: 0 200px !important; } .pt_md--200 { padding-top: 200px !important; } .pb_md--200 { padding-bottom: 200px !important; } .pl_md--200 { padding-left: 200px !important; } .pr_md--200 { padding-right: 200px !important; } .mt_md--200 { margin-top: 200px !important; } .mb_md--200 { margin-bottom: 200px !important; } } @media only screen and (max-width: 767px) { .ptb_sm--250 { padding: 250px 0 !important; } .ptb_sm--0 { padding: 0 !important; } .pl_sm--0 { padding-left: 0 !important; } .pr_sm--0 { padding-right: 0 !important; } .pt_sm--0 { padding-top: 0 !important; } .pb_sm--0 { padding-bottom: 0 !important; } .mr_sm--0 { margin-right: 0 !important; } .ml_sm--0 { margin-left: 0 !important; } .mt_sm--0 { margin-top: 0 !important; } .mb_sm--0 { margin-bottom: 0 !important; } .pt_sm--150 { padding-top: 150px !important; } .pb_sm--110 { padding-bottom: 110px !important; } .ptb_sm--5 { padding: 5px 0 !important; } .plr_sm--5 { padding: 0 5px !important; } .pt_sm--5 { padding-top: 5px !important; } .pb_sm--5 { padding-bottom: 5px !important; } .pl_sm--5 { padding-left: 5px !important; } .pr_sm--5 { padding-right: 5px !important; } .mt_sm--5 { margin-top: 5px !important; } .ml_sm--5 { margin-left: 5px !important; } .mr_sm--5 { margin-right: 5px !important; } .mb_sm--5 { margin-bottom: 5px !important; } .ptb_sm--10 { padding: 10px 0 !important; } .plr_sm--10 { padding: 0 10px !important; } .pt_sm--10 { padding-top: 10px !important; } .pb_sm--10 { padding-bottom: 10px !important; } .pl_sm--10 { padding-left: 10px !important; } .pr_sm--10 { padding-right: 10px !important; } .mt_sm--10 { margin-top: 10px !important; } .ml_sm--10 { margin-left: 10px !important; } .mr_sm--10 { margin-right: 10px !important; } .mb_sm--10 { margin-bottom: 10px !important; } .ptb_sm--15 { padding: 15px 0 !important; } .plr_sm--15 { padding: 0 15px !important; } .pt_sm--15 { padding-top: 15px !important; } .pb_sm--15 { padding-bottom: 15px !important; } .pl_sm--15 { padding-left: 15px !important; } .pr_sm--15 { padding-right: 15px !important; } .mt_sm--15 { margin-top: 15px !important; } .ml_sm--15 { margin-left: 15px !important; } .mr_sm--15 { margin-right: 15px !important; } .mb_sm--15 { margin-bottom: 15px !important; } .ptb_sm--20 { padding: 20px 0 !important; } .plr_sm--20 { padding: 0 20px !important; } .pt_sm--20 { padding-top: 20px !important; } .pb_sm--20 { padding-bottom: 20px !important; } .pl_sm--20 { padding-left: 20px !important; } .pr_sm--20 { padding-right: 20px !important; } .mt_sm--20 { margin-top: 20px !important; } .ml_sm--20 { margin-left: 20px !important; } .mr_sm--20 { margin-right: 20px !important; } .mb_sm--20 { margin-bottom: 20px !important; } .ptb_sm--25 { padding: 25px 0 !important; } .plr_sm--25 { padding: 0 25px !important; } .pt_sm--25 { padding-top: 25px !important; } .pb_sm--25 { padding-bottom: 25px !important; } .pl_sm--25 { padding-left: 25px !important; } .pr_sm--25 { padding-right: 25px !important; } .mt_sm--25 { margin-top: 25px !important; } .ml_sm--25 { margin-left: 25px !important; } .mr_sm--25 { margin-right: 25px !important; } .mb_sm--25 { margin-bottom: 25px !important; } .ptb_sm--30 { padding: 30px 0 !important; } .plr_sm--30 { padding: 0 30px !important; } .pt_sm--30 { padding-top: 30px !important; } .pb_sm--30 { padding-bottom: 30px !important; } .pl_sm--30 { padding-left: 30px !important; } .pr_sm--30 { padding-right: 30px !important; } .mt_sm--30 { margin-top: 30px !important; } .ml_sm--30 { margin-left: 30px !important; } .mr_sm--30 { margin-right: 30px !important; } .mb_sm--30 { margin-bottom: 30px !important; } .ptb_sm--35 { padding: 35px 0 !important; } .plr_sm--35 { padding: 0 35px !important; } .pt_sm--35 { padding-top: 35px !important; } .pb_sm--35 { padding-bottom: 35px !important; } .pl_sm--35 { padding-left: 35px !important; } .pr_sm--35 { padding-right: 35px !important; } .mt_sm--35 { margin-top: 35px !important; } .ml_sm--35 { margin-left: 35px !important; } .mr_sm--35 { margin-right: 35px !important; } .mb_sm--35 { margin-bottom: 35px !important; } .ptb_sm--40 { padding: 40px 0 !important; } .plr_sm--40 { padding: 0 40px !important; } .pt_sm--40 { padding-top: 40px !important; } .pb_sm--40 { padding-bottom: 40px !important; } .pl_sm--40 { padding-left: 40px !important; } .pr_sm--40 { padding-right: 40px !important; } .mt_sm--40 { margin-top: 40px !important; } .ml_sm--40 { margin-left: 40px !important; } .mr_sm--40 { margin-right: 40px !important; } .mb_sm--40 { margin-bottom: 40px !important; } .ptb_sm--45 { padding: 45px 0 !important; } .plr_sm--45 { padding: 0 45px !important; } .pt_sm--45 { padding-top: 45px !important; } .pb_sm--45 { padding-bottom: 45px !important; } .pl_sm--45 { padding-left: 45px !important; } .pr_sm--45 { padding-right: 45px !important; } .mt_sm--45 { margin-top: 45px !important; } .ml_sm--45 { margin-left: 45px !important; } .mr_sm--45 { margin-right: 45px !important; } .mb_sm--45 { margin-bottom: 45px !important; } .ptb_sm--50 { padding: 50px 0 !important; } .plr_sm--50 { padding: 0 50px !important; } .pt_sm--50 { padding-top: 50px !important; } .pb_sm--50 { padding-bottom: 50px !important; } .pl_sm--50 { padding-left: 50px !important; } .pr_sm--50 { padding-right: 50px !important; } .mt_sm--50 { margin-top: 50px !important; } .ml_sm--50 { margin-left: 50px !important; } .mr_sm--50 { margin-right: 50px !important; } .mb_sm--50 { margin-bottom: 50px !important; } .ptb_sm--55 { padding: 55px 0 !important; } .plr_sm--55 { padding: 0 55px !important; } .pt_sm--55 { padding-top: 55px !important; } .pb_sm--55 { padding-bottom: 55px !important; } .pl_sm--55 { padding-left: 55px !important; } .pr_sm--55 { padding-right: 55px !important; } .mt_sm--55 { margin-top: 55px !important; } .ml_sm--55 { margin-left: 55px !important; } .mr_sm--55 { margin-right: 55px !important; } .mb_sm--55 { margin-bottom: 55px !important; } .ptb_sm--60 { padding: 60px 0 !important; } .plr_sm--60 { padding: 0 60px !important; } .pt_sm--60 { padding-top: 60px !important; } .pb_sm--60 { padding-bottom: 60px !important; } .pl_sm--60 { padding-left: 60px !important; } .pr_sm--60 { padding-right: 60px !important; } .mt_sm--60 { margin-top: 60px !important; } .ml_sm--60 { margin-left: 60px !important; } .mr_sm--60 { margin-right: 60px !important; } .mb_sm--60 { margin-bottom: 60px !important; } .ptb_sm--65 { padding: 65px 0 !important; } .plr_sm--65 { padding: 0 65px !important; } .pt_sm--65 { padding-top: 65px !important; } .pb_sm--65 { padding-bottom: 65px !important; } .pl_sm--65 { padding-left: 65px !important; } .pr_sm--65 { padding-right: 65px !important; } .mt_sm--65 { margin-top: 65px !important; } .ml_sm--65 { margin-left: 65px !important; } .mr_sm--65 { margin-right: 65px !important; } .mb_sm--65 { margin-bottom: 65px !important; } .ptb_sm--70 { padding: 70px 0 !important; } .plr_sm--70 { padding: 0 70px !important; } .pt_sm--70 { padding-top: 70px !important; } .pb_sm--70 { padding-bottom: 70px !important; } .pl_sm--70 { padding-left: 70px !important; } .pr_sm--70 { padding-right: 70px !important; } .mt_sm--70 { margin-top: 70px !important; } .ml_sm--70 { margin-left: 70px !important; } .mr_sm--70 { margin-right: 70px !important; } .mb_sm--70 { margin-bottom: 70px !important; } .ptb_sm--75 { padding: 75px 0 !important; } .plr_sm--75 { padding: 0 75px !important; } .pt_sm--75 { padding-top: 75px !important; } .pb_sm--75 { padding-bottom: 75px !important; } .pl_sm--75 { padding-left: 75px !important; } .pr_sm--75 { padding-right: 75px !important; } .mt_sm--75 { margin-top: 75px !important; } .ml_sm--75 { margin-left: 75px !important; } .mr_sm--75 { margin-right: 75px !important; } .mb_sm--75 { margin-bottom: 75px !important; } .ptb_sm--80 { padding: 80px 0 !important; } .plr_sm--80 { padding: 0 80px !important; } .pt_sm--80 { padding-top: 80px !important; } .pb_sm--80 { padding-bottom: 80px !important; } .pl_sm--80 { padding-left: 80px !important; } .pr_sm--80 { padding-right: 80px !important; } .mt_sm--80 { margin-top: 80px !important; } .ml_sm--80 { margin-left: 80px !important; } .mr_sm--80 { margin-right: 80px !important; } .mb_sm--80 { margin-bottom: 80px !important; } .ptb_sm--85 { padding: 85px 0 !important; } .plr_sm--85 { padding: 0 85px !important; } .pt_sm--85 { padding-top: 85px !important; } .pb_sm--85 { padding-bottom: 85px !important; } .pl_sm--85 { padding-left: 85px !important; } .pr_sm--85 { padding-right: 85px !important; } .mt_sm--85 { margin-top: 85px !important; } .ml_sm--85 { margin-left: 85px !important; } .mr_sm--85 { margin-right: 85px !important; } .mb_sm--85 { margin-bottom: 85px !important; } .ptb_sm--90 { padding: 90px 0 !important; } .plr_sm--90 { padding: 0 90px !important; } .pt_sm--90 { padding-top: 90px !important; } .pb_sm--90 { padding-bottom: 90px !important; } .pl_sm--90 { padding-left: 90px !important; } .pr_sm--90 { padding-right: 90px !important; } .mt_sm--90 { margin-top: 90px !important; } .ml_sm--90 { margin-left: 90px !important; } .mr_sm--90 { margin-right: 90px !important; } .mb_sm--90 { margin-bottom: 90px !important; } .ptb_sm--95 { padding: 95px 0 !important; } .plr_sm--95 { padding: 0 95px !important; } .pt_sm--95 { padding-top: 95px !important; } .pb_sm--95 { padding-bottom: 95px !important; } .pl_sm--95 { padding-left: 95px !important; } .pr_sm--95 { padding-right: 95px !important; } .mt_sm--95 { margin-top: 95px !important; } .ml_sm--95 { margin-left: 95px !important; } .mr_sm--95 { margin-right: 95px !important; } .mb_sm--95 { margin-bottom: 95px !important; } .ptb_sm--100 { padding: 100px 0 !important; } .plr_sm--100 { padding: 0 100px !important; } .pt_sm--100 { padding-top: 100px !important; } .pb_sm--100 { padding-bottom: 100px !important; } .pl_sm--100 { padding-left: 100px !important; } .pr_sm--100 { padding-right: 100px !important; } .mt_sm--100 { margin-top: 100px !important; } .ml_sm--100 { margin-left: 100px !important; } .mr_sm--100 { margin-right: 100px !important; } .mb_sm--100 { margin-bottom: 100px !important; } .ptb_sm--105 { padding: 105px 0 !important; } .plr_sm--105 { padding: 0 105px !important; } .pt_sm--105 { padding-top: 105px !important; } .pb_sm--105 { padding-bottom: 105px !important; } .pl_sm--105 { padding-left: 105px !important; } .pr_sm--105 { padding-right: 105px !important; } .mt_sm--105 { margin-top: 105px !important; } .ml_sm--105 { margin-left: 105px !important; } .mr_sm--105 { margin-right: 105px !important; } .mb_sm--105 { margin-bottom: 105px !important; } .ptb_sm--110 { padding: 110px 0 !important; } .plr_sm--110 { padding: 0 110px !important; } .pt_sm--110 { padding-top: 110px !important; } .pb_sm--110 { padding-bottom: 110px !important; } .pl_sm--110 { padding-left: 110px !important; } .pr_sm--110 { padding-right: 110px !important; } .mt_sm--110 { margin-top: 110px !important; } .ml_sm--110 { margin-left: 110px !important; } .mr_sm--110 { margin-right: 110px !important; } .mb_sm--110 { margin-bottom: 110px !important; } .ptb_sm--115 { padding: 115px 0 !important; } .plr_sm--115 { padding: 0 115px !important; } .pt_sm--115 { padding-top: 115px !important; } .pb_sm--115 { padding-bottom: 115px !important; } .pl_sm--115 { padding-left: 115px !important; } .pr_sm--115 { padding-right: 115px !important; } .mt_sm--115 { margin-top: 115px !important; } .ml_sm--115 { margin-left: 115px !important; } .mr_sm--115 { margin-right: 115px !important; } .mb_sm--115 { margin-bottom: 115px !important; } .ptb_sm--120 { padding: 120px 0 !important; } .plr_sm--120 { padding: 0 120px !important; } .pt_sm--120 { padding-top: 120px !important; } .pb_sm--120 { padding-bottom: 120px !important; } .pl_sm--120 { padding-left: 120px !important; } .pr_sm--120 { padding-right: 120px !important; } .mt_sm--120 { margin-top: 120px !important; } .ml_sm--120 { margin-left: 120px !important; } .mr_sm--120 { margin-right: 120px !important; } .mb_sm--120 { margin-bottom: 120px !important; } .ptb_sm--125 { padding: 125px 0 !important; } .plr_sm--125 { padding: 0 125px !important; } .pt_sm--125 { padding-top: 125px !important; } .pb_sm--125 { padding-bottom: 125px !important; } .pl_sm--125 { padding-left: 125px !important; } .pr_sm--125 { padding-right: 125px !important; } .mt_sm--125 { margin-top: 125px !important; } .ml_sm--125 { margin-left: 125px !important; } .mr_sm--125 { margin-right: 125px !important; } .mb_sm--125 { margin-bottom: 125px !important; } .ptb_sm--130 { padding: 130px 0 !important; } .plr_sm--130 { padding: 0 130px !important; } .pt_sm--130 { padding-top: 130px !important; } .pb_sm--130 { padding-bottom: 130px !important; } .pl_sm--130 { padding-left: 130px !important; } .pr_sm--130 { padding-right: 130px !important; } .mt_sm--130 { margin-top: 130px !important; } .ml_sm--130 { margin-left: 130px !important; } .mr_sm--130 { margin-right: 130px !important; } .mb_sm--130 { margin-bottom: 130px !important; } .ptb_sm--135 { padding: 135px 0 !important; } .plr_sm--135 { padding: 0 135px !important; } .pt_sm--135 { padding-top: 135px !important; } .pb_sm--135 { padding-bottom: 135px !important; } .pl_sm--135 { padding-left: 135px !important; } .pr_sm--135 { padding-right: 135px !important; } .mt_sm--135 { margin-top: 135px !important; } .ml_sm--135 { margin-left: 135px !important; } .mr_sm--135 { margin-right: 135px !important; } .mb_sm--135 { margin-bottom: 135px !important; } .ptb_sm--140 { padding: 140px 0 !important; } .plr_sm--140 { padding: 0 140px !important; } .pt_sm--140 { padding-top: 140px !important; } .pb_sm--140 { padding-bottom: 140px !important; } .pl_sm--140 { padding-left: 140px !important; } .pr_sm--140 { padding-right: 140px !important; } .mt_sm--140 { margin-top: 140px !important; } .ml_sm--140 { margin-left: 140px !important; } .mr_sm--140 { margin-right: 140px !important; } .mb_sm--140 { margin-bottom: 140px !important; } .ptb_sm--145 { padding: 145px 0 !important; } .plr_sm--145 { padding: 0 145px !important; } .pt_sm--145 { padding-top: 145px !important; } .pb_sm--145 { padding-bottom: 145px !important; } .pl_sm--145 { padding-left: 145px !important; } .pr_sm--145 { padding-right: 145px !important; } .mt_sm--145 { margin-top: 145px !important; } .ml_sm--145 { margin-left: 145px !important; } .mr_sm--145 { margin-right: 145px !important; } .mb_sm--145 { margin-bottom: 145px !important; } .ptb_sm--150 { padding: 150px 0 !important; } .plr_sm--150 { padding: 0 150px !important; } .pt_sm--150 { padding-top: 150px !important; } .pb_sm--150 { padding-bottom: 150px !important; } .pl_sm--150 { padding-left: 150px !important; } .pr_sm--150 { padding-right: 150px !important; } .mt_sm--150 { margin-top: 150px !important; } .ml_sm--150 { margin-left: 150px !important; } .mr_sm--150 { margin-right: 150px !important; } .mb_sm--150 { margin-bottom: 150px !important; } .ptb_sm--155 { padding: 155px 0 !important; } .plr_sm--155 { padding: 0 155px !important; } .pt_sm--155 { padding-top: 155px !important; } .pb_sm--155 { padding-bottom: 155px !important; } .pl_sm--155 { padding-left: 155px !important; } .pr_sm--155 { padding-right: 155px !important; } .mt_sm--155 { margin-top: 155px !important; } .ml_sm--155 { margin-left: 155px !important; } .mr_sm--155 { margin-right: 155px !important; } .mb_sm--155 { margin-bottom: 155px !important; } .ptb_sm--160 { padding: 160px 0 !important; } .plr_sm--160 { padding: 0 160px !important; } .pt_sm--160 { padding-top: 160px !important; } .pb_sm--160 { padding-bottom: 160px !important; } .pl_sm--160 { padding-left: 160px !important; } .pr_sm--160 { padding-right: 160px !important; } .mt_sm--160 { margin-top: 160px !important; } .ml_sm--160 { margin-left: 160px !important; } .mr_sm--160 { margin-right: 160px !important; } .mb_sm--160 { margin-bottom: 160px !important; } .ptb_sm--165 { padding: 165px 0 !important; } .plr_sm--165 { padding: 0 165px !important; } .pt_sm--165 { padding-top: 165px !important; } .pb_sm--165 { padding-bottom: 165px !important; } .pl_sm--165 { padding-left: 165px !important; } .pr_sm--165 { padding-right: 165px !important; } .mt_sm--165 { margin-top: 165px !important; } .ml_sm--165 { margin-left: 165px !important; } .mr_sm--165 { margin-right: 165px !important; } .mb_sm--165 { margin-bottom: 165px !important; } .ptb_sm--170 { padding: 170px 0 !important; } .plr_sm--170 { padding: 0 170px !important; } .pt_sm--170 { padding-top: 170px !important; } .pb_sm--170 { padding-bottom: 170px !important; } .pl_sm--170 { padding-left: 170px !important; } .pr_sm--170 { padding-right: 170px !important; } .mt_sm--170 { margin-top: 170px !important; } .ml_sm--170 { margin-left: 170px !important; } .mr_sm--170 { margin-right: 170px !important; } .mb_sm--170 { margin-bottom: 170px !important; } .ptb_sm--175 { padding: 175px 0 !important; } .plr_sm--175 { padding: 0 175px !important; } .pt_sm--175 { padding-top: 175px !important; } .pb_sm--175 { padding-bottom: 175px !important; } .pl_sm--175 { padding-left: 175px !important; } .pr_sm--175 { padding-right: 175px !important; } .mt_sm--175 { margin-top: 175px !important; } .ml_sm--175 { margin-left: 175px !important; } .mr_sm--175 { margin-right: 175px !important; } .mb_sm--175 { margin-bottom: 175px !important; } .ptb_sm--180 { padding: 180px 0 !important; } .plr_sm--180 { padding: 0 180px !important; } .pt_sm--180 { padding-top: 180px !important; } .pb_sm--180 { padding-bottom: 180px !important; } .pl_sm--180 { padding-left: 180px !important; } .pr_sm--180 { padding-right: 180px !important; } .mt_sm--180 { margin-top: 180px !important; } .ml_sm--180 { margin-left: 180px !important; } .mr_sm--180 { margin-right: 180px !important; } .mb_sm--180 { margin-bottom: 180px !important; } .ptb_sm--185 { padding: 185px 0 !important; } .plr_sm--185 { padding: 0 185px !important; } .pt_sm--185 { padding-top: 185px !important; } .pb_sm--185 { padding-bottom: 185px !important; } .pl_sm--185 { padding-left: 185px !important; } .pr_sm--185 { padding-right: 185px !important; } .mt_sm--185 { margin-top: 185px !important; } .ml_sm--185 { margin-left: 185px !important; } .mr_sm--185 { margin-right: 185px !important; } .mb_sm--185 { margin-bottom: 185px !important; } .ptb_sm--190 { padding: 190px 0 !important; } .plr_sm--190 { padding: 0 190px !important; } .pt_sm--190 { padding-top: 190px !important; } .pb_sm--190 { padding-bottom: 190px !important; } .pl_sm--190 { padding-left: 190px !important; } .pr_sm--190 { padding-right: 190px !important; } .mt_sm--190 { margin-top: 190px !important; } .ml_sm--190 { margin-left: 190px !important; } .mr_sm--190 { margin-right: 190px !important; } .mb_sm--190 { margin-bottom: 190px !important; } .ptb_sm--195 { padding: 195px 0 !important; } .plr_sm--195 { padding: 0 195px !important; } .pt_sm--195 { padding-top: 195px !important; } .pb_sm--195 { padding-bottom: 195px !important; } .pl_sm--195 { padding-left: 195px !important; } .pr_sm--195 { padding-right: 195px !important; } .mt_sm--195 { margin-top: 195px !important; } .ml_sm--195 { margin-left: 195px !important; } .mr_sm--195 { margin-right: 195px !important; } .mb_sm--195 { margin-bottom: 195px !important; } .ptb_sm--200 { padding: 200px 0 !important; } .plr_sm--200 { padding: 0 200px !important; } .pt_sm--200 { padding-top: 200px !important; } .pb_sm--200 { padding-bottom: 200px !important; } .pl_sm--200 { padding-left: 200px !important; } .pr_sm--200 { padding-right: 200px !important; } .mt_sm--200 { margin-top: 200px !important; } .ml_sm--200 { margin-left: 200px !important; } .mr_sm--200 { margin-right: 200px !important; } .mb_sm--200 { margin-bottom: 200px !important; } .pl_sm--0 { padding-left: 0; } .pr_sm--0 { padding-right: 0; } .pt_sm--0 { padding-top: 0; } .pb_sm--0 { padding-bottom: 0; } .mr_sm--0 { margin-right: 0; } .ml_sm--0 { margin-left: 0; } .mt_sm--0 { margin-top: 0; } .mb_sm--0 { margin-bottom: 0; } } @media only screen and (max-width: 575px) { .ptb_mobile--5 { padding: 5px 0 !important; } .plr_mobile--5 { padding: 0 5px !important; } .pt_mobile--5 { padding-top: 5px !important; } .pb_mobile--5 { padding-bottom: 5px !important; } .pl_mobile--5 { padding-left: 5px !important; } .pr_mobile--5 { padding-right: 5px !important; } .mt_mobile--5 { margin-top: 5px !important; } .mb_mobile--5 { margin-bottom: 5px !important; } .ptb_mobile--10 { padding: 10px 0 !important; } .plr_mobile--10 { padding: 0 10px !important; } .pt_mobile--10 { padding-top: 10px !important; } .pb_mobile--10 { padding-bottom: 10px !important; } .pl_mobile--10 { padding-left: 10px !important; } .pr_mobile--10 { padding-right: 10px !important; } .mt_mobile--10 { margin-top: 10px !important; } .mb_mobile--10 { margin-bottom: 10px !important; } .ptb_mobile--15 { padding: 15px 0 !important; } .plr_mobile--15 { padding: 0 15px !important; } .pt_mobile--15 { padding-top: 15px !important; } .pb_mobile--15 { padding-bottom: 15px !important; } .pl_mobile--15 { padding-left: 15px !important; } .pr_mobile--15 { padding-right: 15px !important; } .mt_mobile--15 { margin-top: 15px !important; } .mb_mobile--15 { margin-bottom: 15px !important; } .ptb_mobile--20 { padding: 20px 0 !important; } .plr_mobile--20 { padding: 0 20px !important; } .pt_mobile--20 { padding-top: 20px !important; } .pb_mobile--20 { padding-bottom: 20px !important; } .pl_mobile--20 { padding-left: 20px !important; } .pr_mobile--20 { padding-right: 20px !important; } .mt_mobile--20 { margin-top: 20px !important; } .mb_mobile--20 { margin-bottom: 20px !important; } .ptb_mobile--25 { padding: 25px 0 !important; } .plr_mobile--25 { padding: 0 25px !important; } .pt_mobile--25 { padding-top: 25px !important; } .pb_mobile--25 { padding-bottom: 25px !important; } .pl_mobile--25 { padding-left: 25px !important; } .pr_mobile--25 { padding-right: 25px !important; } .mt_mobile--25 { margin-top: 25px !important; } .mb_mobile--25 { margin-bottom: 25px !important; } .ptb_mobile--30 { padding: 30px 0 !important; } .plr_mobile--30 { padding: 0 30px !important; } .pt_mobile--30 { padding-top: 30px !important; } .pb_mobile--30 { padding-bottom: 30px !important; } .pl_mobile--30 { padding-left: 30px !important; } .pr_mobile--30 { padding-right: 30px !important; } .mt_mobile--30 { margin-top: 30px !important; } .mb_mobile--30 { margin-bottom: 30px !important; } .ptb_mobile--35 { padding: 35px 0 !important; } .plr_mobile--35 { padding: 0 35px !important; } .pt_mobile--35 { padding-top: 35px !important; } .pb_mobile--35 { padding-bottom: 35px !important; } .pl_mobile--35 { padding-left: 35px !important; } .pr_mobile--35 { padding-right: 35px !important; } .mt_mobile--35 { margin-top: 35px !important; } .mb_mobile--35 { margin-bottom: 35px !important; } .ptb_mobile--40 { padding: 40px 0 !important; } .plr_mobile--40 { padding: 0 40px !important; } .pt_mobile--40 { padding-top: 40px !important; } .pb_mobile--40 { padding-bottom: 40px !important; } .pl_mobile--40 { padding-left: 40px !important; } .pr_mobile--40 { padding-right: 40px !important; } .mt_mobile--40 { margin-top: 40px !important; } .mb_mobile--40 { margin-bottom: 40px !important; } .ptb_mobile--45 { padding: 45px 0 !important; } .plr_mobile--45 { padding: 0 45px !important; } .pt_mobile--45 { padding-top: 45px !important; } .pb_mobile--45 { padding-bottom: 45px !important; } .pl_mobile--45 { padding-left: 45px !important; } .pr_mobile--45 { padding-right: 45px !important; } .mt_mobile--45 { margin-top: 45px !important; } .mb_mobile--45 { margin-bottom: 45px !important; } .ptb_mobile--50 { padding: 50px 0 !important; } .plr_mobile--50 { padding: 0 50px !important; } .pt_mobile--50 { padding-top: 50px !important; } .pb_mobile--50 { padding-bottom: 50px !important; } .pl_mobile--50 { padding-left: 50px !important; } .pr_mobile--50 { padding-right: 50px !important; } .mt_mobile--50 { margin-top: 50px !important; } .mb_mobile--50 { margin-bottom: 50px !important; } .ptb_mobile--55 { padding: 55px 0 !important; } .plr_mobile--55 { padding: 0 55px !important; } .pt_mobile--55 { padding-top: 55px !important; } .pb_mobile--55 { padding-bottom: 55px !important; } .pl_mobile--55 { padding-left: 55px !important; } .pr_mobile--55 { padding-right: 55px !important; } .mt_mobile--55 { margin-top: 55px !important; } .mb_mobile--55 { margin-bottom: 55px !important; } .ptb_mobile--60 { padding: 60px 0 !important; } .plr_mobile--60 { padding: 0 60px !important; } .pt_mobile--60 { padding-top: 60px !important; } .pb_mobile--60 { padding-bottom: 60px !important; } .pl_mobile--60 { padding-left: 60px !important; } .pr_mobile--60 { padding-right: 60px !important; } .mt_mobile--60 { margin-top: 60px !important; } .mb_mobile--60 { margin-bottom: 60px !important; } .ptb_mobile--65 { padding: 65px 0 !important; } .plr_mobile--65 { padding: 0 65px !important; } .pt_mobile--65 { padding-top: 65px !important; } .pb_mobile--65 { padding-bottom: 65px !important; } .pl_mobile--65 { padding-left: 65px !important; } .pr_mobile--65 { padding-right: 65px !important; } .mt_mobile--65 { margin-top: 65px !important; } .mb_mobile--65 { margin-bottom: 65px !important; } .ptb_mobile--70 { padding: 70px 0 !important; } .plr_mobile--70 { padding: 0 70px !important; } .pt_mobile--70 { padding-top: 70px !important; } .pb_mobile--70 { padding-bottom: 70px !important; } .pl_mobile--70 { padding-left: 70px !important; } .pr_mobile--70 { padding-right: 70px !important; } .mt_mobile--70 { margin-top: 70px !important; } .mb_mobile--70 { margin-bottom: 70px !important; } .ptb_mobile--75 { padding: 75px 0 !important; } .plr_mobile--75 { padding: 0 75px !important; } .pt_mobile--75 { padding-top: 75px !important; } .pb_mobile--75 { padding-bottom: 75px !important; } .pl_mobile--75 { padding-left: 75px !important; } .pr_mobile--75 { padding-right: 75px !important; } .mt_mobile--75 { margin-top: 75px !important; } .mb_mobile--75 { margin-bottom: 75px !important; } .ptb_mobile--80 { padding: 80px 0 !important; } .plr_mobile--80 { padding: 0 80px !important; } .pt_mobile--80 { padding-top: 80px !important; } .pb_mobile--80 { padding-bottom: 80px !important; } .pl_mobile--80 { padding-left: 80px !important; } .pr_mobile--80 { padding-right: 80px !important; } .mt_mobile--80 { margin-top: 80px !important; } .mb_mobile--80 { margin-bottom: 80px !important; } .ptb_mobile--85 { padding: 85px 0 !important; } .plr_mobile--85 { padding: 0 85px !important; } .pt_mobile--85 { padding-top: 85px !important; } .pb_mobile--85 { padding-bottom: 85px !important; } .pl_mobile--85 { padding-left: 85px !important; } .pr_mobile--85 { padding-right: 85px !important; } .mt_mobile--85 { margin-top: 85px !important; } .mb_mobile--85 { margin-bottom: 85px !important; } .ptb_mobile--90 { padding: 90px 0 !important; } .plr_mobile--90 { padding: 0 90px !important; } .pt_mobile--90 { padding-top: 90px !important; } .pb_mobile--90 { padding-bottom: 90px !important; } .pl_mobile--90 { padding-left: 90px !important; } .pr_mobile--90 { padding-right: 90px !important; } .mt_mobile--90 { margin-top: 90px !important; } .mb_mobile--90 { margin-bottom: 90px !important; } .ptb_mobile--95 { padding: 95px 0 !important; } .plr_mobile--95 { padding: 0 95px !important; } .pt_mobile--95 { padding-top: 95px !important; } .pb_mobile--95 { padding-bottom: 95px !important; } .pl_mobile--95 { padding-left: 95px !important; } .pr_mobile--95 { padding-right: 95px !important; } .mt_mobile--95 { margin-top: 95px !important; } .mb_mobile--95 { margin-bottom: 95px !important; } .ptb_mobile--100 { padding: 100px 0 !important; } .plr_mobile--100 { padding: 0 100px !important; } .pt_mobile--100 { padding-top: 100px !important; } .pb_mobile--100 { padding-bottom: 100px !important; } .pl_mobile--100 { padding-left: 100px !important; } .pr_mobile--100 { padding-right: 100px !important; } .mt_mobile--100 { margin-top: 100px !important; } .mb_mobile--100 { margin-bottom: 100px !important; } } .slick-gutter-5 { margin-left: -5px; margin-right: -5px; } .slick-gutter-5 .slick-slide { padding-left: 5px; padding-right: 5px; } .slick-gutter-10 { margin-left: -10px; margin-right: -10px; } .slick-gutter-10 .slick-slide { padding-left: 10px; padding-right: 10px; } .slick-gutter-15 { margin-left: -15px; margin-right: -15px; } .slick-gutter-15 .slick-slide { padding-left: 15px; padding-right: 15px; } .slick-gutter-20 { margin-left: -20px; margin-right: -20px; } .slick-gutter-20 .slick-slide { padding-left: 20px; padding-right: 20px; } .slick-gutter-25 { margin-left: -25px; margin-right: -25px; } .slick-gutter-25 .slick-slide { padding-left: 25px; padding-right: 25px; } .slick-gutter-30 { margin-left: -30px; margin-right: -30px; } .slick-gutter-30 .slick-slide { padding-left: 30px; padding-right: 30px; } .slick-gutter-35 { margin-left: -35px; margin-right: -35px; } .slick-gutter-35 .slick-slide { padding-left: 35px; padding-right: 35px; } .slick-gutter-40 { margin-left: -40px; margin-right: -40px; } .slick-gutter-40 .slick-slide { padding-left: 40px; padding-right: 40px; } .slick-gutter-45 { margin-left: -45px; margin-right: -45px; } .slick-gutter-45 .slick-slide { padding-left: 45px; padding-right: 45px; } .slick-gutter-50 { margin-left: -50px; margin-right: -50px; } .slick-gutter-50 .slick-slide { padding-left: 50px; padding-right: 50px; } .slick-gutter-55 { margin-left: -55px; margin-right: -55px; } .slick-gutter-55 .slick-slide { padding-left: 55px; padding-right: 55px; } .slick-gutter-60 { margin-left: -60px; margin-right: -60px; } .slick-gutter-60 .slick-slide { padding-left: 60px; padding-right: 60px; } .slick-gutter-65 { margin-left: -65px; margin-right: -65px; } .slick-gutter-65 .slick-slide { padding-left: 65px; padding-right: 65px; } .slick-gutter-70 { margin-left: -70px; margin-right: -70px; } .slick-gutter-70 .slick-slide { padding-left: 70px; padding-right: 70px; } .slick-gutter-75 { margin-left: -75px; margin-right: -75px; } .slick-gutter-75 .slick-slide { padding-left: 75px; padding-right: 75px; } .slick-gutter-80 { margin-left: -80px; margin-right: -80px; } .slick-gutter-80 .slick-slide { padding-left: 80px; padding-right: 80px; } .slick-gutter-85 { margin-left: -85px; margin-right: -85px; } .slick-gutter-85 .slick-slide { padding-left: 85px; padding-right: 85px; } .slick-gutter-90 { margin-left: -90px; margin-right: -90px; } .slick-gutter-90 .slick-slide { padding-left: 90px; padding-right: 90px; } .slick-gutter-95 { margin-left: -95px; margin-right: -95px; } .slick-gutter-95 .slick-slide { padding-left: 95px; padding-right: 95px; } .slick-gutter-100 { margin-left: -100px; margin-right: -100px; } .slick-gutter-100 .slick-slide { padding-left: 100px; padding-right: 100px; } .mt-dec-30 { margin-top: -30px !important; } .mt_dec--30 { margin-top: -30px !important; } .mt-dec-100 { margin-top: -100px !important; } @media only screen and (max-width: 479px) { .small-margin-pricing { margin-bottom: 25px !important; } } @media only screen and (max-width: 479px) { .contact-input { margin-bottom: 35px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mb_dec--35 { margin-bottom: -50px; } } @media only screen and (max-width: 767px) { .mb_dec--35 { margin-bottom: -75px; } } @media only screen and (max-width: 575px) { .mb_dec--35 { margin-bottom: 0; } } @media only screen and (max-width: 575px) { .mt-contact-sm { margin-top: 30px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-pb { padding-bottom: 35px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-input { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .contact-input { padding-bottom: 30px; } } .pb_xl--130 { padding-bottom: 130px; } @media only screen and (max-width: 1199px) { .pb_xl--130 { padding-bottom: 110px; } } @media only screen and (max-width: 1199px) { .mt_experience { margin-top: -10px; } } .mt_dec--120 { margin-top: -120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .plr_md--0 { padding-left: 0 !important; padding-right: 0 !important; } } .padding-contorler-am-slide { padding-left: 246px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .padding-contorler-am-slide { padding-left: 100px; } } @media only screen and (max-width: 1199px) { .padding-contorler-am-slide { padding-left: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .padding-contorler-am-slide { padding-left: 50px; } } @media only screen and (max-width: 767px) { .padding-contorler-am-slide { padding-left: 15px; } } .padding-contorler-am-slide-11 { padding-left: 246px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .padding-contorler-am-slide-11 { padding-left: 100px; } } @media only screen and (max-width: 1199px) { .padding-contorler-am-slide-11 { padding-left: 0; } } .padding-contorler-am-slide-right { padding-right: 200px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .padding-contorler-am-slide-right { padding-right: 30px; } } @media only screen and (max-width: 1199px) { .padding-contorler-am-slide-right { padding-right: 30px; padding-top: 50px; } } @media only screen and (max-width: 767px) { .padding-contorler-am-slide-right { padding-right: 30px; padding-top: 50px; } } .g-24 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; } .g-40 { --bs-gutter-x: 40px; --bs-gutter-y: 40px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } a { color: var(--color-heading); text-decoration: none; outline: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--color-primary); } a:focus { outline: none; } address { margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } mark { background: var(--color-primary); color: #ffffff; } code, kbd, pre, samp { font-size: var(--font-size-b3); -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--color-primary); } kbd, ins { color: #ffffff; } pre { font-family: "Raleway", sans-serif; font-size: var(--font-size-b3); margin: 10px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: var(--color-body); background: var(--color-lighter); } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-top: 0; margin-bottom: 10px; } dd { margin: 0 15px 15px; } dt { font-weight: bold; color: var(--color-heading); } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } li>ul, li>ol { margin: 0; } ol ul { margin-bottom: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid var(--color-border); margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px; } input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } caption, th, td { font-weight: normal; } th { font-weight: 500; text-transform: uppercase; } td, .wp-block-calendar tfoot td { border: 1px solid var(--color-border); padding: 7px 10px; } del { color: #333; } ins { background: rgba(255, 47, 47, 0.4); text-decoration: none; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } table a, table a:link, table a:visited { text-decoration: underline; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 15px 15px; } caption { caption-side: top; } kbd { background: var(--heading-color); } dfn, cite, em { font-style: italic; } /* BlockQuote  */ blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: var(--font-size-b1); font-style: italic; font-weight: var(--p-light); margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: var(--font-size-b3); font-weight: normal; } blockquote strong, blockquote b { font-weight: 700; } /* ========= Forms Styles ========= */ input, button, select, textarea { background: transparent; border: 1px solid var(--color-border); transition: all 0.4s ease-out 0s; color: var(--color-body); width: 100%; } input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: var(--color-primary); } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } input { height: 40px; padding: 0 15px; } input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { font-size: var(--font-size-b2); font-weight: 400; height: auto; line-height: 28px; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 15px; outline: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); /* -- Placeholder -- */ } input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: var(--body-color); /* Firefox */ opacity: 1; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--body-color); } input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--body-color); } input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active, input[type=password].p-holder__active, .input-active input[type=password], input[type=password].input-active, input[type=email].p-holder__active, .input-active input[type=email], input[type=email].input-active, input[type=number].p-holder__active, .input-active input[type=number], input[type=number].input-active, input[type=tel].p-holder__active, .input-active input[type=tel], input[type=tel].input-active, textarea.p-holder__active, textarea.input-active { border-color: var(--color-primary); /* -- Placeholder -- */ } input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder, input[type=password].p-holder__active::placeholder, .input-active input[type=password]::placeholder, input[type=password].input-active::placeholder, input[type=email].p-holder__active::placeholder, .input-active input[type=email]::placeholder, input[type=email].input-active::placeholder, input[type=number].p-holder__active::placeholder, .input-active input[type=number]::placeholder, input[type=number].input-active::placeholder, input[type=tel].p-holder__active::placeholder, .input-active input[type=tel]::placeholder, input[type=tel].input-active::placeholder, textarea.p-holder__active::placeholder, textarea.input-active::placeholder { color: var(--color-primary); /* Firefox */ opacity: 1; } input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder, input[type=password].p-holder__active:-ms-input-placeholder, .input-active input[type=password]:-ms-input-placeholder, input[type=password].input-active:-ms-input-placeholder, input[type=email].p-holder__active:-ms-input-placeholder, .input-active input[type=email]:-ms-input-placeholder, input[type=email].input-active:-ms-input-placeholder, input[type=number].p-holder__active:-ms-input-placeholder, .input-active input[type=number]:-ms-input-placeholder, input[type=number].input-active:-ms-input-placeholder, input[type=tel].p-holder__active:-ms-input-placeholder, .input-active input[type=tel]:-ms-input-placeholder, input[type=tel].input-active:-ms-input-placeholder, textarea.p-holder__active:-ms-input-placeholder, textarea.input-active:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-primary); } input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder, input[type=password].p-holder__active::-ms-input-placeholder, .input-active input[type=password]::-ms-input-placeholder, input[type=password].input-active::-ms-input-placeholder, input[type=email].p-holder__active::-ms-input-placeholder, .input-active input[type=email]::-ms-input-placeholder, input[type=email].input-active::-ms-input-placeholder, input[type=number].p-holder__active::-ms-input-placeholder, .input-active input[type=number]::-ms-input-placeholder, input[type=number].input-active::-ms-input-placeholder, input[type=tel].p-holder__active::-ms-input-placeholder, .input-active input[type=tel]::-ms-input-placeholder, input[type=tel].input-active::-ms-input-placeholder, textarea.p-holder__active::-ms-input-placeholder, textarea.input-active::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-primary); } input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error, input[type=password].p-holder__error, .input-error input[type=password], input[type=password].input-error, input[type=email].p-holder__error, .input-error input[type=email], input[type=email].input-error, input[type=number].p-holder__error, .input-error input[type=number], input[type=number].input-error, input[type=tel].p-holder__error, .input-error input[type=tel], input[type=tel].input-error, textarea.p-holder__error, textarea.input-error { border-color: #f4282d; /* -- Placeholder -- */ } input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder, input[type=password].p-holder__error::placeholder, .input-error input[type=password]::placeholder, input[type=password].input-error::placeholder, input[type=email].p-holder__error::placeholder, .input-error input[type=email]::placeholder, input[type=email].input-error::placeholder, input[type=number].p-holder__error::placeholder, .input-error input[type=number]::placeholder, input[type=number].input-error::placeholder, input[type=tel].p-holder__error::placeholder, .input-error input[type=tel]::placeholder, input[type=tel].input-error::placeholder, textarea.p-holder__error::placeholder, textarea.input-error::placeholder { color: #f4282d; /* Firefox */ opacity: 1; } input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder, input[type=password].p-holder__error:-ms-input-placeholder, .input-error input[type=password]:-ms-input-placeholder, input[type=password].input-error:-ms-input-placeholder, input[type=email].p-holder__error:-ms-input-placeholder, .input-error input[type=email]:-ms-input-placeholder, input[type=email].input-error:-ms-input-placeholder, input[type=number].p-holder__error:-ms-input-placeholder, .input-error input[type=number]:-ms-input-placeholder, input[type=number].input-error:-ms-input-placeholder, input[type=tel].p-holder__error:-ms-input-placeholder, .input-error input[type=tel]:-ms-input-placeholder, input[type=tel].input-error:-ms-input-placeholder, textarea.p-holder__error:-ms-input-placeholder, textarea.input-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f4282d; } input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder, input[type=password].p-holder__error::-ms-input-placeholder, .input-error input[type=password]::-ms-input-placeholder, input[type=password].input-error::-ms-input-placeholder, input[type=email].p-holder__error::-ms-input-placeholder, .input-error input[type=email]::-ms-input-placeholder, input[type=email].input-error::-ms-input-placeholder, input[type=number].p-holder__error::-ms-input-placeholder, .input-error input[type=number]::-ms-input-placeholder, input[type=number].input-error::-ms-input-placeholder, input[type=tel].p-holder__error::-ms-input-placeholder, .input-error input[type=tel]::-ms-input-placeholder, input[type=tel].input-error::-ms-input-placeholder, textarea.p-holder__error::-ms-input-placeholder, textarea.input-error::-ms-input-placeholder { /* Microsoft Edge */ color: #f4282d; } input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus, input[type=password].p-holder__error:focus, .input-error input[type=password]:focus, input[type=password].input-error:focus, input[type=email].p-holder__error:focus, .input-error input[type=email]:focus, input[type=email].input-error:focus, input[type=number].p-holder__error:focus, .input-error input[type=number]:focus, input[type=number].input-error:focus, input[type=tel].p-holder__error:focus, .input-error input[type=tel]:focus, input[type=tel].input-error:focus, textarea.p-holder__error:focus, textarea.input-error:focus { border-color: #f4282d; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus { border-color: var(--color-primary); } input[type=checkbox], input[type=radio] { opacity: 0; position: absolute; } input[type=checkbox]~label, input[type=radio]~label { position: relative; font-size: 12px; line-height: 17px; color: var(--color-body); font-weight: 400; padding-left: 25px; cursor: pointer; } input[type=checkbox]~label::before, input[type=radio]~label::before { content: " "; position: absolute; top: 1 px; left: 0; width: 15px; height: 15px; background-color: #5d5d7e; border-radius: 2px; transition: all 0.3s; border-radius: 2px; } input[type=checkbox]~label::after, input[type=radio]~label::after { content: " "; position: absolute; top: 16%; left: 2px; width: 10px; height: 6px; background-color: transparent; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; border-radius: 2px; transform: rotate(-45deg); opacity: 0; transition: all 0.3s; } input[type=checkbox]:checked~label::after, input[type=radio]:checked~label::after { opacity: 1; } input:checked~.rn-check-box-label::before { background: var(--color-primary) !important; } input[type=radio]~label::before { border-radius: 50%; } input[type=radio]~label::after { width: 8px; height: 8px; left: 3px; background: #fff; border-radius: 50%; } .form-group { margin-bottom: 20px; } .form-group label { margin-bottom: 6px; font-size: 14px; line-height: 22px; font-weight: 500; } .form-group input { border: 0 none; border-radius: 4px; height: 50px; font-size: var(--font-size-b2); transition: var(--transition); padding: 0 20px; background-color: var(--color-lightest); border: 1px solid transparent; transition: var(--transition); } .form-group input:focus { border-color: var(--color-primary); box-shadow: none; } .form-group textarea { min-height: 160px; border: 0 none; border-radius: 4px; resize: none; padding: 15px; font-size: var(--font-size-b2); transition: var(--transition); background-color: var(--color-lightest); border: 1px solid transparent; } .form-group textarea:focus { border-color: var(--color-primary); } input[type=submit] { width: auto; padding: 0 30px; border-radius: 500px; display: inline-block; font-weight: 500; transition: 0.3s; height: 60px; background: var(--color-primary); color: var(--color-white); font-weight: var(--p-medium); font-size: var(--font-size-b2); line-height: var(--line-height-b3); height: 50px; border: 2px solid var(--color-primary); transition: var(--transition); } input[type=submit]:hover { background: transparent; color: var(--color-primary); transform: translateY(-5px); } /*============================== *  Utilities =================================*/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .fix { overflow: hidden; } .slick-initialized .slick-slide { margin-bottom: -10px; } .slick-gutter-15 { margin: -30px -15px; } .slick-gutter-15 .slick-slide { padding: 30px 15px; } iframe { width: 100%; } /*=============================== Background Color =================================*/ .bg-color-primary { background: var(--color-primary); } .bg-color-secondary { background: var(--color-secondary); } .bg-color-tertiary { background: var(--color-tertiary); } .bg-color-gray { background: var(--color-gray); } .bg-color-white { background: #FFFFFF; } .bg-color-black { background: #1A1A1A; } .bg-color-extra03 { background: var(--color-extra03); } /*=========================== Background Image =============================*/ .bg_image { background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg_image--1 { background-image: url(../images/bg/bg-image-1.jpg); } .bg_image--2 { background-image: url(../images/bg/bg-image-2.jpg); } .bg_image--3 { background-image: url(../images/bg/bg-image-3.jpg); } .bg_image--4 { background-image: url(../images/bg/bg-image-4.jpg); } .bg_image--5 { background-image: url(../images/bg/bg-image-5.jpg); } .bg_image--6 { background-image: url(../images/bg/bg-image-6.jpg); } .bg_image--7 { background-image: url(../images/bg/bg-image-7.jpg); } .bg_image--8 { background-image: url(../images/bg/bg-image-8.jpg); } .bg_image--9 { background-image: url(../images/bg/bg-image-9.jpg); } .bg_image--10 { background-image: url(../images/bg/bg-image-10.jpg); } .bg_image--11 { background-image: url(../images/bg/bg-image-11.jpg); } .bg_image--12 { background-image: url(../images/bg/bg-image-12.jpg); } .bg_image--13 { background-image: url(../images/bg/bg-image-13.jpg); } .bg_image--14 { background-image: url(../images/bg/bg-image-14.jpg); } .bg_image--15 { background-image: url(../images/bg/bg-image-15.jpg); } .bg_image--16 { background-image: url(../images/bg/bg-image-16.jpg); } .bg_image--17 { background-image: url(../images/bg/bg-image-17.jpg); } .bg_image--18 { background-image: url(../images/bg/bg-image-18.jpg); } .bg_image--19 { background-image: url(../images/bg/bg-image-19.jpg); } .bg_image--20 { background-image: url(../images/bg/bg-image-20.jpg); } .bg_image--21 { background-image: url(../images/bg/bg-image-21.jpg); } .bg_image--22 { background-image: url(../images/bg/bg-image-22.jpg); } .bg_image--23 { background-image: url(../images/bg/bg-image-23.jpg); } .bg_image--24 { background-image: url(../images/bg/bg-image-24.jpg); } .bg_image--25 { background-image: url(../images/bg/bg-image-25.jpg); } .bg_image--26 { background-image: url(../images/bg/bg-image-26.jpg); } .bg_image--27 { background-image: url(../images/bg/bg-image-27.jpg); } .bg_image--28 { background-image: url(../images/bg/bg-image-28.jpg); } .bg_image--29 { background-image: url(../images/bg/bg-image-29.jpg); } .bg_image--30 { background-image: url(../images/bg/bg-image-30.jpg); } .bg_image--31 { background-image: url(../images/bg/bg-image-31.jpg); } .bg_image--32 { background-image: url(../images/bg/bg-image-32.jpg); } .bg_image--33 { background-image: url(../images/bg/bg-image-33.jpg); } .bg_image--34 { background-image: url(../images/bg/bg-image-34.jpg); } .bg_image--35 { background-image: url(../images/bg/bg-image-35.jpg); } .bg_image--36 { background-image: url(../images/bg/bg-image-36.jpg); } .bg_image--37 { background-image: url(../images/bg/bg-image-37.jpg); } .bg_image--38 { background-image: url(../images/bg/bg-image-38.jpg); } .bg_image--39 { background-image: url(../images/bg/bg-image-39.jpg); } .bg_image--40 { background-image: url(../images/bg/bg-image-40.jpg); } .bg_tr-image--1 { background-image: url(../images/bg/bg-image-1.png) !important; background-size: cover !important; } .bg_tr-image--2 { background-image: url(../images/bg/bg-image-2.png) !important; background-size: cover !important; } .bg_tr-image--3 { background-image: url(../images/bg/bg-image-3.png) !important; background-size: cover !important; } .bg_tr-image--4 { background-image: url(../images/bg/bg-image-4.png) !important; background-size: cover !important; } .bg_tr-image--5 { background-image: url(../images/bg/bg-image-5.png) !important; background-size: cover !important; } .bg_tr-image--6 { background-image: url(../images/bg/bg-image-6.png) !important; background-size: cover !important; } .bg_tr-image--7 { background-image: url(../images/bg/bg-image-7.png) !important; background-size: cover !important; } .bg_tr-image--8 { background-image: url(../images/bg/bg-image-8.png) !important; background-size: cover !important; } .bg_tr-image--9 { background-image: url(../images/bg/bg-image-9.png) !important; background-size: cover !important; } .bg_tr-image--10 { background-image: url(../images/bg/bg-image-10.png) !important; background-size: cover !important; } .bg_tr-image--11 { background-image: url(../images/bg/bg-image-11.png) !important; background-size: cover !important; } .bg_tr-image--12 { background-image: url(../images/bg/bg-image-12.png) !important; background-size: cover !important; } .bg_tr-image--13 { background-image: url(../images/bg/bg-image-13.png) !important; background-size: cover !important; } .bg_tr-image--14 { background-image: url(../images/bg/bg-image-14.png) !important; background-size: cover !important; } .bg_tr-image--15 { background-image: url(../images/bg/bg-image-15.png) !important; background-size: cover !important; } .bg_tr-image--16 { background-image: url(../images/bg/bg-image-16.png) !important; background-size: cover !important; } .bg_tr-image--17 { background-image: url(../images/bg/bg-image-17.png) !important; background-size: cover !important; } .bg_tr-image--18 { background-image: url(../images/bg/bg-image-18.png) !important; background-size: cover !important; } .bg_tr-image--19 { background-image: url(../images/bg/bg-image-19.png) !important; background-size: cover !important; } .bg_tr-image--20 { background-image: url(../images/bg/bg-image-20.png) !important; background-size: cover !important; } /* Height and width */ .fullscreen { min-height: 980px; width: 100%; } /*=================== Custom Row ======================*/ .row--0 { margin-left: 0px; margin-right: 0px; } .row--0>[class*=col] { padding-left: 0px; padding-right: 0px; } .row--5 { margin-left: -5px; margin-right: -5px; } .row--5>[class*=col] { padding-left: 5px; padding-right: 5px; } .row--10 { margin-left: -10px; margin-right: -10px; } .row--10>[class*=col] { padding-left: 10px; padding-right: 10px; } .row--20 { margin-left: -20px; margin-right: -20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--20 { margin-left: -15px !important; margin-right: -15px !important; } } .row--20>[class*=col], .row--20>[class*=col-] { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20>[class*=col], .row--20>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20>[class*=col], .row--20>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20>[class*=col], .row--20>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--20>[class*=col], .row--20>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--25 { margin-left: -25px; margin-right: -25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--25 { margin-left: -15px !important; margin-right: -15px !important; } } .row--25>[class*=col], .row--25>[class*=col-] { padding-left: 25px; padding-right: 25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25>[class*=col], .row--25>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25>[class*=col], .row--25>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25>[class*=col], .row--25>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--25>[class*=col], .row--25>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--30 { margin-left: -30px; margin-right: -30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--30 { margin-left: -15px !important; margin-right: -15px !important; } } .row--30>[class*=col], .row--30>[class*=col-] { padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30>[class*=col], .row--30>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30>[class*=col], .row--30>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30>[class*=col], .row--30>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--30>[class*=col], .row--30>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--45 { margin-left: -45px; margin-right: -45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--45 { margin-left: -15px !important; margin-right: -15px !important; } } .row--45>[class*=col], .row--45>[class*=col-] { padding-left: 45px; padding-right: 45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45>[class*=col], .row--45>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45>[class*=col], .row--45>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45>[class*=col], .row--45>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--45>[class*=col], .row--45>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--40 { margin-left: -40px; margin-right: -40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--40 { margin-left: -15px !important; margin-right: -15px !important; } } .row--40>[class*=col], .row--40>[class*=col-] { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40>[class*=col], .row--40>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40>[class*=col], .row--40>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40>[class*=col], .row--40>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--40>[class*=col], .row--40>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--60 { margin-left: -60px; margin-right: -60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--60 { margin-left: -15px !important; margin-right: -15px !important; } } .row--60>[class*=col], .row--60>[class*=col-] { padding-left: 60px; padding-right: 60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60>[class*=col], .row--60>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60>[class*=col], .row--60>[class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60>[class*=col], .row--60>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--60>[class*=col], .row--60>[class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } /*=========================== Input Placeholder =============================*/ input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*============================= Overlay styles ==============================*/ [data-overlay], [data-black-overlay], [data-white-overlay] { position: relative; z-index: 2; } [data-overlay]>div, [data-overlay]>*, [data-black-overlay]>div, [data-black-overlay]>*, [data-white-overlay]>div, [data-white-overlay]>* { position: relative; z-index: 2; } [data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } [data-overlay]:before { background: var(--color-primary); } [data-black-overlay]:before { background-color: #000000; } [data-white-overlay]:before { background-color: #ffffff; } [data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before { opacity: 1; } /*------------------------------ Scroll Up --------------------------------*/ #scrollUp { width: 70px; height: 80px; right: 100px; bottom: 60px; text-align: center; z-index: 9811 !important; text-decoration: none; background: #fff; line-height: 80px; color: #757589; font-size: 15px; font-weight: 400; transition: var(--transition); display: inline-block; background: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 991px) { #scrollUp { right: 20px; bottom: 40px; } } @media only screen and (max-width: 767px) { #scrollUp { right: 20px; bottom: 40px; } } #scrollUp::before { width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(0, 2, 72, 0.1); content: ""; position: absolute; z-index: -1; transform-style: preserve-3d; transform: rotateY(-10deg); filter: blur(50px); } #scrollUp::after { background: #ffffff; position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; transform-style: preserve-3d; transform: rotateY(-10deg); } @media only screen and (max-width: 767px) { #scrollUp { right: 20px; bottom: 30px; width: 50px; height: 60px; line-height: 60px; } } #scrollUp span.text { position: relative; display: inline-block; margin-top: 7px; } @media only screen and (max-width: 767px) { #scrollUp span.text { margin-top: 3px; } } #scrollUp span.text::after { width: 0; height: 0; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent var(--color-primary) transparent; position: absolute; content: ""; left: 50%; top: 21%; transform: translateX(-50%); } #scrollUp:hover span.text { color: var(--color-primary); } /*! */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -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.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -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; } /*jump animation */ @keyframes jump-1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-3 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50px, 0) scale(0.7); transform: translate3d(0, 50px, 0) scale(0.7); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-4 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0) scale(0.8); transform: translate3d(0, 20px, 0) scale(0.8); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-5 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 10px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-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 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, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 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(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 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(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 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, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 40%, 0); transform: translate3d(0, 40%, 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, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 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(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 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(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 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, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 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(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 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(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 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(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 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(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 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(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 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, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 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(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft2 { 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(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 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, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp2 { from { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); visibility: hidden; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInUp3 { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); visibility: hidden; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } [data-aos=slideInUp2] { opacity: 0; transition-property: transform, opacity; } [data-aos=slideInUp2].aos-animate { opacity: 1; } @media screen and (min-width: 768px) { [data-aos=slideInUp2] { transform: translateY(30px); } [data-aos=slideInUp2].aos-animate { transform: translateY(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, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 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(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 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(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 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, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes jump-1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rotateIt { to { transform: rotate(-360deg); } } @keyframes rotateIt2 { to { transform: rotate(360deg); } } @keyframes shape-service-1 { 0% { right: -40%; top: 30%; } 100% { right: -23%; top: 0; } } @keyframes animate-floting { 0% { transform: translateX(50%); } 50% { transform: translateX(-40%); } 100% { transform: translateX(40%); } } @keyframes animate-floting-2 { 0% { transform: translateX(-50%); } 50% { transform: translateX(40%); } 100% { transform: translateX(-40%); } } @keyframes animate-floting-3 { 0% { transform: translateX(-20%); } 50% { transform: translateX(0%); } 100% { transform: translateX(-20%); } } .floting-line { animation: animate-floting 15s linear infinite; } .floting-line:hover { animation-play-state: paused; } .floting-line-2 { animation: animate-floting-2 15s linear infinite; } .floting-line-2:hover { animation-play-state: paused; } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes vsmorph { 0% { border-radius: var(--morp-value); } 50% { border-radius: var(--morp-md-value); } 100% { border-radius: 40% 60%; } } @keyframes morpspin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .reveal-item { position: relative; display: block; overflow: hidden; } .reveal-item .reveal-animation { position: absolute; top: 0; width: 100%; height: 101%; background: var(--color-primary); } .reveal-item .reveal-animation::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bs-gray-400); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1s; transition-duration: 1s; } .reveal-animation.reveal-primary::before { background: #0c0c0a; } .reveal-animation.reveal-dark::before { background: #000; } .reveal-animation.reveal-white::before { background: #000; } .reveal-animation.reveal-top.aos-animate::before, .reveal-animation.reveal-bottom.aos-animate::before { -webkit-transform: scaleY(1); transform: scaleY(1); } .reveal-animation.reveal-start.aos-animate::before, .reveal-animation.reveal-end.aos-animate::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .reveal-animation.reveal-top::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .reveal-animation.reveal-start::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .reveal-animation.reveal-end::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .reveal-animation.reveal-bottom::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-top], [data-aos=reveal-start], [data-aos=reveal-end], [data-aos=reveal-bottom] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos=reveal-top] { -webkit-transform: scaleY(1); transform: scaleY(1); } [data-aos=reveal-top].aos-animate { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-start] { -webkit-transform: scaleX(1); transform: scaleX(1); } [data-aos=reveal-start].aos-animate { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } [data-aos=reveal-end] { -webkit-transform: scaleX(1); transform: scaleX(1); } [data-aos=reveal-end].aos-animate { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-bottom] { -webkit-transform: scaleY(1); transform: scaleY(1); } [data-aos=reveal-bottom].aos-animate { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } [data-aos=reveal-item] { visibility: hidden; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-duration: 0s; transition-duration: 0s; } [data-aos=reveal-item].aos-animate { visibility: visible; } @keyframes customOne { 0% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 1; } 100% { -webkit-transform: translateY(-50%) scale(1.3); transform: translateY(-50%) scale(1.3); opacity: 0; } } @keyframes liveAuction { 0% { background: var(--color-white); } 100% { background: var(--color-danger); } } .cd-intro { margin: 4em auto; } @media only screen and (min-width: 768px) { .cd-intro { margin: 5em auto; } } @media only screen and (min-width: 1170px) { .cd-intro { margin: 6em auto; } } .cd-headline { font-size: 3rem; line-height: 1.2; } @media only screen and (min-width: 768px) { .cd-headline { font-size: 4.4rem; font-weight: 300; } } @media only screen and (min-width: 1170px) { .cd-headline { font-size: 48px; } } @media only screen and (max-width: 768px) { .cd-headline { font-size: 40px; } } @media only screen and (max-width: 479px) { .cd-headline { font-size: 26px; } } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .cd-words-wrapper b.is-visible { position: relative; } .no-js .cd-words-wrapper b { opacity: 0; } .no-js .cd-words-wrapper b.is-visible { opacity: 1; } /* -------------------------------- xclip -------------------------------- */ .cd-headline.clip span { display: inline-block; padding: 0; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: middle; position: relative; margin-top: -20px; } .cd-headline.clip .cd-words-wrapper b { font-weight: 700; } .cd-headline.clip .cd-words-wrapper::after { content: ""; position: absolute; top: 50%; right: 0; width: 4px; height: 100%; background-color: var(--color-primary-3); transform: translateY(-50%); } .cd-headline.clip b { opacity: 0; } .cd-headline.clip b.is-visible { opacity: 1; } /** * Settings */ /** * Easings */ /** * Core */ [data-sal] { transition-duration: 0.2s; transition-delay: 0s; transition-duration: var(--sal-duration, 0.2s); transition-delay: var(--sal-delay, 0s); transition-timing-function: var(--sal-easing, ease); } [data-sal][data-sal-duration="200"] { transition-duration: 0.2s; } [data-sal][data-sal-duration="250"] { transition-duration: 0.25s; } [data-sal][data-sal-duration="300"] { transition-duration: 0.3s; } [data-sal][data-sal-duration="350"] { transition-duration: 0.35s; } [data-sal][data-sal-duration="400"] { transition-duration: 0.4s; } [data-sal][data-sal-duration="450"] { transition-duration: 0.45s; } [data-sal][data-sal-duration="500"] { transition-duration: 0.5s; } [data-sal][data-sal-duration="550"] { transition-duration: 0.55s; } [data-sal][data-sal-duration="600"] { transition-duration: 0.6s; } [data-sal][data-sal-duration="650"] { transition-duration: 0.65s; } [data-sal][data-sal-duration="700"] { transition-duration: 0.7s; } [data-sal][data-sal-duration="750"] { transition-duration: 0.75s; } [data-sal][data-sal-duration="800"] { transition-duration: 0.8s; } [data-sal][data-sal-duration="850"] { transition-duration: 0.85s; } [data-sal][data-sal-duration="900"] { transition-duration: 0.9s; } [data-sal][data-sal-duration="950"] { transition-duration: 0.95s; } [data-sal][data-sal-duration="1000"] { transition-duration: 1s; } [data-sal][data-sal-duration="1050"] { transition-duration: 1.05s; } [data-sal][data-sal-duration="1100"] { transition-duration: 1.1s; } [data-sal][data-sal-duration="1150"] { transition-duration: 1.15s; } [data-sal][data-sal-duration="1200"] { transition-duration: 1.2s; } [data-sal][data-sal-duration="1250"] { transition-duration: 1.25s; } [data-sal][data-sal-duration="1300"] { transition-duration: 1.3s; } [data-sal][data-sal-duration="1350"] { transition-duration: 1.35s; } [data-sal][data-sal-duration="1400"] { transition-duration: 1.4s; } [data-sal][data-sal-duration="1450"] { transition-duration: 1.45s; } [data-sal][data-sal-duration="1500"] { transition-duration: 1.5s; } [data-sal][data-sal-duration="1550"] { transition-duration: 1.55s; } [data-sal][data-sal-duration="1600"] { transition-duration: 1.6s; } [data-sal][data-sal-duration="1650"] { transition-duration: 1.65s; } [data-sal][data-sal-duration="1700"] { transition-duration: 1.7s; } [data-sal][data-sal-duration="1750"] { transition-duration: 1.75s; } [data-sal][data-sal-duration="1800"] { transition-duration: 1.8s; } [data-sal][data-sal-duration="1850"] { transition-duration: 1.85s; } [data-sal][data-sal-duration="1900"] { transition-duration: 1.9s; } [data-sal][data-sal-duration="1950"] { transition-duration: 1.95s; } [data-sal][data-sal-duration="2000"] { transition-duration: 2s; } [data-sal][data-sal-delay="50"] { transition-delay: 0.05s; } [data-sal][data-sal-delay="100"] { transition-delay: 0.1s; } [data-sal][data-sal-delay="150"] { transition-delay: 0.15s; } [data-sal][data-sal-delay="200"] { transition-delay: 0.2s; } [data-sal][data-sal-delay="250"] { transition-delay: 0.25s; } [data-sal][data-sal-delay="300"] { transition-delay: 0.3s; } [data-sal][data-sal-delay="350"] { transition-delay: 0.35s; } [data-sal][data-sal-delay="400"] { transition-delay: 0.4s; } [data-sal][data-sal-delay="450"] { transition-delay: 0.45s; } [data-sal][data-sal-delay="500"] { transition-delay: 0.5s; } [data-sal][data-sal-delay="550"] { transition-delay: 0.55s; } [data-sal][data-sal-delay="600"] { transition-delay: 0.6s; } [data-sal][data-sal-delay="650"] { transition-delay: 0.65s; } [data-sal][data-sal-delay="700"] { transition-delay: 0.7s; } [data-sal][data-sal-delay="750"] { transition-delay: 0.75s; } [data-sal][data-sal-delay="800"] { transition-delay: 0.8s; } [data-sal][data-sal-delay="850"] { transition-delay: 0.85s; } [data-sal][data-sal-delay="900"] { transition-delay: 0.9s; } [data-sal][data-sal-delay="950"] { transition-delay: 0.95s; } [data-sal][data-sal-delay="1000"] { transition-delay: 1s; } [data-sal][data-sal-easing=linear] { transition-timing-function: linear; } [data-sal][data-sal-easing=ease] { transition-timing-function: ease; } [data-sal][data-sal-easing=ease-in] { transition-timing-function: ease-in; } [data-sal][data-sal-easing=ease-out] { transition-timing-function: ease-out; } [data-sal][data-sal-easing=ease-in-out] { transition-timing-function: ease-in-out; } [data-sal][data-sal-easing=ease-in-cubic] { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } [data-sal][data-sal-easing=ease-out-cubic] { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } [data-sal][data-sal-easing=ease-in-out-cubic] { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [data-sal][data-sal-easing=ease-in-circ] { transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } [data-sal][data-sal-easing=ease-out-circ] { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } [data-sal][data-sal-easing=ease-in-out-circ] { transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } [data-sal][data-sal-easing=ease-in-expo] { transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } [data-sal][data-sal-easing=ease-out-expo] { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } [data-sal][data-sal-easing=ease-in-out-expo] { transition-timing-function: cubic-bezier(1, 0, 0, 1); } [data-sal][data-sal-easing=ease-in-quad] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-sal][data-sal-easing=ease-out-quad] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-sal][data-sal-easing=ease-in-out-quad] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-sal][data-sal-easing=ease-in-quart] { transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } [data-sal][data-sal-easing=ease-out-quart] { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } [data-sal][data-sal-easing=ease-in-out-quart] { transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } [data-sal][data-sal-easing=ease-in-quint] { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } [data-sal][data-sal-easing=ease-out-quint] { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } [data-sal][data-sal-easing=ease-in-out-quint] { transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } [data-sal][data-sal-easing=ease-in-sine] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-sal][data-sal-easing=ease-out-sine] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-sal][data-sal-easing=ease-in-out-sine] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-sal][data-sal-easing=ease-in-back] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-sal][data-sal-easing=ease-out-back] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-sal][data-sal-easing=ease-in-out-back] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } /** * Animations */ [data-sal|=fade] { opacity: 0; transition-property: opacity; } [data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] { opacity: 1; } [data-sal|=slide] { opacity: 0; transition-property: opacity, transform; } [data-sal=slide-up] { transform: translateY(20%); } [data-sal=slide-down] { transform: translateY(-20%); } [data-sal=slide-left] { transform: translateX(20%); } [data-sal=slide-right] { transform: translateX(-20%); } [data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] { opacity: 1; transform: none; } [data-sal|=zoom] { opacity: 0; transition-property: opacity, transform; } [data-sal=zoom-in] { transform: scale(0.5); } [data-sal=zoom-out] { transform: scale(1.1); } [data-sal|=zoom].sal-animate, body.sal-disabled [data-sal|=zoom] { opacity: 1; transform: none; } [data-sal|=flip] { backface-visibility: hidden; transition-property: transform; } [data-sal=flip-left] { transform: perspective(2000px) rotateY(-91deg); } [data-sal=flip-right] { transform: perspective(2000px) rotateY(91deg); } [data-sal=flip-up] { transform: perspective(2000px) rotateX(-91deg); } [data-sal=flip-down] { transform: perspective(2000px) rotateX(91deg); } [data-sal|=flip].sal-animate, body.sal-disabled [data-sal|=flip] { transform: none; } /* elements */ header.header-one { background: #F2F2F2; position: relative; } header.header-one .header--one-main { position: relative; } header.header-one .header--one-main .logo-area { padding: 40px 10px 40px 0; display: block; } header.header-one .header--one-main .header-right-area { display: flex; justify-content: flex-end; } header.header-one .header--one-main .header-right-area .single-info-contact { display: flex; align-items: center; } header.header-one .header--one-main .header-right-area .single-info-contact i { width: 57px; height: 57px; border-radius: 50%; background: #fff; box-shadow: 0px 11px 22px rgba(0, 0, 0, 0.03); display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--color-primary); } header.header-one .header--one-main .header-right-area .single-info-contact .inner-content { margin-left: 20px; } header.header-one .header--one-main .header-right-area .single-info-contact .inner-content span { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #74787C; } header.header-one .header--one-main .header-right-area .single-info-contact .inner-content .title { margin-bottom: 0; font-weight: 600; font-size: 18px; line-height: 22px; margin-top: 6px; transition: 0.3s; min-width: max-content; } @media only screen and (max-width: 1199px) { header.header-one .header--one-main .header-right-area .single-info-contact .inner-content .title { font-size: 15px; } } header.header-one .header--one-main .header-right-area .single-info-contact .inner-content .title:hover { color: var(--color-primary); } header.header-one .header--one-main .header-right-area .single-info-contact.map { margin-left: 40px; padding-left: 40px; border-left: 1px solid #D9D9D9; } @media only screen and (max-width: 1199px) { header.header-one .header--one-main .header-right-area .single-info-contact.map { margin-left: 20px; padding-left: 20px; border-left: 1px solid #D9D9D9; } } header.header-one .header--one-main .header-right-area .btn-area-header { display: flex; align-items: center; margin-left: 60px; } @media only screen and (max-width: 1199px) { header.header-one .header--one-main .header-right-area .btn-area-header { margin-left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-top-one { display: none; } } @media only screen and (max-width: 767px) { .header-top-one { display: none; } } .logo-md-sm-device { display: none; } @media only screen and (max-width: 767px) { .logo-md-sm-device { display: block; } } .logo-md-sm-device .logo img { max-width: 120px; } .header-two-Greeno.header-top { height: 40px; display: flex; align-items: center; justify-content: space-between; background: var(--color-primary); } @media only screen and (max-width: 1199px) { .header-two-Greeno.header-top { display: none; } } .header-two-Greeno.header-top .header-top-m { height: 40px; display: flex; align-items: center; justify-content: space-between; background: var(--color-primary); } .header-two-Greeno.header-top .header-top-m .left { display: flex; align-items: center; gap: 36px; } .header-two-Greeno.header-top .header-top-m .left .inf { display: flex; align-items: center; gap: 10px; } .header-two-Greeno.header-top .header-top-m .left .inf i { color: #fff; } .header-two-Greeno.header-top .header-top-m .left .inf p { color: #fff; font-weight: 500; font-size: 14px; line-height: 17px; } .header-two-Greeno.header-top .header-top-m .left .inf a { color: #fff; font-weight: 500; font-size: 14px; line-height: 17px; } .social-header-top-h2 { display: flex; align-items: center; } .social-header-top-h2 span { color: #fff; } .social-header-top-h2 ul { padding: 0; margin: 0; margin-left: 15px; display: flex; align-items: center; gap: 20px; list-style: none; } .social-header-top-h2 ul li { margin: 0; } .social-header-top-h2 ul li a { margin: 0; } .social-header-top-h2 ul li a i { color: #fff; transition: 0.3s; } .social-header-top-h2 ul li a:hover i { color: #1f1f25; } .main-haeder-wrapper-h2 { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 575px) { .main-haeder-wrapper-h2 { padding: 0 10px; } } .main-haeder-wrapper-h2 a.logo-area { padding: 23px 0; display: block; } @media only screen and (max-width: 767px) { .main-haeder-wrapper-h2 a.logo-area { padding: 10px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-haeder-wrapper-h2 a.logo-area img { max-width: 140px; } } @media only screen and (max-width: 767px) { .main-haeder-wrapper-h2 a.logo-area img { max-width: 120px; } } .main-haeder-wrapper-h2 .actions-area { display: flex; align-items: center; } .main-haeder-wrapper-h2 .actions-area a.rts-btn { padding: 13px 25px; margin-left: 30px; } @media only screen and (max-width: 1199px) { .main-haeder-wrapper-h2 .actions-area a.rts-btn { display: none; } } .main-haeder-wrapper-h2 .actions-area .menu-btn { cursor: pointer; margin-left: 30px; } .main-haeder-wrapper-h2 .actions-area .search-btn { cursor: pointer; } .main-haeder-wrapper-h2 .actions-area .search-btn i { color: #000; } .main-haeder-wrapper-h2 .actions-area .cart { margin-left: 30px; } .main-haeder-wrapper-h2 .actions-area .cart i { color: var(--color-primary); font-size: 22px; position: relative; margin-top: 8px !important; cursor: pointer; } .main-haeder-wrapper-h2 .actions-area .cart i::after { position: absolute; content: "2"; right: -8px; bottom: 14px; height: 20px; width: 20px; background: var(--color-primary); border-radius: 50%; font-size: 10px; display: flex; align-items: center; justify-content: center; color: #fff; } #menu-btn { cursor: pointer; } header.header-three { padding: 32px 80px; position: absolute; width: 100%; display: flex; align-items: center; justify-content: space-between; z-index: 5; } @media only screen and (max-width: 1199px) { header.header-three { padding: 32px 20px; } } header.header-three .header-left { display: flex; align-items: center; gap: 50px; } @media only screen and (max-width: 767px) { header.header-three .header-left .logo-area img { max-width: 120px; } } header.header-three .header-right .action-button-menu { display: flex; align-items: center; gap: 30px; } header.header-three .header-right .action-button-menu a.contact { cursor: pointer; color: #fff; font-weight: 700; font-size: 16px; line-height: 26px; transition: 0.3s; } header.header-three .header-right .action-button-menu a.contact:hover { color: var(--color-primary); } header.header-three .header-right .action-button-menu #menu-btn svg rect { transition: 0.3s; } header.header-three .header-right .action-button-menu #menu-btn:hover svg rect { fill: var(--color-primary); } header.header-three.header--sticky.sticky .header-right .action-button-menu #menu-btn svg rect { fill: var(--color-primary); } header.header-three.sticky .header-right .action-button-menu a.contact { color: var(--color-primary); } .onepage .main-nav-one ul li a.nav-link { margin: 0 10px; } .index-two.onepage input { border-radius: 5px; } .index-two.onepage textarea { border-radius: 5px; } .header-three.sticky a.logo-area { padding: 15px 0; } header.header-four { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; z-index: 5; padding: 20px 80px; } @media only screen and (max-width: 1199px) { header.header-four { padding: 20px 40px; } } @media only screen and (max-width: 767px) { header.header-four { padding: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { header.header-four .header-left .logo-area img { max-width: 120px; } } @media only screen and (max-width: 767px) { header.header-four .header-left .logo-area img { max-width: 120px; } } header.header-four .nav-area .main-nav-one ul li.has-dropdown a.nav-link { color: #fff; } header.header-four .nav-area .main-nav-one ul li a.nav-link { color: #fff; } header.header-four .header-right .action-button-menu { display: flex; align-items: center; } header.header-four .header-right .action-button-menu .contact { color: #fff; } header.header-four .header-right .action-button-menu #menu-btn { margin-left: 25px; } .about-area-Greeno-3-right .Greeno-title-area-four { text-align: left; } .about-area-Greeno-3-right .Greeno-title-area-four .pre-title { text-align: left; margin-right: auto; margin-left: 0; position: relative; } .Greeno-title-area-four span.pre-title::after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; background-image: url(../images/banner/shape/03.png); height: 7px; width: 48px; background-size: contain; background-repeat: no-repeat; } .Greeno-title-area-four span.pre-title { font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-primary); display: block; margin-bottom: 16px; padding-left: 60px; position: relative; max-width: max-content; margin-bottom: 16px; } .Greeno-title-area-four .pre-title { text-align: left; margin-right: auto; margin-left: 0; } @media only screen and (max-width: 1199px) { .Greeno-title-area-four .title br { display: none; } } .header-four.header--sticky.sticky { background: #1B1B1B; } .draw { position: relative; } .draw svg { position: absolute; left: 84px; bottom: -2px; } @media only screen and (max-width: 575px) { .draw svg { position: absolute; left: 0; bottom: -13px; } } .draw path { animation: progress-draw 5s linear forwards; } @keyframes progress-draw { from { stroke-dasharray: 0 1000; } to { stroke-dasharray: 1000; } } .title-shop-main-center .title .draw svg { left: 40px; bottom: -4px; } @media only screen and (max-width: 479px) { .title-shop-main-center .title .draw svg { left: -46px; bottom: -17px; } } .single-shopping-product:hover .invisible-btn { transform: translateX(-50%) scale(1); } .banner-area-four-wrapper-swiper-main { position: relative; } .banner-area-four-wrapper-swiper-main .circle-animation { position: absolute; right: 80px; bottom: 100px; z-index: 10; border-radius: 50%; border: 1px solid #74787C; } @media only screen and (max-width: 575px) { .banner-area-four-wrapper-swiper-main .circle-animation { display: none; } } .banner-area-four-wrapper-swiper-main .circle-animation i { position: absolute; color: #fff; left: 42%; top: 42%; font-size: 24px; } .banner-area-four-wrapper-swiper-main .uni-circle-text::before { content: ""; display: block; width: 78px; height: 78px; border: 1px solid rgba(245, 245, 245, 0); position: absolute; transform: scale(0.5); left: 0; top: 0; transform: translate(20px, 20px); border-radius: 100%; } .banner-area-four-wrapper-swiper-main .uni-circle-text-path { fill: #fff; height: auto; max-width: 132px; right: 10%; transform-origin: center; text-transform: uppercase; } .banner-area-four-wrapper-swiper-main .uni-animation-spin { display: inline-flex; animation: spin 10s linear 0s infinite; } @keyframes spin { 0% { transform: rotate(0); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .onepage .main-nav-one ul li.has-dropdown a::before { display: none; } #side-bar .inner-main-wrapper-desk { display: block; margin-top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { #side-bar .inner-main-wrapper-desk { display: none; } } @media only screen and (max-width: 767px) { #side-bar .inner-main-wrapper-desk { display: none; } } #side-bar .mobile-menu-main { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { #side-bar .mobile-menu-main { display: block; } } @media only screen and (max-width: 767px) { #side-bar .mobile-menu-main { display: block; } } .mobile-menu-main nav ul { padding: 0 20px; display: block; } .mobile-menu-main nav ul li { margin: 0; padding: 0; } .mobile-menu-main nav ul li a.main { padding: 12px 0 17px 0; border-bottom: 1px solid #f3f3f3; cursor: pointer; } .mobile-menu-main nav ul li.has-droupdown { position: relative; } .mobile-menu-main nav ul li.has-droupdown ul { padding: 0; } .mobile-menu-main nav ul li.has-droupdown ul a { padding: 10px 0; } .mobile-menu-main nav ul li.has-droupdown ul a.tag { font-weight: 700; margin-top: 0; font-size: 18px; border-bottom: 2px solid var(--color-primary); padding: 10px 0; } .mobile-menu-main nav ul li.has-droupdown ul li { margin: 0px 0 !important; border-bottom: 1px solid #f3f3f3; } .mobile-menu-main nav ul li.has-droupdown::after { position: absolute; content: "\f078"; font-family: "Font Awesome 6 pro" !important; font-size: 16px; right: 0; font-weight: 400; top: 5px; padding: 8px 13px; color: #fff; background: var(--color-primary) !important; pointer-events: none; cursor: pointer; } .mobile-menu-main nav ul li.has-droupdown.mm-active::after { content: "\f077"; } .mobile-menu-main nav ul li.has-droupdown.third-lvl::after { font-size: 10px; padding: 3px 10px; } .mobile-menu-main nav ul li.has-droupdown.third-lvl ul { padding: 0 20px; } .mobile-menu-main nav ul li.has-droupdown.third-lvl ul li { margin: 10px 0 !important; position: relative; z-index: 1; transition: all 0.3s; } .mobile-menu-main nav ul li.has-droupdown.third-lvl ul li:hover { color: var(--color-primary); } .mobile-menu-main nav ul li.has-droupdown.third-lvl ul li a { position: absolute; width: 100%; height: 100%; transition: all 0.3s; } .mobile-menu-main nav ul li a { display: block; } .mobile-menu-main .social-wrapper-one { margin-top: 50px; } @media screen and (max-width: 1024px) { .side-bar.header-two .inner-main-wrapper-desk, .side-bar.header-three .inner-main-wrapper-desk { display: none; } } @media screen and (min-width: 1024px) { .side-bar.header-two .mobile-menu, .side-bar.header-three .mobile-menu { display: none !important; } } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown { position: relative; } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after { color: var(--color-primary); } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 25px; top: 50%; transform: translateY(-50%); color: #fff; } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl { margin-left: -4px; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page { padding: 15px 0; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown { position: relative; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after { color: var(--color-primary); } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 25px; top: 50%; transform: translateY(-50%); color: #fff; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl { margin-left: -4px; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li { margin: 0; width: 100%; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li a { display: block; width: 100%; padding: 0 15px; } .sub-dropdown { position: relative !important; display: block !important; } .sub-dropdown::after { position: absolute; content: ">"; right: 20px; top: 50%; transform: translateY(-50%); color: #000; font-size: 22px; } .sub-dropdown .submenu.third-lvl.base { opacity: 0 !important; min-width: 185px !important; left: 100% !important; top: -13% !important; margin: 0; border-radius: 0 !important; } .sub-dropdown .submenu.third-lvl.base a { border-bottom: 1px solid #ebebeb !important; } .sub-dropdown .submenu.third-lvl.base.base { display: block !important; } .sub-dropdown:hover .sub-menu-link { color: var(--color-primary); } .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: max-content !important; top: 0 !important; right: 3px; display: block !important; border-radius: 10px !important; } .sub-dropdown:hover .submenu.third-lvl.base li { display: block; } .sub-dropdown:hover .submenu.third-lvl.base li a { display: block !important; } .header-three .sub-dropdown:hover .submenu.third-lvl.base { margin-left: -14px !important; } .header-two .header-main-wrapper .sub-dropdown:hover .submenu.third-lvl.base { margin-left: 90px !important; } header.heder-two .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: 185px !important; top: 0 !important; right: 3px; display: block; margin-left: 0 !important; } header.heder-two .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 20px; top: 8px; color: #fff; } header.heder-two .sub-dropdown:hover a.sub-menu-link { color: var(--color-primary) !important; } header.heder-two .sub-dropdown:hover::after { color: var(--color-primary) !important; } header.heder-two .sub-dropdown .submenu.third-lvl.base { display: block; } header.header-three .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: 185px !important; top: 0 !important; right: 3px; display: block; margin-left: 0 !important; } header.header-three .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; } header.header-three .sub-dropdown:hover a.sub-menu-link { color: var(--color-primary) !important; } header.header-three .sub-dropdown:hover::after { color: var(--color-primary) !important; } header.header-three .sub-dropdown .submenu.third-lvl.base { display: block; } .rts-btn { padding: 19px 40px; font-size: 16px; line-height: 19px; font-weight: 600; font-family: var(--font-secondary); border-radius: 100px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; min-width: max-content; } .rts-btn::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 100px; } .rts-btn:focus { border: none; border: none; box-shadow: none; } .rts-btn:active { border: none; border: none; box-shadow: none; } .rts-btn:active:focus { box-shadow: none; } .rts-btn.btn-primary { color: #fff; background: #1f1f25; } .rts-btn.btn-primary::before { background: var(--color-primary); } .rts-btn.btn-primary:hover { background: #1f1f25; color: #fff; } .rts-btn.btn-primary:hover::before { background: var(--color-primary); transform: scaleX(0); } .rts-btn.btn-border { border: 2px solid #FFFFFF; color: #ffff; color: #fff; background: #df2f03; z-index: 1; border: 1px solid rgba(31, 31, 37, 0.1); } .rts-btn.btn-border::before { background: #fff; border-radius: 0; z-index: -1; } .rts-btn.btn-border:hover { background: #1f1f25; color: #fff !important; } .rts-btn.btn-border:hover::before { background: var(--color-primary); transform: scaleX(0); } .rts-btn.btn-border.radious-0 { border-radius: 0; border: 1px solid rgba(31, 31, 37, 0.1); color: #1F1F25; } .rts-btn.btn-border.radious-0 i { margin-left: 8px; } .rts-btn.with-arrow i { margin-left: 10px; margin-bottom: -2px; } .index-two .rts-btn.btn-primary { border-radius: 4px; } .index-two .rts-btn.btn-primary::before { border-radius: 4px; } .header-nav-area { display: flex; align-items: center; justify-content: space-between; margin: 0 10px; } .header-nav-area .actions-area { display: flex; align-items: center; } .header-nav-area .actions-area i { font-weight: 400; color: #1F1F25; cursor: pointer; } .header-nav-area .actions-area .menu-btn { margin-left: 30px; } .header--one-main .header-nav-area { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; padding: 0 45px; background: #fff; border-radius: 0px 0px 7px 7px; margin: 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header--one-main .header-nav-area { padding: 0 57px; } } @media only screen and (max-width: 767px) { .header--one-main .header-nav-area { padding: 12px 25px; position: fixed; top: 0; left: -10px; border-radius: 0; } } nav ul { display: flex; align-items: center; padding: 0; margin: 0; } nav ul li { margin: 0; } nav ul li a { padding: 19px 15px; display: block; color: #1F1F25; font-weight: 700; transition: 0.3s; } .header--sticky { transition: 0s; top: 0; z-index: 5; position: relative; } .header--sticky.sticky { position: fixed !important; top: 0; display: block; backdrop-filter: blur(9px); width: 100%; box-shadow: 0px 7px 18px #1810100d; background: #fff; z-index: 999; margin: auto; display: flex; align-items: center; left: 50%; transform: translateX(-50%); padding: 0 287px; border-radius: 0; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .header--sticky.sticky { padding: 0 158px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header--sticky.sticky { width: 100%; border-radius: 0; padding: 0 36px; } } @media only screen and (max-width: 1199px) { .header--sticky.sticky { width: 100%; border-radius: 0; padding: 0 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header--sticky.sticky { padding: 15px 25px; } } @media only screen and (max-width: 767px) { .header--sticky.sticky { padding: 12px 25px; position: fixed; top: 0; left: 0; transform: none; border-radius: 0; width: 100%; } } @media only screen and (max-width: 575px) { .header--sticky.sticky { padding: 9px 3px; } } .header-one .header-nav.main-nav-one { margin-left: -12px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-nav-one { display: none; } } @media only screen and (max-width: 767px) { .main-nav-one { display: none; } } .main-nav-one ul li { position: relative; } .main-nav-one ul li a.nav-link { color: #1F1F25; } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-nav-one ul li a.nav-link { font-size: 14px; margin-right: 8px; } } .main-nav-one ul li.has-dropdown { margin-right: 16px; position: relative; } .main-nav-one ul li.has-dropdown a { position: relative; } .main-nav-one ul li.has-dropdown a.nav-link { padding: 19px 15px !important; color: #1F1F25; } .main-nav-one ul li.has-dropdown a::before { content: "\f078" !important; position: absolute !important; top: 50%; font-family: "Font Awesome 5 Pro" !important; right: -3px; transform: translateY(-50%); transition: 0.3s; font-size: 12px; } .main-nav-one ul li.has-dropdown .submenu { min-width: 230px; height: auto; position: absolute; top: 100%; left: 0; z-index: 90; opacity: 0; visibility: hidden; text-align: left; transition: 0.3s; transform: translateY(-20px); border-radius: 0 0 10px 10px; background-color: #fff; border-left: 1px solid #ffffff14; border-bottom: 1px solid #ffffff14; border-right: 1px solid #ffffff14; display: inline-block; box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08); } .main-nav-one ul li.has-dropdown .submenu li { margin-right: 0; padding: 0 15px; } .main-nav-one ul li.has-dropdown .submenu li:last-child a { border: none; } .main-nav-one ul li.has-dropdown .submenu li a { padding: 12px 35px 12px 12px; border-bottom: 1px solid #ebebeb; } .main-nav-one ul li.has-dropdown .submenu li a::before { display: none; } .main-nav-one ul li.has-dropdown:hover a.nav-link::before { content: "\f077" !important; } .main-nav-one ul li.has-dropdown:hover .submenu { opacity: 1; visibility: visible; top: 100%; transform: translateY(0); } .main-nav-one ul li:hover a.nav-link { color: var(--color-primary); } .mobile-menu-main nav ul li.has-droupdown ul.mm-collapse li { margin: 0 0 !important; } .banner-one-swiper--wrapper-area { position: relative; } .banner-main-wrapper-one .pre-title p { font-size: 15px; line-height: 20px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; font-weight: 600; font-family: var(--font-primary); margin-bottom: 25px; } .banner-main-wrapper-one .pre-title p span { padding: 2px 5px; display: inline-block; background: var(--color-primary); border-radius: 3px; } .banner-main-wrapper-one .title { color: #fff; font-weight: 700; font-size: 70px; line-height: 82px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .banner-main-wrapper-one .title { font-size: 45px; line-height: 60px; } } @media only screen and (max-width: 575px) { .banner-main-wrapper-one .title { font-size: 34px; line-height: 44px; margin-bottom: 15px; } } .banner-main-wrapper-one p.disc { margin-bottom: 30px; margin-bottom: 40px; font-weight: 400; font-size: 18px; line-height: 28px; color: #FFFFFF; } .bg-breadcrumb { background-image: url(../images/banner/breadcrumb/01.jpg); } .banner-one-swiper--wrapper-area .banner-main-wrapper-one .pre-title { transition-delay: 0.5s; opacity: 0; } .banner-one-swiper--wrapper-area .banner-main-wrapper-one .title { transition-delay: 1s; opacity: 0; } .banner-one-swiper--wrapper-area .banner-main-wrapper-one p.disc { transition-delay: 1.5s; opacity: 0; } .banner-one-swiper--wrapper-area .banner-main-wrapper-one .button-area { transition-delay: 2s !important; opacity: 0; } .banner-one-swiper--wrapper-area .banner-one-start { position: relative; z-index: 1; } .banner-one-swiper--wrapper-area .banner-one-start img.shape { position: absolute; z-index: -1; top: 0; height: 100%; left: 0; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-shape-area .shape-1 { top: 0; left: 0; animation: slideInLeft 0.8s linear; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-shape-area .shape-2 { top: 0; left: 0; animation: slideInLeft 1s linear; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-main-wrapper-one .pre-title { transition-delay: 0.5s; animation: slideInUp3 1s linear; animation-delay: 0.5s; display: block; opacity: 1; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-main-wrapper-one .title { animation: fadeInUp2 1s linear; animation-delay: 1s; opacity: 1; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-main-wrapper-one p.disc { animation: fadeInUp2 1.5s linear; animation-delay: 1.5s; opacity: 1; } .banner-one-swiper--wrapper-area .swiper-slide.swiper-slide-active .banner-main-wrapper-one .button-area { animation: fadeInUp2 1.5s linear; animation-delay: 2s !important; opacity: 1; } .banner-one-swiper--wrapper-area .swiper-button-next, .banner-one-swiper--wrapper-area .swiper-button-prev { background-image: none; transition: 0.3s; opacity: 0; } .banner-one-swiper--wrapper-area .swiper-button-next i, .banner-one-swiper--wrapper-area .swiper-button-prev i { font-size: 25px; color: #fff; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #dfe1ff69; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .banner-one-swiper--wrapper-area .swiper-button-next:hover i, .banner-one-swiper--wrapper-area .swiper-button-prev:hover i { background: var(--color-primary); border: 1px solid transparent; transition: 0.3s; height: 50px; width: 50px; } .banner-one-swiper--wrapper-area .swiper-button-next { right: 150px; } .banner-one-swiper--wrapper-area .swiper-button-next:hover { right: 140px; } .banner-one-swiper--wrapper-area .swiper-button-prev { left: 120px; } .banner-one-swiper--wrapper-area .swiper-button-prev:hover { left: 100px; } .banner-one-swiper--wrapper-area:hover .swiper-button-next, .banner-one-swiper--wrapper-area:hover .swiper-button-prev { opacity: 1; } .banner-one-swiper--wrapper-area:hover .swiper-button-next i, .banner-one-swiper--wrapper-area:hover .swiper-button-prev i { height: 70px; width: 70px; } .banner-one-swiper--wrapper-area:hover .swiper-button-next i:hover, .banner-one-swiper--wrapper-area:hover .swiper-button-prev i:hover { height: 80px; width: 80px; } .rts-banner-air-condition { background-image: url(../images/banner/05.jpg); } .banner-condition-wrapper { -webkit-clip-path: polygon(84% 0, 100% 48%, 83% 100%, 0 100%, 0 0); clip-path: polygon(84% 0, 100% 48%, 83% 100%, 0 100%, 0 0); background: linear-gradient(270deg, rgba(243, 119, 31, 0.493) 12.26%, rgba(214, 73, 26, 0.486) 100%); width: 760px; height: 496px; mix-blend-mode: normal; } .banner-condition-wrapper .inner { background: linear-gradient(270deg, #f3791fa1 12.26%, #e9370abb 100%); width: 760px; height: 496px; } .banner-condition-wrapper .inner { position: relative; } .banner-condition-wrapper .inner .content-wrapper { position: absolute; left: 70px; top: 50%; transform: translateY(-50%); z-index: 10; } .banner-condition-wrapper .inner .content-wrapper .title { color: #fff; font-weight: 700; font-size: 60px; line-height: 74px; text-transform: uppercase; } .banner-condition-wrapper .inner .content-wrapper a.rts-btn.btn-white { color: var(--color-primary); margin-top: 20px; } .banner-condition-wrapper .inner .content-wrapper a.rts-btn.btn-white::before { background: #fff; } .banner-condition-wrapper .inner .content-wrapper a.rts-btn.btn-white:hover { color: #fff; } .banner-cleaning-area { background-image: url(../images/banner/06.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 900px; } .main-cleaning-wrapper-main-swiper { position: relative; } .main-cleaning-wrapper-main-swiper::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background-image: url(../images/banner/shape/cleaning-bottom.png); background-repeat: no-repeat; height: 65px; } .main-cleaning-wrapper-main-swiper { position: relative; } .main-cleaning-wrapper-main-swiper .banner-cleaning-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-cleaning-wrapper-main-swiper .banner-cleaning-content span { color: #fff; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; font-size: 18px; line-height: 22px; } .main-cleaning-wrapper-main-swiper .banner-cleaning-content .title { color: #fff; font-weight: 700; font-size: 80px; line-height: 86px; margin-bottom: 50px; margin-top: 15px; } .banner-solar-energy-bg { background-image: url(../images/banner/07.png); height: 850px; display: flex; align-items: center; } .banner-solar-energy-bg .banner-solar-energy-inner { display: flex; align-items: center; position: relative; } .banner-solar-energy-bg .banner-solar-energy-inner .title { font-weight: 700; font-size: 60px; line-height: 70px; color: #fff; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .banner-solar-energy-bg .banner-solar-energy-inner .title { font-size: 45px; line-height: 57px; } } @media only screen and (max-width: 575px) { .banner-solar-energy-bg .banner-solar-energy-inner .title { font-size: 30px; line-height: 49px; } } .banner-solar-energy-bg .banner-solar-energy-inner p.disc { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFFFF; } .banner-solar-energy-bg .banner-solar-energy-inner .button-area { display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 575px) { .banner-solar-energy-bg .banner-solar-energy-inner .button-area { flex-direction: column; align-items: flex-start; } } .banner-solar-energy-bg .banner-solar-energy-inner .button-area .rts-btn.btn-primary { font-weight: 600; font-size: 16px; line-height: 19px; } .banner-solar-energy-bg .banner-solar-energy-inner .button-area .rts-btn.btn-primary.bg-w { color: #1F1F25; } .banner-solar-energy-bg .banner-solar-energy-inner .button-area .rts-btn.btn-primary.bg-w:hover { color: #fff; } .banner-solar-energy-bg .banner-solar-energy-inner .button-area .rts-btn.btn-primary.bg-w::before { background: #fff; } .banner-solar-energy-bg .banner-solar-energy-inner .vedio-icone { position: absolute; top: -60px; left: 30px; } .banner-solar-energy-bg .banner-solar-energy-inner .vedio-icone .video-play-button::after { border: 2px solid transparent; background: #fff; } .banner-solar-energy-bg .banner-solar-energy-inner .vedio-icone .video-play-button::before { border: 2px solid #ffffff3a; } .banner-solar-energy-bg .banner-solar-energy-inner .vedio-icone .text { min-width: max-content; color: #fff; margin-top: 10px; margin-left: 60px; font-weight: 500; font-size: 22px; line-height: 29px; font-family: var(--font-primary); } .solar-energy-home { background: #F6F7F9; } .banner-two-main-wrapper-Greenoc { background-image: url(../images/banner/08.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 825px; } .banner-two-main-wrapper-Greenoc.two { background-image: url(../images/banner/13.jpg); } .banner-two-main-wrapper-Greenoc.three { background-image: url(../images/banner/14.jpg); } .banner-Greeno-2-content span { text-transform: uppercase; font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: 0.08em; } .banner-Greeno-2-content span.pre { color: #fff; } .banner-Greeno-2-content span span { background: var(--color-primary); padding: 2px 7px; border-radius: 2px; } .banner-Greeno-2-content .banner-title { font-weight: 700; font-size: 60px; line-height: 70px; color: #fff; margin-top: 25px; } @media only screen and (max-width: 767px) { .banner-Greeno-2-content .banner-title { font-size: 44px; line-height: 55px; } } @media only screen and (max-width: 575px) { .banner-Greeno-2-content .banner-title { font-size: 36px; line-height: 45px; } } .banner-Greeno-2-content p.disc { margin-top: 25px; color: #fff; font-weight: 500; font-size: 18px; line-height: 28px; } .header-two-Greeno.header-top { max-width: 1920px; margin: auto; } .banner-two-swiper-start { position: relative; max-width: 1920px; margin: auto; overflow: hidden; } .banner-two-swiper-start .mySwiper-banner-2 { position: relative; } .banner-two-swiper-start .mySwiper-banner-2 .swiper-pagination-b2 { text-align: left !important; display: inline; width: max-content; top: 40%; flex-direction: column; display: flex; left: 50px; align-items: center; position: absolute; z-index: 10; } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-two-swiper-start .mySwiper-banner-2 .swiper-pagination-b2 { display: none; } } @media only screen and (max-width: 1199px) { .banner-two-swiper-start .mySwiper-banner-2 .swiper-pagination-b2 { display: none; } } .banner-two-swiper-start .mySwiper-banner-2 .swiper-pagination-b2 .swiper-pagination-bullet { background: #fff; opacity: 1; margin: 5px 0; height: 6px; width: 6px; cursor: pointer; } .banner-two-swiper-start .mySwiper-banner-2 .swiper-pagination-b2 .swiper-pagination-bullet-active { background-image: url(../images/banner/shape/01.png); background-size: contain; height: 20px; width: 20px; background-repeat: no-repeat; background-color: transparent; cursor: pointer; } @media only screen and (max-width: 575px) { .banner-shop-content-wrapper p.disc br { display: none; } } .button-Greeno-banner-area { display: flex; align-items: center; position: relative; } .button-Greeno-banner-area .vedio-icone .video-play-button { position: absolute; z-index: 2; /* top: 50%; */ left: 36%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; display: flex; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .button-Greeno-banner-area .vedio-icone .video-play-button { left: 39%; } } @media only screen and (max-width: 1199px) { .button-Greeno-banner-area .vedio-icone .video-play-button { left: 51%; } } @media only screen and (max-width: 767px) { .button-Greeno-banner-area .vedio-icone .video-play-button { left: 44%; } } @media only screen and (max-width: 575px) { .button-Greeno-banner-area .vedio-icone .video-play-button { left: 30px; top: 108px; } } .button-Greeno-banner-area .vedio-icone .video-play-button .text { min-width: max-content; margin-left: 56px; margin-top: 10px; color: #fff; } .button-Greeno-banner-area .vedio-icone .video-play-button::after { background: #fff; border: transparent; } .button-Greeno-banner-area .vedio-icone .video-play-button::before { background: #ffffff62; border: transparent; border-color: #fff; } .banner-two-main-wrapper-Greenoc { position: relative; z-index: 1; } .banner-two-main-wrapper-Greenoc .water-text { position: absolute; left: 10%; top: 25%; z-index: -1; text-transform: uppercase; text-align: center; margin: auto; display: block; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); font-size: 200px; font-weight: 700; font-family: var(--font-primary); margin-bottom: -30px; } @media only screen and (max-width: 767px) { .banner-two-main-wrapper-Greenoc .water-text { font-size: 100px; font-weight: 700; } } .rts-banner-three-Greeno { position: relative; z-index: 1; } .rts-banner-three-Greeno .left-banner-content-area-two { padding-left: 290px; padding-top: 280px; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .rts-banner-three-Greeno .left-banner-content-area-two { padding-left: 150px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-banner-three-Greeno .left-banner-content-area-two { padding-left: 80px; padding-bottom: 150px; padding-top: 150px; } } @media only screen and (max-width: 1199px) { .rts-banner-three-Greeno .left-banner-content-area-two { padding-left: 50px; padding-top: 150px; padding-bottom: 180px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-banner-three-Greeno .left-banner-content-area-two { padding-top: 100px; } } @media only screen and (max-width: 575px) { .rts-banner-three-Greeno .left-banner-content-area-two { padding-left: 15px; padding-top: 60px; } } .rts-banner-three-Greeno .left-banner-content-area-two .shape-image-1 { position: absolute; left: 0; bottom: 0; z-index: -1; } .rts-banner-three-Greeno .left-banner-content-area-two .pre-title { color: var(--color-primary); text-transform: uppercase; font-weight: 600; font-size: 15px; line-height: 20px; display: block; margin-bottom: 20px; margin-left: 60px; position: relative; } .rts-banner-three-Greeno .left-banner-content-area-two .pre-title::after { position: absolute; content: ""; background-image: url(../images/banner/shape/03.png); width: 48px; height: 7px; background-size: contain; background-repeat: no-repeat; left: -60px; top: 50%; transform: translateY(-50%); } .rts-banner-three-Greeno .left-banner-content-area-two .title { font-weight: 700; font-size: 70px; line-height: 80px; } @media only screen and (max-width: 1199px) { .rts-banner-three-Greeno .left-banner-content-area-two .title { font-size: 56px; line-height: 70px; } } @media only screen and (max-width: 575px) { .rts-banner-three-Greeno .left-banner-content-area-two .title { font-size: 36px; line-height: 55px; } } @media only screen and (max-width: 767px) { .rts-banner-three-Greeno .left-banner-content-area-two p.disc br { display: none; } } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area { display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 575px) { .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area { flex-direction: column; align-items: flex-start; } } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area .call-button { display: flex; align-items: center; gap: 14px; } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area .call-button i { height: 55px; width: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.08); color: var(--color-primary); } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area .call-button .info span { color: #74787C; display: block; margin-bottom: 6px; } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area .call-button .info a .title { color: #1F1F25; margin-bottom: 0; transition: 0.3s; font-size: 18px; line-height: 27px; } .rts-banner-three-Greeno .left-banner-content-area-two .baner-three-button-area .call-button .info a:hover .title { color: var(--color-primary); } .separator-Top { border-top: 1px solid #ffffff10; } .service-Greeno-short-info .call { display: flex; align-items: center; justify-content: center; gap: 20px; } @media only screen and (max-width: 767px) { .service-Greeno-short-info .call { flex-direction: column; align-items: flex-start; } } .service-Greeno-short-info .call span { margin-left: 20px; } .service-Greeno-short-info .call p { margin: 0; color: #fff; font-weight: 500; font-size: 20px; line-height: 26px; } .service-Greeno-short-info .call p a { transition: 0.3s; } .marquee { max-width: 1920px; overflow: hidden; white-space: nowrap; display: flex; gap: 30px; position: absolute; left: 0; bottom: 20px; } .marquee .marquee__item { display: inline-block; will-change: transform; animation: marquee 120s linear infinite; } .marquee .marquee__item .banner-marque-bottom { display: flex; align-items: center; flex-wrap: nowrap; height: 235px; } .marquee .marquee__item .banner-marque-bottom p { display: block; margin: 0; text-align: center; margin: auto; display: block; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #E6E6E6; font-weight: 700; font-size: 200px; line-height: 100px; font-family: var(--font-primary); font-family: var(--font-primary); } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .marquee .marquee__item .banner-marque-bottom p { font-size: 150px; } } @media only screen and (max-width: 575px) { .marquee .marquee__item .banner-marque-bottom p { font-size: 100px; } } .rts-banner-three-Greeno { position: relative; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .thumbnail-image-banner { position: relative; } .thumbnail-image-banner img { width: 100%; } .thumbnail-image-banner .vedio-icone .video-play-button::after { background: #fff; border: transparent; height: 77px; width: 77px; } .thumbnail-image-banner .vedio-icone .video-play-button::before { background: rgba(217, 217, 217, 0.16); border: transparent; } .banner-two-swiper-start .swiper-slide .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content span.pre { transition-delay: 0.2s; opacity: 0; } .banner-two-swiper-start .swiper-slide .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content .banner-title { transition-delay: 0.5s; opacity: 0; } .banner-two-swiper-start .swiper-slide .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content p.disc { transition-delay: 0.8s; opacity: 0; } .banner-two-swiper-start .swiper-slide .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content .button-Greeno-banner-area { transition-delay: 1s !important; opacity: 0; } .banner-two-swiper-start .swiper-slide.swiper-slide-active .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content span.pre { animation: slideInUp3 1s linear; animation-delay: 0.2s; display: block; opacity: 1; } .banner-two-swiper-start .swiper-slide.swiper-slide-active .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content .banner-title { animation: fadeInUp2 1s linear; animation-delay: 0.5s; opacity: 1; } .banner-two-swiper-start .swiper-slide.swiper-slide-active .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content p.disc { animation: fadeInUp2 1s linear; animation-delay: 0.8s; opacity: 1; } @media only screen and (max-width: 767px) { .banner-two-swiper-start .swiper-slide.swiper-slide-active .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content p.disc br { display: none; } } .banner-two-swiper-start .swiper-slide.swiper-slide-active .banner-two-main-wrapper-Greenoc .banner-Greeno-2-content .button-Greeno-banner-area { animation: fadeInUp2 1s linear; animation-delay: 1s !important; opacity: 1; } .banner_bg-four { background-image: url(../images/banner/15.jpg); height: 980px; } .banner_bg-four.two { background-image: url(../images/banner/17.jpg); } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner_bg-four { height: 750px; } } @media only screen and (max-width: 767px) { .banner_bg-four { height: 650px; } } .banner-four-main-content-wrapper { position: relative; } .banner-four-main-content-wrapper .title-right-shape { position: absolute; right: 26%; top: 59%; } .banner-four-main-content-wrapper .title-main { color: #fff; font-size: 110px; font-weight: 700; line-height: 120px; } @media only screen and (max-width: 1199px) { .banner-four-main-content-wrapper .title-main { color: #fff; font-size: 80px; font-weight: 700; line-height: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-four-main-content-wrapper .title-main { color: #fff; font-size: 70px; font-weight: 700; line-height: 70px; } } @media only screen and (max-width: 767px) { .banner-four-main-content-wrapper .title-main { font-size: 60px; line-height: 70px; } } @media only screen and (max-width: 575px) { .banner-four-main-content-wrapper .title-main { font-size: 45px; } } .banner-four-main-content-wrapper p.disc { color: #fff; } @media only screen and (max-width: 767px) { .banner-four-main-content-wrapper p.disc br { display: none; } } .banner-area-four-wrapper-swiper-main .title-right-shape .draw { top: -30px; position: absolute; left: -80px; z-index: 0; } .cta-main-wrapper-4 { background: var(--color-primary); padding: 35px 0; } .cta-main-wrapper-4 .main-wrapper { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .cta-main-wrapper-4 .main-wrapper { flex-direction: column; align-items: flex-start; gap: 20px; } } .cta-main-wrapper-4 .main-wrapper .title { margin-bottom: 0; color: #fff; color: #FFF; font-size: 34px; font-weight: 700; line-height: 44px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-main-wrapper-4 .main-wrapper .title { font-size: 26px; font-weight: 500; } } @media only screen and (max-width: 767px) { .cta-main-wrapper-4 .main-wrapper .title { font-size: 26px; font-weight: 500; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-main-wrapper-4 .main-wrapper .title br { display: none; } } @media only screen and (max-width: 767px) { .cta-main-wrapper-4 .main-wrapper .title br { display: none; } } .cta-main-wrapper-4 .main-wrapper .rts-btn { color: #000; } .cta-main-wrapper-4 .main-wrapper .rts-btn::before { background: #fff; } .cta-main-wrapper-4 .main-wrapper .rts-btn:hover { color: #fff; } .banner_bg-four { background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .title-right-shape { display: none !important; } } .mb_dec-20 { margin-bottom: -20px; } .mt-dec-5 { margin-top: -5px; } .mt-dec-30 { margin-top: -30px; } .mt-dec-20 { margin-top: -20px; } .rts-banner-area-four.banner_bg-four { position: relative; } .rts-banner-area-four.banner_bg-four .banner-social-rotate { position: absolute; left: 80px; bottom: 220px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-banner-area-four.banner_bg-four .banner-social-rotate { display: none; } } @media only screen and (max-width: 1199px) { .rts-banner-area-four.banner_bg-four .banner-social-rotate { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-banner-area-four.banner_bg-four .banner-social-rotate { display: none; } } @media only screen and (max-width: 767px) { .rts-banner-area-four.banner_bg-four .banner-social-rotate { display: none; } } .rts-banner-area-four.banner_bg-four .banner-social-rotate a i { color: #fff; } .rts-banner-area-four.banner_bg-four .banner-social-rotate::after { position: absolute; left: 5px; bottom: -60px; height: 40px; background: #fff; content: ""; width: 1px; } .rts-banner-area-four.banner_bg-four .banner-social-rotate .social-wrapper-one-horizental { display: flex; flex-direction: column; gap: 20px; } .rts-banner-area-four.banner_bg-four p.follow { transform: rotate(-90deg); position: absolute; bottom: -130px; left: -28px; min-width: max-content; color: #fff; } .banner-area-four-wrapper-swiper-main { position: relative; display: block; } .banner-area-four-wrapper-swiper-main .swiper-pagination { position: absolute; right: 40px; left: auto; width: max-content; top: 50%; transform: rotate(-90deg); height: max-content; align-items: center; justify-content: center; display: flex; } @media only screen and (max-width: 767px) { .banner-area-four-wrapper-swiper-main .swiper-pagination { display: none; } } .banner-area-four-wrapper-swiper-main .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 1; height: 6px; width: 6px; margin: 0px 10px; } .banner-area-four-wrapper-swiper-main .swiper-pagination .swiper-pagination-bullet-active { background-image: url(../images/banner/active.png); background-size: contain; height: 30px; background-color: transparent; width: 30px; } .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .title-right-shape { transition-delay: 0.7s; opacity: 0; display: block; } .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .title-main { transition-delay: 0.3s; opacity: 0; } @media only screen and (max-width: 1199px) { .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .title-main br { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .title-main img { display: none; } } @media only screen and (max-width: 767px) { .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .title-main img { display: none; } } .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper p.disc { transition-delay: 0.8s; opacity: 0; } .banner-area-four-wrapper-swiper-main .banner-four-main-content-wrapper .button-area { transition-delay: 1s !important; opacity: 0; display: block; } .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-right-shape { animation: slideInUp3 1s linear; animation-delay: 0.7s; display: block; opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-right-shape { display: none; } } @media only screen and (max-width: 767px) { .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-right-shape { display: none; } } .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-main { animation: fadeInUp2 1s linear; animation-delay: 0.3s; opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-main img { display: none; } } @media only screen and (max-width: 767px) { .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .title-main img { display: none; } } .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper p.disc { animation: fadeInUp2 1s linear; animation-delay: 0.8s; opacity: 1; } .banner-area-four-wrapper-swiper-main .swiper-slide-active .banner-four-main-content-wrapper .button-area { animation: fadeInUp2 1s linear; animation-delay: 1s !important; opacity: 1; } .banner-shop-area { background-image: url(../images/banner/16.jpg); max-width: 1760px; margin: auto; border-radius: 10px; position: relative; z-index: 1; } .banner-shop-area::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: -1; opacity: 0; } @media only screen and (max-width: 575px) { .banner-shop-area::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; z-index: -1; opacity: 1; } } .category-title-left-area .title { font-size: 42px; } @media only screen and (max-width: 575px) { .category-title-left-area .title { font-size: 36px; line-height: 50px; } } .banner-shop-content-wrapper .pre { color: var(--color-primary); font-size: 20px; font-weight: 600; line-height: 26px; } .banner-shop-content-wrapper .title { font-weight: 700; line-height: 75px; text-transform: uppercase; font-size: 60px; margin-bottom: 12px; margin-top: 12px; } @media only screen and (max-width: 767px) { .banner-shop-content-wrapper .title { font-weight: 700; line-height: 58px; text-transform: uppercase; font-size: 42px; margin-bottom: 18px; margin-top: 12px; } } @media only screen and (max-width: 575px) { .banner-shop-content-wrapper .title { font-weight: 700; line-height: 51px; text-transform: uppercase; font-size: 28px; margin-bottom: 18px; margin-top: 12px; } } .banner-shop-content-wrapper .title span.ita { font-style: italic; font-weight: 500 !important; font-family: var(--font-secondary); text-transform: capitalize; } .mySwiper-h-2-c .swiper-pagination-h2-c { display: flex; align-items: center; justify-content: center; margin-top: 40px; } .mySwiper-h-2-c .swiper-pagination-h2-c .swiper-pagination-bullet { width: 6px; height: 6px; background: #BBBBBB; cursor: pointer; opacity: 1; position: relative; z-index: 5; } .mySwiper-h-2-c .swiper-pagination-h2-c .swiper-pagination-bullet-active { width: 10px; height: 10px; background: var(--color-primary); cursor: pointer; opacity: 1; position: relative; z-index: 5; } .fun-facts-area-wrapper { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 1199px) { .fun-facts-area-wrapper { flex-wrap: wrap; justify-content: center; gap: 30px; } } @media only screen and (max-width: 479px) { .fun-facts-area-wrapper { justify-content: center; } } .single-fun-facts { display: flex; align-items: center; } .single-fun-facts .icon { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 50%; margin-right: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-fun-facts .icon { width: 75px; height: 75px; } } .single-fun-facts .inner-content { position: relative; } .single-fun-facts .inner-content.bn::after { display: none; } .single-fun-facts .inner-content::after { content: ""; position: absolute; right: -100px; height: 100%; width: 1px; background: #d1d1d1; top: 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-fun-facts .inner-content::after { display: none; } } @media only screen and (max-width: 1199px) { .single-fun-facts .inner-content::after { display: none; } } .single-fun-facts .inner-content .title { margin-bottom: 0; position: relative; display: inline-block; } .single-fun-facts .inner-content .title .plus::after { position: absolute; content: "+"; right: -25px; top: 50%; transform: translateY(-50%); font-size: 36px; color: #000; } .single-fun-facts .inner-content .title span.counter { font-weight: 700; font-size: 36px; line-height: 48px; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-fun-facts .inner-content .title span.counter { font-size: 27px; line-height: 36px; font-weight: 500; } } @media only screen and (max-width: 767px) { .single-fun-facts .inner-content .title span.counter { font-size: 27px; line-height: 36px; font-weight: 500; } } .single-fun-facts .inner-content span { font-weight: 500; font-size: 16px; line-height: 21px; display: block; font-family: var(--font-primary); } .single-counter-up-start-Greeno { position: relative; } .single-counter-up-start-Greeno .bg-text { text-transform: uppercase; text-align: center; margin: auto; display: block; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(217, 217, 217, 0.267); font-size: 100px; font-weight: 700; font-weight: 700; font-size: 120px; line-height: 120px; font-family: var(--font-primary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single-counter-up-start-Greeno .main-content .title { font-weight: 600; font-size: 34px; line-height: 44px; margin-bottom: -5px; } .single-counter-up-start-Greeno .main-content p { font-weight: 600; font-size: 24px; font-family: var(--font-primary); line-height: 58px; color: #1F1F25; margin-bottom: 0; } .cta-main-wrapper-one { display: flex; align-items: center; background: #17161B; padding: 60px; border-radius: 7px; position: relative; z-index: 1; } @media only screen and (max-width: 575px) { .cta-main-wrapper-one { padding: 25px; } } .cta-main-wrapper-one::after { position: absolute; left: 0; top: 0; content: ""; background-image: url(../images/cta/01.png) !important; background-repeat: no-repeat; height: 100%; width: 100%; z-index: -1; background-size: contain; } .cta-main-wrapper-one .icon { margin-right: 20px; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #17161B; position: relative; z-index: 1; border-radius: 50%; } @media only screen and (max-width: 479px) { .cta-main-wrapper-one .icon { height: 90px; width: 90px; } } .cta-main-wrapper-one .icon::after { width: 90px; height: 90px; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #212025; z-index: -1; border-radius: 50%; } @media only screen and (max-width: 479px) { .cta-main-wrapper-one .icon::after { width: 60px; height: 60px; } } .cta-main-wrapper-one .info-area span { color: var(--color-primary); font-family: var(--font-secondary); font-weight: 500; font-size: 16px; line-height: 19px; } .cta-main-wrapper-one .info-area h4.title { font-weight: 700; font-size: 30px; line-height: 40px; font-family: "Exo", sans-serif; color: #fff; margin-top: 7px; margin-bottom: 8px; } @media only screen and (max-width: 767px) { .cta-main-wrapper-one .info-area h4.title { font-size: 22px; line-height: 34px; } } @media only screen and (max-width: 575px) { .cta-main-wrapper-one .info-area h4.title { font-size: 22px; line-height: 34px; } } @media only screen and (max-width: 479px) { .cta-main-wrapper-one .info-area h4.title { font-size: 16px; line-height: 26px; } } .cta-main-wrapper-one .info-area p { color: #676767; font-weight: 500; font-size: 16px; line-height: 19px; } .cta-main-wrapper-one.cta_primary { background: var(--color-primary); } .cta-main-wrapper-one.cta_primary::after { background-image: url(../images/cta/02.png); } .cta-main-wrapper-one.cta_primary .icon { background: var(--color-primary); } .cta-main-wrapper-one.cta_primary .icon svg path { fill: var(--color-primary); } .cta-main-wrapper-one.cta_primary .icon::after { background: #FFFFFF; } .cta-main-wrapper-one.cta_primary .info-area span { color: #FFFFFF; } .cta-main-wrapper-one.cta_primary .info-area p { color: #FFFFFF; } .bg-cta-two { background-image: url(../images/about/04.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .cta-two-main-wrapper { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .cta-two-main-wrapper { flex-direction: column; gap: 30px; align-items: flex-start; } } .cta-two-main-wrapper .title-area-left p { margin-bottom: 35px; } .cta-two-main-wrapper .title-area-left .title { color: #fff; margin-bottom: 0; } .cta-two-main-wrapper .cta-button-area { display: flex; align-items: center; gap: 15px; } @media only screen and (max-width: 575px) { .cta-two-main-wrapper .cta-button-area { flex-direction: column; gap: 15px; align-items: flex-start; } } .cta-Greeno-wrapper { background-image: url(../images/cta/08.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 75px 81px; border-radius: 10px; display: flex; align-items: center; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .cta-Greeno-wrapper br { display: none; } } @media only screen and (max-width: 1199px) { .cta-Greeno-wrapper br { display: none; } } @media only screen and (max-width: 1199px) { .cta-Greeno-wrapper { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 767px) { .cta-Greeno-wrapper { padding: 30px; } } .cta-Greeno-wrapper .left-area { flex-basis: 43%; } .cta-Greeno-wrapper .left-area span.pre { color: #ffff; text-transform: uppercase; letter-spacing: 0.04em; } .cta-Greeno-wrapper .left-area span.pre span { background: #4AAB3D; padding: 2px 5px; display: inline-block; border-radius: 4px; font-weight: 700; font-size: 15px; line-height: 20px; } .cta-Greeno-wrapper .left-area .title { font-weight: 700; font-size: 34px; line-height: 44px; color: #fff; margin-top: 25px; } @media only screen and (max-width: 767px) { .cta-Greeno-wrapper .left-area .title { font-size: 24px; line-height: 35px; } } .cta-Greeno-wrapper .right-area { flex-basis: 57%; } .cta-Greeno-wrapper .right-area .cta-form { display: flex; align-items: center; gap: 10px; } @media only screen and (max-width: 767px) { .cta-Greeno-wrapper .right-area .cta-form { flex-direction: column; align-items: flex-start; } } .cta-Greeno-wrapper .right-area .cta-form .single-input input { height: 55px; border: 1px solid #373737; border-radius: 4px; min-width: 216px; color: #fff; } .cta-Greeno-wrapper .right-area .cta-form .single-input input:focus { border: 1px solid var(--color-primary); } .cta-Greeno-wrapper .right-area .cta-form .single-input input::placeholder { font-weight: 400; font-size: 14px; line-height: 24px; color: #f6f6f6; } .ml-dec-5 { margin-left: -11px; } .index-three .cta-Greeno-wrapper .right-area .cta-form .single-input input { border-radius: 100px; } .bg-h-light { background: #F6F6F6; } @media only screen and (max-width: 767px) { .rts-about-inner-area-content { margin-top: 30px; } } .about-image-left { position: relative; max-width: max-content; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-image-left { position: relative; max-width: 100%; } } @media only screen and (max-width: 767px) { .about-image-left { position: relative; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-image-left .thumbnail { max-width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .about-image-left .thumbnail { max-width: 100%; margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-image-left .thumbnail img { width: 100%; } } @media only screen and (max-width: 767px) { .about-image-left .thumbnail img { width: 100%; } } .about-image-left::after { position: absolute; content: ""; background: var(--color-primary); width: 12px; height: 239px; top: 0; right: -35px; position: absolute; content: ""; background: var(--color-primary); width: 10px; height: 239px; top: 0; right: -20px; } .about-image-left .small-image { position: absolute; right: -50%; top: 62%; transform: translateY(-50%); } @media only screen and (max-width: 1199px) { .about-image-left .small-image { left: 50px; } } .about-image-left .exp-badge { display: flex; align-items: center; background: var(--color-primary); max-width: max-content; padding: 39px 47px; position: absolute; bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-image-left .exp-badge { padding: 20px 10px; right: 0; } } @media only screen and (max-width: 767px) { .about-image-left .exp-badge { padding: 20px 10px; right: 0; } } .about-image-left .exp-badge .title { color: #fff; font-weight: 700; font-size: 36px; line-height: 48px; margin-bottom: 0; } .about-image-left .exp-badge span { margin-left: 20px; font-weight: 600; font-size: 18px; line-height: 24px; color: #FFFFFF; } @media only screen and (max-width: 767px) { .about-image-left .small-image img { max-width: 200px; } } .bg-feedback-about { background-image: url(../images/about/06.png); } .rts-team-bg-2 { background-image: url(../images/about/05.jpg); } .feedback-about-swiper-wrapper { margin-top: 45px; } .single-feedback-about { padding: 40px; background: #FFFFFF; border-radius: 5px; border: 1px solid #efefef; } @media only screen and (max-width: 479px) { .single-feedback-about { padding: 20px; } } .single-feedback-about .head { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #EFEFEF; } .single-feedback-about .head .title { font-weight: 700; font-size: 22px; line-height: 26px; margin-bottom: 0; color: #1F1F25; } .single-feedback-about .head span { font-weight: 500; font-size: 14px; line-height: 17px; color: #74787C; } .single-feedback-about .body p { font-weight: 600; font-size: 18px; line-height: 29px; color: #1F1F25; } .bg-abc-wrapper { background-image: url(../images/about/05.jpg); } .cpmpay-story-single-about a.thumnail { display: block; overflow: hidden; } .cpmpay-story-single-about a.thumnail img { transition: 0.6s; width: 100%; } .cpmpay-story-single-about a.thumnail:hover img { transform: scale(1.15); } .cpmpay-story-single-about .body { padding: 40px; background: #FFFFFF; } @media only screen and (max-width: 575px) { .cpmpay-story-single-about .body { padding: 10px; } } .cpmpay-story-single-about .body a.rts-btn.btn-border { border: 1px solid var(--color-primary) !important; background: #1F1F25; } .cpmpay-story-single-about .header-story { display: flex; align-items: center; gap: 30px; } .cpmpay-story-single-about .header-story .single { display: flex; align-items: center; } .cpmpay-story-single-about .header-story .single i { color: var(--color-primary); margin-right: 10px; } .cpmpay-story-single-about a .title { margin-top: 20px; transition: 0.3s; } .cpmpay-story-single-about a .title:hover { color: var(--color-primary); } .mySwiper-about-feedback { overflow: hidden; position: relative; padding: 50px 0; margin-top: -72px; } .mySwiper-about-feedback .swiper-pagination { right: auto; text-align: left; } .mySwiper-about-feedback .swiper-pagination-bullet-active { opacity: 1; background: var(--color-primary); } .ac-about-right-image-inner { display: flex; align-items: center; justify-content: center; } .left-inner-content-ac { margin-bottom: 30px; } .rts-about-area-ac .thumbnail-sm img { width: 80%; } .rts-about-area-ac .card-list-ac-area { display: flex; flex-direction: column; gap: 30px; } .rts-about-area-ac .card-list-ac-area .single { display: flex; align-items: center; gap: 20px; } .rts-about-area-ac .card-list-ac-area .single .icon { margin-bottom: 0; width: 70px; height: 70px; box-shadow: 0px 4px 32px rgba(111, 115, 152, 0.13); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .rts-about-area-ac .card-list-ac-area .single .title { margin-bottom: 0; margin-left: 10px; font-weight: 600; font-size: 18px; line-height: 26px; } .ac-about-right-image-inner { position: relative; } .ac-about-right-image-inner .small-top { position: absolute; top: -60px; right: -150px; } .ac-about-right-image-inner .small-bottom { position: absolute; bottom: 10px; left: 80px; } .cleaning-home-about-left-img { display: flex; align-items: center; justify-content: flex-end; } .index-cleaning-home { background: #F7F7F7; } .bg-white { background: #fff; } .inner-content-about-cleaning .experience { display: flex; align-items: center; gap: 30px; } .inner-content-about-cleaning .experience img { filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.09)); } .inner-content-about-cleaning .experience p { font-weight: 700; font-size: 18px; line-height: 28px; color: #1F1F25; } .inner-content-about-cleaning .short-cta { display: flex; align-items: center; justify-content: space-between; padding: 29px; background: #FFFFFF; box-shadow: 0px 14px 41px rgba(46, 54, 74, 0.07); border-radius: 20px; margin-top: 30px; } .inner-content-about-cleaning .short-cta .call { display: flex; align-items: center; gap: 25px; } .inner-content-about-cleaning .short-cta .call .info span { display: block; font-weight: 700; font-size: 12px; line-height: 14px; color: #74787C; margin-bottom: 7px; text-transform: uppercase; } .inner-content-about-cleaning .short-cta .call .info a { font-weight: 600; font-size: 22px; line-height: 26px; color: #1F1F25; } .rts-more-about-company-cleaning { clip-path: polygon(71% 0, 100% 12%, 100% 100%, 0 100%, 0 14%); background-image: url(../images/about/19.jpg); } .rts-more-about-company-cleaning .title-area-left p.pre { color: #fff; letter-spacing: 0.05em; font-weight: 600; font-size: 14px; line-height: 17px; } .rts-more-about-company-cleaning .title-area-left .title { font-weight: 700; font-size: 48px; line-height: 58px; color: #fff; margin-top: -10px; } .single-solution-start-cleaning { padding: 30px; background: #fff; box-shadow: 0px 8px 30px rgba(106, 106, 106, 0.1); border-radius: 20px; display: flex; gap: 23px; } .single-solution-start-cleaning .title { margin-bottom: 10px; } .single-solution-start-cleaning p { margin-bottom: 0; } .thumbnail-Greeno-about { position: relative; } .thumbnail-Greeno-about .video-play-button::after { background: #fff !important; border: transparent !important; } .thumbnail-Greeno-about .video-play-button::before { background: rgba(31, 31, 37, 0.3) !important; border: transparent !important; } .thumbnail-Greeno-about .experiencea-area { left: 10px; padding: 10px 18px; border-radius: 10px; border: 0.5px solid var(--color-primary); bottom: 40px; display: flex; flex-direction: column; position: absolute; background: #fff; } @media only screen and (max-width: 575px) { .thumbnail-Greeno-about .experiencea-area { left: 335px; } } @media only screen and (max-width: 479px) { .thumbnail-Greeno-about .experiencea-area { display: none; } } .thumbnail-Greeno-about .experiencea-area .title { font-weight: 700; font-size: 34px; line-height: 45px; color: #1F1F25; margin-bottom: -7px; } .thumbnail-Greeno-about .experiencea-area p { font-weight: 400; font-size: 16px; line-height: 21px; color: #1F1F25; } .rts-about-left-image-area { display: flex; align-items: center; justify-content: flex-end; padding-right: 50px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-about-left-image-area { justify-content: flex-start; padding-right: 0; } } @media only screen and (max-width: 767px) { .rts-about-left-image-area { padding-right: 0; } } .rts-about-left-image-area .small-image-area { background: #fff; width: 57%; border-radius: 10px; position: absolute; right: -20px; bottom: 30px; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .rts-about-left-image-area .small-image-area { width: 70%; } } .rts-about-left-image-area .small-image-area p { margin-left: 30px; font-weight: 700; font-size: 18px; line-height: 24px; color: #1F1F25; } @media only screen and (max-width: 767px) { .rts-about-left-image-area .small-image-area p { font-size: 14px; line-height: 21px; } } .custom-nav-soalr-about { margin-bottom: 20px; } .custom-nav-soalr-about li { margin-right: 20px; } .custom-nav-soalr-about li button { padding: 15px 33px; background: #fff !important; color: #1F1F25 !important; font-weight: 600; font-size: 16px; line-height: 19px; border-radius: 5px !important; } .custom-nav-soalr-about li button.active { background: var(--color-primary) !important; color: #fff !important; } .single-about-content-solar p.disc { margin-bottom: 30px; width: 90%; } .single-about-content-solar .left-area-wrapper img { width: 100%; padding-right: 20px; border-radius: 20px; } .single-about-content-solar .single-ckeck-wrapper { display: flex; align-items: center; margin-bottom: 8px; } .single-about-content-solar .single-ckeck-wrapper img { margin-right: 10px; } .single-about-content-solar .single-ckeck-wrapper p { color: #1F1F25; font-weight: 600; font-size: 16px; line-height: 31px; } .single-about-content-solar .vedio-area-start { position: relative; margin-top: 30px; } .vedio-area-start { position: relative; margin-top: 30px; padding: 30px 35px; background: #fff; border-radius: 5px; } @media only screen and (max-width: 575px) { .vedio-area-start { padding: 20px 10px; } } .vedio-area-start .vedio-icone .play-video .text { max-width: max-content; min-width: max-content; margin-bottom: 0; margin-left: 90px; color: #1F1F25; font-size: 16px; font-weight: 600; margin-top: 10px; position: relative; } @media only screen and (max-width: 575px) { .vedio-area-start .vedio-icone .play-video .text { display: none; } } .vedio-area-start .vedio-icone .play-video .text::after { position: absolute; content: ""; left: -40px; height: 1px; width: 30px; background: var(--color-primary); top: 44%; } .vedio-area-start .vedio-icone .video-play-button { left: 44%; } @media only screen and (max-width: 575px) { .vedio-area-start .vedio-icone .video-play-button { left: 74%; } } @media only screen and (max-width: 479px) { .vedio-area-start .vedio-icone .video-play-button { left: 82%; } } .about-area-Greeno-3-right .Greeno-title-area-three { text-align: left; } .about-area-Greeno-3-right .Greeno-title-area-three .pre-title { text-align: left; margin-right: auto; margin-left: 0; } .vedio-icone .video-play-button { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; display: flex; } .vedio-icone .video-play-button::before { content: ""; position: absolute; z-index: 0; left: -32%; top: -31%; display: block; width: 130px; height: 130px; background: transparent; border-radius: 50%; border: 1px solid var(--color-primary); animation: waves 3s ease-in-out infinite; } .vedio-icone .video-play-button::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: transparent; border: 2px solid var(--color-primary); transition: all 200ms; border-radius: 50%; } @media only screen and (max-width: 575px) { .vedio-icone .video-play-button::after { width: 60px; height: 60px; } } .vedio-icone .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 15px solid var(--color-primary); border-top: 8px solid transparent; border-bottom: 8px solid transparent; top: 50%; transform: translate(-50%, -50%); left: 47%; } .vedio-icone .video-play-button span.outer-text { border: none; min-width: max-content; margin-left: 75px; position: relative; margin-top: -12px; color: var(--color-primary); font-weight: 500; } .vedio-icone .video-overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all ease 500ms; display: none; } .vedio-icone .video-overlay iframe { width: 70%; height: 70%; margin: auto; display: flex; align-items: center; justify-content: center; top: 50%; top: 50%; position: relative; transform: translateY(-50%); } .vedio-icone .video-overlay.open { position: fixed; z-index: 1000; opacity: 1; display: block; } .vedio-icone .video-overlay .video-overlay-close { position: absolute; z-index: 1000; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: all 200ms; } .Greeno-about-left-content .content-inner p.disc { width: 80%; } @media only screen and (max-width: 767px) { .Greeno-about-left-content .content-inner p.disc { width: 100%; } } .Greeno-about-left-content .content-inner .power-soalr-area { display: flex; align-items: center; gap: 70px; } @media only screen and (max-width: 575px) { .Greeno-about-left-content .content-inner .power-soalr-area { gap: 30px; flex-direction: column; align-items: flex-start; } } .Greeno-about-left-content .content-inner .power-soalr-area .single { display: flex; align-items: center; gap: 20px; } .Greeno-about-left-content .content-inner .power-soalr-area .single .info .title { font-weight: 700; font-size: 24px; line-height: 32px; color: var(--color-primary); margin-bottom: 5px; } .Greeno-about-left-content .content-inner .power-soalr-area .single .info span { font-weight: 500; font-size: 16px; line-height: 26px; color: #1F1F25; } .Greeno-about-left-content .content-inner .Greeno-about-button-area { display: flex; align-items: center; gap: 60px; } @media only screen and (max-width: 575px) { .Greeno-about-left-content .content-inner .Greeno-about-button-area { gap: 30px; flex-direction: column; align-items: flex-start; } } .Greeno-about-left-content .content-inner .Greeno-about-button-area .call-button { display: flex; align-items: center; gap: 14px; } .Greeno-about-left-content .content-inner .Greeno-about-button-area .call-button i { height: 55px; width: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.08); color: var(--color-primary); } .Greeno-about-left-content .content-inner .Greeno-about-button-area .call-button .info span { color: #74787C; display: block; margin-bottom: 6px; } .Greeno-about-left-content .content-inner .Greeno-about-button-area .call-button .info a .title { color: #1F1F25; margin-bottom: 0; transition: 0.3s; } .Greeno-about-left-content .content-inner .Greeno-about-button-area .call-button .info a:hover .title { color: var(--color-primary); } .bg-lighten { background: #F6F6F6; } .about-lefta-area-Greeno-2 { position: relative; } .about-lefta-area-Greeno-2 .thumbnail-image-bottom { position: absolute; right: 0; bottom: -100px; } .about-lefta-area-Greeno-2 .top-left-img { position: absolute; left: -80px; top: -80px; animation: rotateIt 13s linear infinite; } .about-lefta-area-Greeno-2 .left-top-speen-style { position: absolute; left: -80px; top: -80px; } .about-lefta-area-Greeno-2 .top-left-speen { max-width: max-content; } .about-lefta-area-Greeno-2 .top-left-speen a.uni-circle-text { position: relative; } .about-lefta-area-Greeno-2 .top-left-speen a.uni-circle-text::after { content: ""; display: block; width: 76px; height: 76px; border: 1px solid rgba(131, 131, 131, 0.175); position: absolute; transform: scale(0.5); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: #1F1F25; } .about-lefta-area-Greeno-2 .top-left-speen a.uni-circle-text .uni-animation-spin { display: inline-flex; animation: rotateIt 15s linear 0s infinite; } .Greeno-title-area-three span.pre-title { font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-primary); display: block; margin-bottom: 16px; padding-left: 60px; position: relative; max-width: max-content; margin: auto; margin-bottom: 16px; } .Greeno-title-area-three span.pre-title::after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; background-image: url(../images/banner/shape/03.png); height: 7px; width: 48px; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .Greeno-title-area-three p.disc br { display: none; } } .about-area-Greeno-3-right .inner-content p.disc { margin-bottom: 30px; } .about-area-Greeno-3-right .inner-content .importanc-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid #EAEAEA; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-area-Greeno-3-right .inner-content .importanc-wrapper { gap: 10px; } } @media only screen and (max-width: 767px) { .about-area-Greeno-3-right .inner-content .importanc-wrapper { flex-direction: column; align-items: flex-start; } } .about-area-Greeno-3-right .inner-content .importanc-wrapper .single { display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; background: #fff; border-radius: 10px; } .about-area-Greeno-3-right .inner-content .importanc-wrapper .single .icon { margin-right: 12px; } .about-area-Greeno-3-right .inner-content .importanc-wrapper .single .icon-last { margin-left: 15px; } .about-area-Greeno-3-right .inner-content .importanc-wrapper .single .title { margin-bottom: 0px; color: var(--color-primary); font-weight: 700; font-size: 24px; line-height: 32px; } .about-area-Greeno-3-right .inner-content .importanc-wrapper .single p { margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 26px; color: #1F1F25; font-family: var(--font-primary); } .about-area-Greeno-3-right .inner-content .author-button-area { display: flex; align-items: center; margin-top: 30px; gap: 60px; } @media only screen and (max-width: 575px) { .about-area-Greeno-3-right .inner-content .author-button-area { gap: 30px; flex-direction: column; align-items: flex-start; } } .about-area-Greeno-3-right .inner-content .author-button-area .author-area { display: flex; align-items: center; } .about-area-Greeno-3-right .inner-content .author-button-area .author-area .name-area { margin-left: 15px; } .about-area-Greeno-3-right .inner-content .author-button-area .author-area .name-area .title { margin-bottom: 5px; } .rts-about-area-start-h3-soalri { position: relative; z-index: 1; } .rts-about-area-start-h3-soalri .bottom-left-img { position: absolute; left: 70px; bottom: 0; z-index: -1; } .bg-about-h4 { background: #F6F6F6; } .about-inner-four-h4 .check-area-wrapper .single-check { margin-bottom: 15px; display: flex; align-items: center; } .about-inner-four-h4 .check-area-wrapper .single-check img { margin-right: 13px; } .about-inner-four-h4 .check-area-wrapper .single-check p { color: #1F1F25; font-weight: 500; line-height: 28px; font-size: 16px; } .mittion-right-left-h4 { display: flex; align-items: center; justify-content: flex-end; margin-top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mittion-right-left-h4 { justify-content: flex-start; } } .bg-why-choose-us { background: #F6F6F6; } .single-reason-style-4 { display: flex; align-items: center; gap: 29px; align-items: flex-start; margin-bottom: 20px; } @media only screen and (max-width: 575px) { .single-reason-style-4 { flex-direction: column; align-items: flex-start; } } .single-reason-style-4 .icon { display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50%; background: #fff; box-shadow: 0px 4px 30px 0px #1f1f2510; } .single-reason-style-4 .content-info a .title { margin-bottom: 5px; font-size: 22px; color: #1F1F25; font-size: 22px; font-weight: 600; line-height: 32px; } .single-reason-style-4 .content-info p.dsic { color: var(#74787C); font-size: 16px; line-height: 26px; } .counter-main-wrapper-h4 { display: flex; align-items: center; justify-content: space-between; } @media only screen and (min-width: 768px) and (max-width: 991px) { .counter-main-wrapper-h4 { flex-wrap: wrap; gap: 30px; } } @media only screen and (max-width: 767px) { .counter-main-wrapper-h4 { flex-wrap: wrap; gap: 30px; } } .counter-main-wrapper-h4 .single-counter-up { position: relative; z-index: 1; } .counter-main-wrapper-h4 .single-counter-up .water-text { position: absolute; z-index: -1; left: 0; bottom: 0px; display: flex; align-items: center; } .counter-main-wrapper-h4 .single-counter-up .water-text p { color: transparent; font-weight: 700; font-size: 120px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ebebeb; } @media only screen and (max-width: 1199px) { .counter-main-wrapper-h4 .single-counter-up .water-text p { font-size: 80px; } } .counter-main-wrapper-h4 .single-counter-up .water-text span { color: transparent; font-weight: 700; font-size: 120px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ebebeb; margin-top: -40px; } @media only screen and (max-width: 1199px) { .counter-main-wrapper-h4 .single-counter-up .water-text span { font-size: 80px; } } .counter-main-wrapper-h4 .single-counter-up .title { color: #1F1F25; font-size: 34px; font-family: Exo; font-weight: 600; line-height: 44px; margin-bottom: -10px; } .counter-main-wrapper-h4 .single-counter-up p.content { color: #1F1F25; font-size: 24px; font-weight: 600; line-height: 58px; } .title-main-area-four-water .title { text-align: center; -webkit-text-stroke: 0.5px #D9D9D9; color: rgba(0, 0, 255, 0); font-size: 120px; font-weight: 700; line-height: 44px; text-transform: uppercase; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .title-main-area-four-water .title { font-size: 80px; } } @media only screen and (max-width: 1199px) { .title-main-area-four-water .title { font-size: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .title-main-area-four-water .title { font-size: 80px; min-width: max-content; text-align: center; } } @media only screen and (max-width: 767px) { .title-main-area-four-water .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .title-main-area-four-water .title { font-size: 20px; } } .thumbanil-about-four { position: relative; max-width: max-content; } .thumbanil-about-four .small-bottom-right { position: absolute; bottom: -40px; right: -40px; padding: 30px; background-image: url(../images/about/30.jpg); max-width: max-content; border-radius: 8px; } @media only screen and (max-width: 767px) { .thumbanil-about-four .small-bottom-right { top: 50px; right: 50px; bottom: auto; padding: 15px; } } .thumbanil-about-four .small-bottom-right .title { color: #fff; text-transform: uppercase; margin-bottom: 0; line-height: 38px; font-size: 26px; } @media only screen and (max-width: 767px) { .thumbanil-about-four .small-bottom-right .title { font-size: 20px; line-height: 26px; } } .cta-call-to-action-shop { background: var(--color-primary); } .single-counter-area { display: flex; align-items: center; gap: 26px; position: relative; } .single-counter-area.none::after { display: none; } .single-counter-area::after { position: absolute; right: 55px; height: 80px; width: 1px; top: 50%; transform: translateY(-50%); background: #00A04A; content: ""; } @media only screen and (max-width: 575px) { .single-counter-area svg { max-width: 40px; } } .single-counter-area .content .title { margin-bottom: 6px; color: #fff; font-weight: 500; } .single-counter-area .content p.disc { color: #fff; margin: 0; } .swiper-category-shop { overflow: hidden; position: relative; padding-bottom: 20px; } .swiper-category-shop .swiper-pagination { bottom: 0; top: auto; border-radius: 2px; background: #EFEFEF !important; } .swiper-category-shop .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--color-primary); border-radius: 2px; } .path-vert { stroke-dasharray: 1000; /*   stroke-dashoffset: 800; */ animation: draw1 2s linear alternate; } @keyframes draw1 { from { stroke-dashoffset: 1200; } to { stroke-dashoffset: 600; } } .title-area-left { text-align: left; } .title-area-left p.pre { color: var(--color-primary); letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase; font-size: 15px; font-family: var(--font-primary); display: block !important; } .title-area-left p.pre span { padding: 3px 7px; background: var(--color-primary); border-radius: 3px; color: #fff; } .title-area-left .title { font-weight: 700; font-size: 48px; line-height: 62px; color: #1F1F25; margin-top: -12px; } @media only screen and (max-width: 1199px) { .title-area-left .title { font-size: 36px; line-height: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .title-area-left .title { font-size: 36px !important; line-height: 50px; } } @media only screen and (max-width: 767px) { .title-area-left .title { font-size: 32px; line-height: 45px; } } @media only screen and (max-width: 575px) { .title-area-left .title { font-size: 24px; line-height: 36px; } } .title-area-left .title span { color: var(--color-primary); } .title-area-center { text-align: center; } .title-area-center p.pre { color: var(--color-primary); letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase; font-family: var(--font-primary); } @media only screen and (max-width: 575px) { .title-area-center p.pre { font-size: 12px; } } .title-area-center p.pre span { padding: 3px 7px; background: var(--color-primary); border-radius: 3px; color: #fff; } .title-area-center .title { font-weight: 700; font-size: 48px; line-height: 62px; color: #1F1F25; margin-top: -12px; } @media only screen and (max-width: 767px) { .title-area-center .title { font-size: 32px; line-height: 56px; } } @media only screen and (max-width: 575px) { .title-area-center .title { font-size: 26px; line-height: 38px; } } .title-area-center .title span { color: var(--color-primary); } p { font-weight: 500; font-size: 16px; line-height: 27px; color: #74787C; } .rts-service-area-one a.rts-btn.btn-primary { border-radius: 5px; display: block; max-width: inherit; text-align: center; } .rts-service-area-one a.rts-btn.btn-primary::before { border-radius: 5px; } .rts-service-area-one .nav-link { border: 1px solid #EFEFEF; padding: 25px; margin-bottom: 20px; border-radius: 5px; background-color: transparent !important; } .rts-service-area-one .nav-link[aria-selected=true] { background-color: #1F1F25 !important; } .rts-service-area-one .nav-link[aria-selected=true] .btn-main-wrapper-service-one .icon { background: var(--color-primary); } .rts-service-area-one .nav-link[aria-selected=true] .btn-main-wrapper-service-one .icon svg path { fill: #fff; } .rts-service-area-one .nav-link[aria-selected=true] .btn-main-wrapper-service-one .info-main .title { color: #fff; } .rts-service-area-one .nav-link[aria-selected=true] .btn-main-wrapper-service-one .info-main p { font-weight: 400; font-size: 16px; line-height: 19px; color: #74787C; } .btn-main-wrapper-service-one { display: flex; align-items: center; } .btn-main-wrapper-service-one .icon { width: 70px; height: 70px; background: #F5F5F5; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .btn-main-wrapper-service-one .icon svg path { fill: #1F1F25; } .btn-main-wrapper-service-one .info-main { margin-left: 23px; } .btn-main-wrapper-service-one .info-main .title { font-weight: 600; font-size: 22px; line-height: 29px; color: #1F1F25; margin-bottom: 5px; } @media only screen and (max-width: 479px) { .btn-main-wrapper-service-one .info-main .title { margin-bottom: 0; } } .service-one-tab-conetnt .disc { padding: 27px 35px; background: #F6F6F6; } @media only screen and (max-width: 479px) { .service-one-tab-conetnt .disc { padding: 15px; } } .rts-problem-solution-area { background: #F7F7F7; } .rts-solution-left-area-left { position: relative; max-width: max-content; } .rts-solution-left-area-left .small-image { position: absolute; top: 60%; transform: translateY(-50%); right: -50%; } .rts-solution-left-area-left .small-image img { border-radius: 7px; max-width: 170px; } .solution-content-inner-one p.disc { margin-bottom: 30px; } .solution-content-inner-one .solution-main-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .solution-content-inner-one .solution-main-wrapper .single-solution { flex-basis: 48%; background: #FFFFFF; box-shadow: 0px 13px 25px 4px rgba(0, 0, 0, 0.03); padding: 25px 30px; display: flex; align-items: center; transition: 0.3s; border-radius: 7px; } .solution-content-inner-one .solution-main-wrapper .single-solution i { font-weight: 900; font-size: 20px; line-height: 20px; color: var(--color-primary); margin-right: 15px; transition: 0.3s; } .solution-content-inner-one .solution-main-wrapper .single-solution p { font-weight: 600; font-size: 20px; line-height: 26px; transition: 0.3s; color: #1F1F25; } @media only screen and (max-width: 575px) { .solution-content-inner-one .solution-main-wrapper .single-solution p { min-width: max-content; } } .solution-content-inner-one .solution-main-wrapper .single-solution:hover { transform: translateY(-5px); background: var(--color-primary); } .solution-content-inner-one .solution-main-wrapper .single-solution:hover i { color: #fff; } .solution-content-inner-one .solution-main-wrapper .single-solution:hover p { color: #fff; } .solution-content-inner-one .cta-btn-solution { display: flex; align-items: center; margin-top: 40px; } @media only screen and (max-width: 575px) { .solution-content-inner-one .cta-btn-solution { flex-direction: column; align-items: flex-start; } } .solution-content-inner-one .cta-btn-solution a.rts-btn.btn-primary i { margin-left: 7px; } .solution-content-inner-one .cta-btn-solution .call-btn { display: flex; align-items: center; } .solution-content-inner-one .cta-btn-solution .call-btn .icon { height: 90px; width: 90px; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); display: flex; align-items: center; border-radius: 50%; justify-content: center; margin-left: 30px; border: 1px solid #EDD9D9; } @media only screen and (max-width: 1199px) { .solution-content-inner-one .cta-btn-solution .call-btn .icon { border: none; } } @media only screen and (max-width: 479px) { .solution-content-inner-one .cta-btn-solution .call-btn .icon { margin-left: 0; } } .solution-content-inner-one .cta-btn-solution .call-btn .icon i { height: 60px; width: 60px; border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; transform: rotate(-35deg); } .solution-content-inner-one .cta-btn-solution .call-btn .call-info { margin-left: 20px; } .solution-content-inner-one .cta-btn-solution .call-btn .call-info span { display: block; color: #74787C; font-weight: 500; font-size: 14px; line-height: 17px; } .solution-content-inner-one .cta-btn-solution .call-btn .call-info a { font-weight: 700; font-size: 20px; line-height: 24px; color: #1F1F25; margin-top: 10px; display: block; transition: 0.3s; } @media only screen and (max-width: 1199px) { .solution-content-inner-one .cta-btn-solution .call-btn .call-info a { font-size: 16px; } } .solution-content-inner-one .cta-btn-solution .call-btn .call-info a:hover { color: var(--color-primary); } .g-40 { --bs-gutter-x: 40px; --bs-gutter-y: 40px; } .bg-service_s { background: #F5F5F5; } .service-single-s-main { background: #1F1F25; padding: 45px; border-radius: 7px; } @media only screen and (max-width: 575px) { .service-single-s-main { padding: 25px; } } .service-single-s-main .icon { width: 80px; height: 80px; background: #FFFFFF; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .service-single-s-main a .title { color: #fff; margin-bottom: 8px; } .service-single-s-main p.disc { margin-bottom: 17px; } .service-single-s-main a.rts-read-more-btn { font-weight: 600; font-size: 16px; line-height: 19px; color: #FFFFFF; } .service-single-s-main a.rts-read-more-btn i { margin-left: 7px; margin-bottom: -2px; } .service-single-s-main.yellow-bg { background: var(--color-primary); } .service-single-s-main.yellow-bg .icon svg path { fill: var(--color-primary); } .service-single-s-main.yellow-bg p.disc { color: #fff; } .short-service-style-one { background: #F7F7F7; border-radius: 7px; padding: 30px; } @media only screen and (max-width: 767px) { .short-service-style-one { padding: 15px; } } .short-service-style-one .thumbnail img { width: 100%; } .short-service-style-one .thumbnail { margin-bottom: 25px; display: block; overflow: hidden; border-radius: 7px; } .short-service-style-one .thumbnail img { transition: 0.6s; } .short-service-style-one .thumbnail:hover img { transform: scale(1.15); } .short-service-style-one a .title { margin-bottom: 10px; transition: 0.3s; } .short-service-style-one a .title:hover { color: var(--color-primary); } .short-service-style-one p.disc { margin-bottom: 20px; } .short-service-style-one a.fancy-read-more-btn { display: flex; align-items: center; gap: 16px; font-weight: 600; font-size: 16px; line-height: 19px; color: #1F1F25; } .short-service-style-one a.fancy-read-more-btn i { width: 42px; height: 32px; display: block; background: var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 0 33px 33px 0; color: #fff; } .left-service-details-wrapper .content--sd-top .title { margin-top: 40px; margin-bottom: 25px; } .left-service-details-wrapper .content--sd-top p.disc-1 { margin-bottom: 30px; } .left-service-details-wrapper .content--sd-top p.disc-2 { margin-bottom: 60px; } .left-service-details-wrapper .sm-thumbnail-sd img { width: 100%; } .left-service-details-wrapper .sm-sd-content-wrapper .title { font-size: 30px; } .left-service-details-wrapper .sm-sd-content-wrapper p.disc { margin-bottom: 30px; } .left-service-details-wrapper .sm-sd-content-wrapper .single-banifits { display: flex; align-items: center; margin: 7px 0; } .left-service-details-wrapper .sm-sd-content-wrapper .single-banifits i { color: var(--color-primary); margin-right: 10px; } .service-detials-step-2 .title { font-size: 30px; } .service-detials-step-2 .single-service-step { background: #fff; padding: 40px 20px; border: 1px solid #EEEEEE; box-shadow: 0px 6px 39px #0000000a; } .service-detials-step-2 .single-service-step p.step { position: relative; color: #fff; z-index: 1; margin-bottom: 52px; font-weight: 700; font-size: 20px; line-height: 28px; margin-top: 29px; } .service-detials-step-2 .single-service-step p.step::before { position: absolute; content: ""; left: 50%; top: 50%; background: rgba(74, 171, 61, 0.05); height: 90px; width: 90px; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; } .service-detials-step-2 .single-service-step p.step::after { position: absolute; content: ""; left: 50%; top: 50%; background: var(--color-primary); height: 60px; width: 60px; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; } .service-detials-step-2 .single-service-step .title { margin-bottom: 8px; font-weight: 700; font-size: 18px; line-height: 22px; } .service-detials-step-2 .single-service-step p.disc { font-size: 16px; line-height: 26px; } .rts-problem-solution-area { position: relative; } .rts-problem-solution-area::after { position: absolute; content: ""; height: 73px; width: 555px; right: 0; bottom: 0; background-image: url(../images/solution/03.png); background-repeat: no-repeat; } .get-in-touch-single-side { text-align: left; margin-top: 24px; } .get-in-touch-single-side .rts-single--cta { display: flex; align-items: flex-start; margin: 15px 0; } .get-in-touch-single-side .rts-single--cta i { margin-top: 5px; margin-right: 15px; color: var(--color-primary); font-size: 18px; } .get-in-touch-single-side .rts-single--cta a { font-size: 16px; color: #74787c; transition: 0.3s; } .get-in-touch-single-side .rts-single--cta a:hover { color: var(--color-primary); } .service-one-tab-conetnt .thumbnail img { width: 100%; } .rts-single-service-area-condition { display: flex; align-items: center; padding: 40px 15px 40px 40px; border: 1px solid #F0EEED; border-radius: 10px; transition: 0.3s; } .rts-single-service-area-condition .icon-area { display: block; height: 80px; min-width: 80px; border-radius: 50%; background: #FFF3EF; display: flex; align-items: center; justify-content: center; margin-right: 25px; transition: 0.3s; } .rts-single-service-area-condition .icon-area svg path { fill: var(--color-primary); transition: 0.3s; } .rts-single-service-area-condition .title { margin-bottom: 8px; text-transform: uppercase; } .rts-single-service-area-condition p.disc { margin-bottom: 0; } .rts-single-service-area-condition:hover { box-shadow: 0px 9px 41px rgba(113, 94, 87, 0.12); } .rts-single-service-area-condition:hover .icon-area { background: var(--color-primary); } .rts-single-service-area-condition:hover .icon-area svg path { fill: #fff; } .bg-service-air-con { background-image: url(../images/service/11.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .air-condition-single-service-01 { padding: 40px; background: #FFFFFF; border: 1px solid #ECECEC; border-radius: 8px; position: relative; } .air-condition-single-service-01 .shapre-right-bottom { position: absolute; right: 10px; bottom: 10px; } .air-condition-single-service-01 .shapre-right-bottom svg path { transition: 0.3s; } .air-condition-single-service-01 .icon-area { background: #F6F6F6; height: 110px; min-width: 110px; max-width: 110px; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 30px; transition: 0.3s; } .air-condition-single-service-01 .icon-area svg path { fill: var(--color-primary); transition: 0.3s; } .air-condition-single-service-01 .title { font-weight: 600; font-size: 24px; line-height: 32px; color: #1F1F25; margin-bottom: 10px; } .air-condition-single-service-01 p.disc { font-weight: 400; font-size: 16px; line-height: 26px; color: #74787C; margin-bottom: 20px; } .air-condition-single-service-01 a.read-more-cn { position: relative; display: flex; align-items: center; max-width: max-content; } .air-condition-single-service-01 a.read-more-cn i { margin-left: 5px; margin-bottom: -1px; } .air-condition-single-service-01 a.read-more-cn::after { position: absolute; content: ""; left: 0; bottom: -3px; height: 1px; width: 100%; background: #1F1F25; opacity: 0.15; } .air-condition-single-service-01:hover .icon-area { background: var(--color-primary); } .air-condition-single-service-01:hover .icon-area svg path { fill: #fff; } .air-condition-single-service-01:hover .shapre-right-bottom svg path { fill: var(--color-primary); } .why-choose-us-section-cleaning { background-image: url(../images/service/12.jpg); } .why-choose-us-section-cleaning .thumbnail-cleaning-choose-us { display: flex; align-items: center; justify-content: flex-end; position: relative; } .why-choose-us-section-cleaning .thumbnail-cleaning-choose-us .thumbnail img { border-radius: 30px; } .why-choose-us-section-cleaning .thumbnail-cleaning-choose-us .sm-img { position: absolute; left: 200px; bottom: 50px; border-radius: 15px; } .why-choose-us-section-cleaning .thumbnail-cleaning-choose-us .sm-img img { border-radius: 30px; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content p.disc { width: 90%; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .service-area-inner-short { display: flex; align-items: center; flex-wrap: wrap; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .service-area-inner-short .single-c { display: flex; align-items: center; margin-right: 50px; margin-bottom: 30px; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .service-area-inner-short .single-c .icon { width: 35px; height: 35px; border-radius: 50%; background: #E2E6F2; display: flex; align-items: center; justify-content: center; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .service-area-inner-short .single-c .icon i { font-weight: 600; color: var(--color-primary); } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .service-area-inner-short .single-c p { font-weight: 500; font-size: 18px; line-height: 26px; color: #1F1F25; margin-left: 15px; } .why-choose-us-section-cleaning .why-choose-us-cleaing .inner-content .rts-btn.btn-primary { margin-top: 30px; } .single-counter-area-cleaning { background-image: url(../images/service/bg.png); height: 208px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .single-counter-area-cleaning::after { position: absolute; left: 50%; top: 4px; transform: translate(-50%, -50%); content: ""; height: 115px; width: 115px; background: #FFFFFF; box-shadow: inset 0px 4px 26px rgba(23, 37, 57, 0.16); border-radius: 50%; z-index: -1; } .single-counter-area-cleaning .content { text-align: center; margin-top: 40px; } .single-counter-area-cleaning .content .title { margin-bottom: 10px; } .single-counter-area-cleaning .content span { text-transform: uppercase; } .single-counter-area-cleaning .icon { height: 88px; width: 88px; border-radius: 50px; background: #1646D2; display: flex; align-items: center; justify-content: center; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); } .rts-single-service-solar-energy { padding: 50px 25px; background: #fff; box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.04); border-radius: 15px; height: 100%; text-align: center; } .rts-single-service-solar-energy .icon { width: 100px; height: 100px; border: 1px solid #E9E9E9; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; margin-bottom: 30px; } .rts-single-service-solar-energy .title { margin-bottom: 12px; font-size: 20px; text-transform: uppercase; } .rts-single-service-solar-energy p.disc { margin-bottom: 25px; } .bg_dark-solar { background: #1B1B1B; } .our-service-area-start-solar .title-area-center h2.title { color: #fff; } .single-service-start { background: #ffff; border-radius: 10px; position: relative; overflow: hidden; } .single-service-start .image-area { position: relative; } .single-service-start .image-area img { width: 100%; border-radius: 10px 10px 0 0; } .single-service-start .image-area .icon { position: absolute; bottom: -40px; left: 30px; background: #fff; width: 80px; height: 80px; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: 1px solid #EDEDED; } .single-service-start .inner-content { padding: 30px; margin-top: 40px; } .single-service-start .inner-content .title { margin-bottom: 9px; } .single-service-start .inner-content p.disc { margin-bottom: 50px; } .single-service-start .inner-content a.rts-btn { margin-left: auto; right: -10px; position: absolute; bottom: 0; border-radius: 10px 0 0 0; } .single-service-start .inner-content a.rts-btn i { margin-left: 90px; } .single-service-start .inner-content a.rts-btn::before { border-radius: 10px 0 0 0 !important; } .solar-left-inner-area-cta .button-area { margin-top: 40px; display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .solar-left-inner-area-cta .button-area { flex-direction: column; align-items: flex-start; } } .solar-left-inner-area-cta .button-area .call-btn { display: flex; align-items: center; } .solar-left-inner-area-cta .button-area .call-btn i { width: 55px; height: 55px; border-radius: 50%; box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12); display: flex; align-items: center; align-items: center; justify-content: center; color: var(--color-primary); } .solar-left-inner-area-cta .button-area .call-btn .info { margin-left: 15px; } .solar-left-inner-area-cta .button-area .call-btn .info span { display: block; } .solar-left-inner-area-cta .button-area .call-btn .info a { font-weight: 700; font-size: 20px; line-height: 27px; color: #1F1F25; transition: 0.3s; font-family: var(--font-primary); } .solar-left-inner-area-cta .button-area .call-btn .info a:hover { color: var(--color-primary); } .cta-soalr-inner-main .thumbnail img { border-radius: 0 15px 15px 0; } .expertiex-solar-inner { margin-top: 40px; } .expertiex-solar-inner .single-exp { display: flex; margin-bottom: 30px; } @media only screen and (max-width: 575px) { .expertiex-solar-inner .single-exp { flex-direction: column; align-items: flex-start; gap: 25px; } } .expertiex-solar-inner .single-exp img { min-width: max-content; object-fit: contain; } .expertiex-solar-inner .single-exp .info-wrapper { margin-left: 30px; } @media only screen and (max-width: 575px) { .expertiex-solar-inner .single-exp .info-wrapper { margin-left: 0; } } .expertiex-solar-inner .single-exp .info-wrapper .title { margin-bottom: 5px; } .expertiex-solar-inner .single-exp .info-wrapper p.disc { margin-bottom: 0; } .rts-secvice-area-Greenoc-banner-bottom { margin-top: -160px; } .single-service-Greeno { padding: 30px; border-radius: 10px; box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.04); transition: 0.3s; overflow: hidden; display: block; position: relative; background-image: url(../images/service/19.png); background-repeat: no-repeat; background-size: cover; z-index: 2; position: relative; height: 100%; } .single-service-Greeno.two { background-image: url(../images/service/26.png); } .single-service-Greeno.three { background-image: url(../images/service/27.png); } .single-service-Greeno.four { background-image: url(../images/service/28.png); } .single-service-Greeno::after { position: absolute; content: ""; background: #fff; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s; z-index: -1; border-radius: 10px; } .single-service-Greeno::before { position: absolute; left: 0; top: 0; background: #1b1b1b86; content: ""; width: 100%; height: 100%; border-radius: 10px; z-index: -1; } .single-service-Greeno:hover::after { height: 0%; } .single-service-Greeno:hover .icon-area svg path { fill: #fff; } .single-service-Greeno:hover .title { color: #fff; } .single-service-Greeno:hover p.disc { color: #fff; } .single-service-Greeno .icon-area { margin-bottom: 26px; } .single-service-Greeno .icon-area svg path { transition: 0.3s; } .single-service-Greeno .title { text-transform: uppercase; margin-bottom: 15px; font-size: 20px; transition: 0.3s; color: #1F1F25; max-width: max-content; } .single-service-Greeno .title:hover { color: var(--color-primary); } .single-service-Greeno p.disc { margin-bottom: 0; color: #74787C; transition: 0.3s; } .rts-service-area-height-Greeno { background: #F6F6F6; } .single-Greeno-service-start { padding: 30px; background-image: url(../images/service/20.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 10px; display: block; overflow: hidden; position: relative; z-index: 2; height: 100%; transition: 0.6s; } .single-Greeno-service-start.two { background-image: url(../images/service/29.png); } .single-Greeno-service-start.three { background-image: url(../images/service/30.png); } .single-Greeno-service-start.four { background-image: url(../images/service/31.png); } .single-Greeno-service-start:hover .icon-area { border: 1px solid transparent; } .single-Greeno-service-start:hover::after { height: 0%; } .single-Greeno-service-start:hover .title { color: #fff; } .single-Greeno-service-start:hover p.disc { color: #fff; } .single-Greeno-service-start:hover a.read-more-btn { color: #fdfdfd; display: flex; align-items: center; } .single-Greeno-service-start:hover a.read-more-btn i { margin-left: 10px; } .single-Greeno-service-start::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #ffff; z-index: -1; transition: 0.6s; } .single-Greeno-service-start::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #0808087a; z-index: -1; transition: 0.4s; } .single-Greeno-service-start .icon-area { margin-bottom: 90px; height: 80px; width: 80px; background: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-primary); } @media only screen and (max-width: 479px) { .single-Greeno-service-start .icon-area { margin-bottom: 40px; } } .single-Greeno-service-start .title { color: #1F1F25; transition: 0.3s; font-weight: 600; font-size: 24px; line-height: 32px; color: #1F1F25; } .single-Greeno-service-start .title:hover { color: var(--color-primary); } .single-Greeno-service-start p.disc { color: #74787C; font-weight: 400; font-size: 16px; line-height: 26px; } .single-Greeno-service-start a.read-more-btn { color: #1F1F25; display: flex; align-items: center; transition: 0.3s; } .single-Greeno-service-start a.read-more-btn i { margin-left: 10px; } .single-Greeno-service-start a.read-more-btn:hover { color: var(--color-primary); } .single-Greeno-steps-start .thumbnail { display: flex; overflow: hidden; border-radius: 10px; margin-bottom: 30px; position: relative; cursor: pointer; } .single-Greeno-steps-start .thumbnail .steps { position: absolute; left: 0; bottom: 0; width: 88px; height: 72px; display: flex; align-items: center; background: #fff; justify-content: center; border-radius: 0 10px 0 0; } .single-Greeno-steps-start .thumbnail .steps span { font-size: 34px; letter-spacing: 0.05em; font-weight: 900; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: var(--color-primary); color: #fff; } .single-Greeno-steps-start .thumbnail:hover img { transform: scale(1.1); } .single-Greeno-steps-start .thumbnail img { border-radius: 10px; transition: 0.5s; } .stok-bg { text-transform: uppercase; text-align: center; margin: auto; display: block; -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(217, 217, 217, 0.267); font-size: 100px; font-weight: 700; font-family: var(--font-primary); margin-bottom: -30px; margin-right: 10%; z-index: -1; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .stok-bg { display: none; } } @media only screen and (max-width: 767px) { .stok-bg { display: none; } } .single-feature-soalri-3 { padding: 30px; text-align: center; box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; background: #fff; transition: 0.3s; height: 100%; } .single-feature-soalri-3::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -1px; border-radius: inherit; background: linear-gradient(to bottom, #4AAB3D, #4aab3d00); transition: 0.3s; opacity: 0; } .single-feature-soalri-3 .icon { margin-bottom: 30px; } .single-feature-soalri-3 .title { text-transform: uppercase; } .single-feature-soalri-3 p.disc { margin-bottom: 25px; color: #74787C; } .single-feature-soalri-3 a.read-more-btn { font-weight: 600; font-size: 16px; line-height: 19px; color: #1F1F25; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .single-feature-soalri-3 a.read-more-btn i { margin-left: 10px; transition: 0.3s; margin-bottom: -2px; } .single-feature-soalri-3 a.read-more-btn:hover { color: var(--color-primary); } .single-feature-soalri-3 a.read-more-btn:hover i { color: var(--color-primary); } .single-feature-soalri-3:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); } .single-feature-soalri-3:hover::after { opacity: 1; } .tab-area-service-Greeno-3 ul { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; box-shadow: none; border: none; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .tab-area-service-Greeno-3 ul { gap: 25px; } } @media only screen and (max-width: 1199px) { .tab-area-service-Greeno-3 ul { gap: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .tab-area-service-Greeno-3 ul { gap: 20px; } } .tab-area-service-Greeno-3 ul li { padding: 0; margin: 0 5px; } @media only screen and (max-width: 767px) { .tab-area-service-Greeno-3 ul li { width: 100%; margin-bottom: 20px; } } .tab-area-service-Greeno-3 ul li .nav-link { cursor: pointer; border: none; display: flex; align-items: center; padding: 14px 23px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); background: #fff; transition: 0.3s; } .tab-area-service-Greeno-3 ul li .nav-link .icon { margin-right: 15px; } .tab-area-service-Greeno-3 ul li .nav-link svg path { transition: 0.3s; } .tab-area-service-Greeno-3 ul li .nav-link p { font-weight: 600; font-size: 18px; line-height: 28px; transition: 0.3s; color: #1F1F25; font-family: var(--font-primary); } .tab-area-service-Greeno-3 ul li .nav-link.active { background: var(--color-primary); border: none; } .tab-area-service-Greeno-3 ul li .nav-link.active svg path { fill: #fff; } .tab-area-service-Greeno-3 ul li .nav-link.active p { color: #fff; } .tab-area-service-Greeno-3 ul li .nav-link:hover { background: var(--color-primary); border: none; } .tab-area-service-Greeno-3 ul li .nav-link:hover svg path { fill: #fff; } .tab-area-service-Greeno-3 ul li .nav-link:hover p { color: #fff; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { p br { display: none; } } @media only screen and (max-width: 1199px) { .header-four.header--sticky.sticky { padding: 0 30px; } } .tab-content-Greeno-service-m .inner-content-service-right-Greeno .title { margin-bottom: 5px; } .tab-content-Greeno-service-m .inner-content-service-right-Greeno p.disc { margin-bottom: 25px; width: 85%; font-weight: 400; font-size: 16px; line-height: 26px; } .tab-content-Greeno-service-m .service-singlew-main-wrapper-sm .single-service { display: flex; align-items: center; margin: 7px 0; } .tab-content-Greeno-service-m .service-singlew-main-wrapper-sm .single-service img { margin-right: 13px; } .tab-content-Greeno-service-m .service-singlew-main-wrapper-sm .single-service p { color: #1F1F25; font-weight: 500; font-size: 16px; line-height: 28px; font-family: var(--font-primary); font-size: 15px; } .tab-content-Greeno-service-m a.rts-btn { max-width: max-content; margin-top: 48px; } .single-service-style-four-h4 { border-right: 1px solid #EFEFEF; position: relative; } .single-service-style-four-h4.two::after { content: "02"; } .single-service-style-four-h4.three::after { content: "03"; } .single-service-style-four-h4.four::after { content: "04"; } .single-service-style-four-h4::after { position: absolute; right: 40px; bottom: 0; content: "01"; font-size: 32px; color: #ffffff; text-edge: cap; font-size: 60px; font-weight: 800; line-height: 60px; letter-spacing: 6px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #D9D9D9; transition: 0.3s; } @media only screen and (max-width: 1199px) { .single-service-style-four-h4::after { z-index: -1; opacity: 0.5; } } .single-service-style-four-h4:hover::after { -webkit-text-stroke-color: var(--color-primary); } .single-service-style-four-h4.border-r_none { border: none; } .single-service-style-four-h4 .icon { margin-bottom: 60px; } @media only screen and (max-width: 575px) { .single-service-style-four-h4 .icon { margin-bottom: 30px; } } .single-service-style-four-h4 .contenmt-inner .title { margin-bottom: 30px; font-size: 26px; font-weight: 600; line-height: 36px; } .single-service-style-four-h4 .contenmt-inner .btn-read-more-c-primary { color: #1F1F25; font-size: 16px; font-weight: 600; transition: 0.3s; } .single-service-style-four-h4 .contenmt-inner .btn-read-more-c-primary:hover { color: var(--color-primary); } .container-full { max-width: 1920px; max-width: 1920px; margin: auto; } .title--between-wrapper { position: relative; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 479px) { .title--between-wrapper { flex-direction: column; align-items: flex-start; } } .title--between-wrapper .button-area { display: flex; align-items: center; margin-top: 75px; } @media only screen and (max-width: 479px) { .title--between-wrapper .button-area { margin-top: 30px; } } .title--between-wrapper .button-area .swiper-button-next, .title--between-wrapper .button-area .swiper-button-prev { height: 80px; width: 80px; background: transparent; border-radius: 50%; background-image: none; transition: 0.3s; } @media only screen and (max-width: 479px) { .title--between-wrapper .button-area .swiper-button-next, .title--between-wrapper .button-area .swiper-button-prev { height: 60px; width: 60px; } } .title--between-wrapper .button-area .swiper-button-next::after, .title--between-wrapper .button-area .swiper-button-prev::after { color: #1F1F25 !important; } .title--between-wrapper .button-area .swiper-button-next:hover, .title--between-wrapper .button-area .swiper-button-prev:hover { background: var(--color-primary); } .title--between-wrapper .button-area .swiper-button-next:hover::after, .title--between-wrapper .button-area .swiper-button-prev:hover::after { color: #fff !important; } .title--between-wrapper .button-area .swiper-button-next { position: relative; margin-left: auto; right: -70px; } @media only screen and (max-width: 479px) { .title--between-wrapper .button-area .swiper-button-next { right: -212px; } } .title--between-wrapper .button-area .swiper-button-next::after { position: absolute; content: "\f061"; font-size: 22px; color: #fff; font-family: "FontAwesome"; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .title--between-wrapper .button-area .swiper-button-next:hover { transform: translateX(15px); } .title--between-wrapper .button-area .swiper-button-prev { position: relative; left: -110px; } @media only screen and (max-width: 479px) { .title--between-wrapper .button-area .swiper-button-prev { left: -33px; } } .title--between-wrapper .button-area .swiper-button-prev:hover { transform: translateX(-15px); } .title--between-wrapper .button-area .swiper-button-prev::after { position: absolute; content: "\f060"; font-size: 22px; color: #fff; font-family: "FontAwesome"; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .project-one-wrapper { position: relative; z-index: 1; overflow: hidden; } .project-one-wrapper::after { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background: #000000e3; z-index: 0; opacity: 0; transition: 0.6s; pointer-events: none; } .project-one-wrapper::before { position: absolute; content: ""; bottom: -15px; left: 0; height: 10px; width: 100%; background: var(--color-primary); z-index: 0; z-index: 5; transition: 0.6s; } .project-one-wrapper .shape { position: absolute; z-index: 5; top: -180px; right: -180px; transition: 0.6s; pointer-events: none; } .project-one-wrapper .thumbnail { display: block; } .project-one-wrapper .thumbnail img { transition: 0.6s; } .project-one-wrapper .content { position: absolute; bottom: 50px; left: 40px; transition: 0.3s; z-index: 5; transform: scaleY(0); } .project-one-wrapper .content span { display: block; margin-bottom: 10px; color: #fff; } .project-one-wrapper .content .title { margin-bottom: 30px; color: #fff; transition: 0.3s; } .project-one-wrapper .content .title:hover { color: var(--color-primary); } .project-one-wrapper:hover::after { opacity: 1; } .project-one-wrapper:hover::before { bottom: 0; } .project-one-wrapper:hover .shape { top: -90px; right: -100px; } .project-one-wrapper:hover .content { left: 40px; transform: scaleY(1); } .project-one-wrapper:hover .thumbnail img { transform: scale(1.15); } .project-one-wrapper .thumbnail img { width: 100%; } .portfolio-disc-content { margin-top: 50px; } .portfolio-disc-content .title-area span { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--color-primary); } .portfolio-disc-content .title-area .title { margin-top: 15px; font-size: 30px; } .portfolio-disc-content p.disc { font-weight: 400; font-size: 16px; line-height: 26px; color: #74787C; margin-bottom: 25px; } .portfolio-disc-content p.quote { font-weight: 600; font-size: 18px; line-height: 28px; color: #1F1F25; } .big-bg-porduct-details { margin-top: 50px; border-radius: 7px; padding-left: 40px; } @media only screen and (max-width: 767px) { .big-bg-porduct-details { padding-left: 0px; } } .big-bg-porduct-details .project-info { background: #F7F7F7; border-radius: 0 0 0 0; } .big-bg-porduct-details .project-info .info-head { padding: 24px 40px; background: var(--color-primary); border-radius: 0 0 0 0; border-radius: 7px 7px 0 0; } .big-bg-porduct-details .project-info .info-head .title { color: #fff; margin-bottom: 0; } .big-bg-porduct-details .project-info .info-body { padding: 15px 40px; } @media only screen and (max-width: 767px) { .big-bg-porduct-details .project-info .info-body { padding: 15px 20px; } } .big-bg-porduct-details .project-info .info-body .single-info { display: flex; align-items: center; padding: 24px 0; border-bottom: 1px solid #E9E9E9; } .big-bg-porduct-details .project-info .info-body .single-info.last { border: none; } .big-bg-porduct-details .project-info .info-body .single-info .info-details { margin-left: 20px; } .big-bg-porduct-details .project-info .info-body .single-info .info-ico i { height: 50px; width: 50px; background: #F9F0F0; color: var(--color-primary); font-size: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #FFFFFF; box-shadow: 0px 6px 31px rgba(0, 0, 0, 0.05); } .big-bg-porduct-details .project-info .info-body .single-info .info-details span { margin-bottom: 5px; } .big-bg-porduct-details .project-info .info-body .single-info .info-details .name { font-size: 18px; margin-bottom: 0; margin-top: 3px; } .check-area-pd { margin-top: 30px; margin-bottom: 30px; } .check-area-pd .single { display: flex; align-items: flex-start; margin-bottom: 20px; } .check-area-pd .single i { margin-top: 5px; margin-right: 10px; color: var(--color-primary); } .check-area-pd .single p { margin-bottom: 0; color: #74787C; font-weight: 400; font-size: 16px; line-height: 26px; } #form-messages.success { color: var(--color-primary); } #form-messages.error { color: var(--color-danger); } .air-condition-swiper-wrapper { position: relative; overflow: hidden; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .single-case-ac .inner-content { bottom: 30px; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content { position: absolute; left: 30px !important; bottom: -20px; width: 87%; height: 97px; background: #FFFFFF; opacity: 0; transition: 0.6s; border-radius: 10px; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner { position: absolute; position: absolute; left: 20px; top: 20px; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner span.pre { font-weight: 700; font-size: 14px; line-height: 17px; color: #1F1F25; display: block; margin-bottom: 10px; position: relative; max-width: max-content; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner span.pre::after { position: absolute; content: ""; right: -15px; top: 40%; transform: translate(50%); height: 1px; width: 15px; background: #1F1F25; } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner .title { font-weight: 700; font-size: 24px; line-height: 34px; color: #1F1F25; margin-bottom: 25px; transition: 0.3s; } @media only screen and (max-width: 479px) { .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner .title { font-size: 17px; } } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content .inner .title:hover { color: var(--color-primary); } .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .inner-content { opacity: 1; left: 15px; } .single-cleaning-project { display: flex; align-items: center; background: #fff; border-radius: 30px; gap: 30px; } .single-cleaning-project a.thumbnail { display: block; width: 100%; } .single-cleaning-project a.thumbnail img { border-radius: 30px 0 0 30px; min-width: max-content; width: max-content; } .single-cleaning-project .project-content-area { padding: 35px; margin-left: 30px; } .single-cleaning-project .project-content-area .icon { height: 90px; width: 90px; background: #EFF3FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } .single-cleaning-project .project-content-area .icon svg path { fill: var(--color-primary); } .single-cleaning-project .project-content-area .title { margin-bottom: 10px; } .single-cleaning-project .project-content-area .title:hover { color: var(--color-primary); } .single-cleaning-project .project-content-area p.disc { margin-bottom: 30px; } .cta-cleaning-p { padding: 80px; border-radius: 40px; background: var(--color-primary); display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 120px; } .cta-cleaning-p input { height: 60px; background: #FFFFFF; border-radius: 100px; padding: 5px 25px; } .cta-cleaning-p a.rts-btn.btn-primary { background: #fff; display: flex; align-items: center; } .cta-cleaning-p a.rts-btn.btn-primary i { margin-left: 5px; margin-top: 2px; } .cta-cleaning-p a.rts-btn.btn-primary::before { background: #1F1F25; } .cta-cleaning-p a.rts-btn.btn-primary:hover { color: #1F1F25; } .cta-main-wrapper-cleaning { background-image: url(../images/cta/04.jpg); height: 320px; display: flex; align-items: center; justify-content: space-between; padding: 100px; border-radius: 40px; margin-top: -150px; } .cta-main-wrapper-cleaning .left-content p.pre { color: #fff; margin-bottom: 10px; } .cta-main-wrapper-cleaning .left-content .title { color: #fff; margin-bottom: 0; } .project-soalr-wrapper { display: flex; align-items: flex-end; justify-content: space-between; } @media only screen and (max-width: 575px) { .project-soalr-wrapper { flex-direction: column; align-items: flex-start; gap: 25px; } } .project-soalr-wrapper .title { margin-bottom: 0; } .container-120 { max-width: 1920px; padding: 0 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .container-120 { padding: 0 65px; } } @media only screen and (max-width: 767px) { .container-120 { padding: 0; } } .rts-solar-single-product-one { position: relative; overflow: hidden; } .rts-solar-single-product-one .inner-content { padding: 27px 30px; background: #fff; border-radius: 5px 0 0 5px; position: absolute; bottom: 40px; right: 0; width: 92%; } .rts-solar-single-product-one .inner-content a .title { margin-bottom: 7px; transition: 0.3s; } .rts-solar-single-product-one .inner-content a .title:hover { color: var(--color-primary); } .project-details-carousel-big { overflow: hidden; position: relative; } .project-details-carousel-big .swiper-button-next, .project-details-carousel-big .swiper-button-prev { background-image: none; opacity: 0; transition: 0.3s; } .project-details-carousel-big .swiper-button-next::after, .project-details-carousel-big .swiper-button-prev::after { content: "\f061"; font-family: "fontawesome"; font-size: 22px; height: 60px; width: 60px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .project-details-carousel-big .swiper-button-next:hover, .project-details-carousel-big .swiper-button-prev:hover { transform: scale(1.2); } .project-details-carousel-big .swiper-button-next { right: 80px; } .project-details-carousel-big .swiper-button-next::after { color: var(--color-primary); } .project-details-carousel-big .swiper-button-prev { left: 60px; } .project-details-carousel-big .swiper-button-prev::after { color: var(--color-primary); content: "\f060"; } .project-details-carousel-big:hover .swiper-button-next, .project-details-carousel-big:hover .swiper-button-prev { opacity: 1; } #gallery { padding-top: 40px; } @media screen and (min-width: 991px) { #gallery { padding: 0; } } .img-wrapper { position: relative; margin-top: 15px; } .img-wrapper img { width: 100%; } .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; } .img-overlay i { color: #fff; font-size: 3em; } #overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; } @media screen and (min-width: 768px) { #overlay img { width: 60%; } } @media screen and (min-width: 1200px) { #overlay img { width: 50%; } } #nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #nextButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #nextButton { font-size: 3em; } } #prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #prevButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #prevButton { font-size: 3em; } } #exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; } #exitButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #exitButton { font-size: 3em; } } .product-bg-h3 { background-image: url(../images/project/27.jpg); } .rts-product-area.product-bg-h3 .Greeno-title-area-three .title { color: #fff; } .rts-product-area.product-bg-h3 .Greeno-title-area-three p.disc { color: #D9D9D9; } .flot-wrapper { width: 150%; overflow: hidden; } .single-progress-area-h4 { margin-top: 30px; } .single-progress-area-h4:first-child { margin-top: 0; } .single-progress-area-h4 .page-wrapper { width: calc(100% - 100px); margin: 100px auto 200px; } .single-progress-area-h4 .progress { height: 6px; position: relative; margin-top: 14px; border-radius: 4px; } .single-progress-area-h4 .progress .bg--primary { background: var(--color-primary); } .single-progress-area-h4 .progress-bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 4px; } .single-progress-area-h4 .progress-top { display: flex; justify-content: space-between; align-items: center; border-radius: 4px; } .single-progress-area-h4 .progress-top p { font-weight: 600; font-size: 16px; line-height: 26px; color: #1F1F25; margin-bottom: 0; font-family: var(--font-primary); } .single-progress-area-h4 .progress-top span.parcent { font-weight: 700; font-size: 16px; line-height: 19px; color: #111A2E; } .bg-yellow { background: #F26722; } .bg-dark { background: #1F1F25; } .rts-solar-supply-start .Greeno-title-area-three .title { font-size: 40px; line-height: 60px; } @media only screen and (max-width: 575px) { .rts-solar-supply-start .Greeno-title-area-three .title { font-size: 32px; line-height: 45px; } } @media only screen and (max-width: 1199px) { .rts-solar-supply-start .Greeno-title-area-three .title br { display: none; } } .map-area-h3 img { width: 100%; } .swiper-h1-Greeno-main-wrapper { overflow: hidden; position: relative; padding-bottom: 50px; } .swiper-h1-Greeno-main-wrapper .rts-solar-single-product-one:hover .thumbnail img { transform: scale(1.2); } .swiper-h1-Greeno-main-wrapper .rts-solar-single-product-one .thumbnail { overflow: hidden; display: block; border-radius: 10px; } .swiper-h1-Greeno-main-wrapper .rts-solar-single-product-one .thumbnail img { width: 100%; transition: 1s; display: block; } .swiper-h1-Greeno-main-wrapper .swiper-pagination-bullet { background: var(--color-primary); } .word-line { overflow: hidden; } .skew-up { opacity: 0; } .rts-solar-single-product-one { border-radius: 10px; } .rts-solar-single-product-one .thumbnail { border-radius: 10px; display: block; } .rts-solar-single-product-one .thumbnail img { transition: 0.3s; } .rts-solar-single-product-one:hover .thumbnail img { transform: scale(1.2); } .single-case-ac .thumbnail { display: block; overflow: hidden; border-radius: 10px; } .single-case-ac .thumbnail img { transition: 0.3s; } .single-case-ac .thumbnail:hover img { transform: scale(1.09); } .single-product-main-four { display: flex; align-items: center; gap: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-product-main-four { flex-direction: column; align-items: flex-start; padding-bottom: 80px; gap: 30px; } } @media only screen and (max-width: 767px) { .single-product-main-four { flex-direction: column; align-items: flex-start; padding-bottom: 80px; gap: 30px; } } .bg-lighten { background: #F6F6F6; } .mission-accordion-area { margin-top: -100px; position: relative; z-index: 5; width: 536px; margin-left: 150px; } @media only screen and (max-width: 767px) { .mission-accordion-area { margin-top: -130px; position: relative; z-index: 5; width: 536px; margin-left: 0; padding-right: 15px; } } .mission-accordion-area .accordion .accordion-item { border: none; box-shadow: none; background: #fff; background-color: #fff; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1); margin-bottom: 16px; border-radius: 6px; transition: none; } .mission-accordion-area .accordion .accordion-item .accordion-header { background: transparent; } .mission-accordion-area .accordion .accordion-item .accordion-header .accordion-button { border: none; box-shadow: none; font-size: 18px; font-weight: 600; color: #1F1F25; line-height: 28px; border-radius: 6px 6px 0 0; padding: 23px 22px; background: transparent; position: relative; } .mission-accordion-area .accordion .accordion-item .accordion-header .accordion-button::after { background-image: none; content: "+"; font-family: "fontAwesome"; transform: none; top: 22px; position: absolute; right: 30px; width: 30px; height: 30px; border-radius: 50%; background: #4AAB3D1A; display: flex; align-items: center; justify-content: center; color: var(--color-primary); } .mission-accordion-area .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after { content: "\f068"; } .mission-accordion-area .accordion .accordion-item .accordion-body { padding: 0 22px 22px 22px; } .single-shopping-product { text-align: center; position: relative; transition: 0.3s; } .single-shopping-product:hover .button-cart-area .inner { transform: translateY(-28px); } .single-shopping-product .button-cart-area { height: 23px; overflow: hidden; } .single-shopping-product .button-cart-area .inner { transition: 0.3s; } .single-shopping-product .button-cart-area .pricing-area { display: flex; align-items: center; gap: 20px; text-align: center; justify-content: center; transition: 0.3s; width: 100%; } .single-shopping-product .button-cart-area .pricing-area .active { font-weight: 600; line-height: 26px; color: #1F1F25; } .single-shopping-product .button-cart-area .pricing-area .none { font-weight: 600; line-height: 26px; text-transform: capitalize; color: #74787C; position: relative; max-width: max-content; } .single-shopping-product .button-cart-area .pricing-area .none::after { position: absolute; content: ""; left: 0; width: 100%; height: 1px; background: #74787C; top: 50%; transform: translateY(-50%); } .single-shopping-product .button-cart-area .cart-btn { transition: 0.5s; } .single-shopping-product .button-cart-area .cart-btn i { color: #D01010; } .single-shopping-product:hover a.thumbnail img { transform: scale(1.2); } .single-shopping-product a.thumbnail { overflow: hidden; position: relative; border-radius: 6px; display: block; } .single-shopping-product a.thumbnail img { width: 100%; transition: 0.5s; } .single-shopping-product .inner-content { margin-top: 30px; } .single-shopping-product .inner-content .title { margin-bottom: 9px; transition: 0.3s; } .single-shopping-product .inner-content .title:hover { color: var(--color-primary); } .single-shopping-product .inner-content a.cart-btn { color: #1F1F25; font-weight: 600; line-height: 16px; transition: 0.3s; } .single-shopping-product .inner-content a.cart-btn i { margin-right: 8px; } .single-shopping-product .inner-content a.cart-btn:hover { color: var(--color-primary); } .single-shopping-product .invisible-btn { position: absolute; left: 50%; top: 35%; transition: 0.3s; transform: translateX(-50%) scale(0); } .single-shopping-product .invisible-btn ul { padding: 0; list-style: none; display: flex; align-items: center; margin: 0; } .single-shopping-product .invisible-btn ul li { margin: 0 5px; } .single-shopping-product .invisible-btn ul li a { width: 40px; height: 40px; background: #FFF; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; } .single-shopping-product .invisible-btn ul li a i { color: var(--color-primary); transition: 0.3s; } .single-shopping-product .invisible-btn ul li a:hover { background: var(--color-primary); } .single-shopping-product .invisible-btn ul li a:hover i { color: #fff !important; } .single-category { position: relative; max-width: 100%; } .single-category .thumbnail { width: 100%; display: block; } .single-category .thumbnail img { width: 100%; } .single-category .single-category { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); text-align: center; } .single-category .single-category .title { min-width: max-content; margin-bottom: 5px; color: #fff; text-align: center; } .single-category .single-category .arrow-btn-Greeno { display: flex; text-align: center; align-items: center; color: #fff; font-weight: 400; transition: 0.3s; } .single-category .single-category .arrow-btn-Greeno:hover { color: var(--color-primary); } .single-category .single-category .arrow-btn-Greeno i { margin-left: 5px; } @media only screen and (max-width: 575px) { .banner-shop-content-wrapper { padding-left: 15px; } } .video-thumbnail-img { position: relative; } .video-thumbnail-img .vedio-icone .video-play-button::after { background: #fff; border: none; } .video-thumbnail-img .vedio-icone .video-play-button::before { background: #ffffff44; border: none; } .rts-elevate-pagination ul { padding: 0; margin: 0; display: flex; align-items: center; list-style: none; justify-content: center; } .rts-elevate-pagination ul li { margin: 0; margin-right: 10px; } .rts-elevate-pagination ul li button { width: 50px; height: 50px; background: transparent; font-weight: 600; font-size: 16px; line-height: 24px; color: #000; border: 1px solid #E9E9E9; transition: 0.3s; } .rts-elevate-pagination ul li button.active { background: var(--color-primary); color: #fff; } .rts-elevate-pagination ul li button:hover { background: var(--color-primary); color: #fff; } .rts-single-working-process { background-image: url(../images/working-process/01.png); position: relative; background-repeat: no-repeat; background-size: contain; height: 386px; padding: 50px 40px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 1199px) { .rts-single-working-process { padding: 25px; } } .rts-single-working-process:hover .icon { background: var(--color-primary); } .rts-single-working-process:hover .icon svg path { fill: #fff; } .rts-single-working-process::after { position: absolute; content: ""; left: 50%; top: 55%; transform: translate(-50%, -50%); height: 100%; width: 100%; background: #00000052; filter: blur(120px); border-radius: 50%; z-index: -1; opacity: 0.35; } .rts-single-working-process .icon { width: 100px; height: 100px; background: #4aab3d12; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 27px; margin-left: auto; margin-right: auto; transition: 0.3s; } .rts-single-working-process .icon svg path { fill: var(--color-primary); transition: 0.3s; } @media only screen and (max-width: 1199px) { .rts-single-working-process .content .title { font-size: 22px; } } .rts-single-working-process .content p.disc { font-weight: 400; font-size: 16px; line-height: 24px; } .rts-single-working-process .content .step_number { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 55px; height: 55px; background: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .rts-single-working-process .content .step_number span { color: #fff; font-weight: 700; font-size: 20px; line-height: 30px; } .blog-single-one .thumbnail { padding: 0 10px; background: linear-gradient(0deg, #F7F7F7 80%, #00000000 80%); display: block; } .blog-single-one .thumbnail .inner { overflow: hidden; display: block; } .blog-single-one .thumbnail .inner img { width: 100%; transition: 0.6s; } .blog-single-one .thumbnail .inner:hover img { transform: scale(1.15); } .blog-single-one .head { display: flex; align-items: center; padding: 20px; border-left: 10px solid var(--color-primary); border-right: 10px solid var(--color-primary); } .blog-single-one .head .single-info { display: flex; align-items: center; } .blog-single-one .head .single-info i { color: var(--color-primary); font-weight: 300; font-size: 16px; line-height: 16px; color: var(--color-primary); } .blog-single-one .head .single-info p { font-weight: 400; font-size: 16px; line-height: 19px; color: #6E777D; margin-left: 8px; margin-bottom: -2px; } @media only screen and (max-width: 767px) { .blog-single-one .head .single-info p { font-size: 13px; } } .blog-single-one .head .single-info.date-area { margin-right: 30px; } @media only screen and (max-width: 767px) { .blog-single-one .head .single-info.date-area { margin-right: 10px; } } .blog-single-one .body { padding: 23px 30px 30px 30px; background: #F7F7F7; } .blog-single-one .body a.rts-btn.btn-border { border: 1px solid var(--color-primary) !important; background: #1F1F25; } @media only screen and (max-width: 767px) { .blog-single-one .body { padding: 15px; } } .blog-single-one .body a .title { font-weight: 700; font-size: 24px; line-height: 34px; color: #1F1F25; margin-bottom: 21px; transition: 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-one .body a .title { font-size: 20px; line-height: 32px; } } @media only screen and (max-width: 767px) { .blog-single-one .body a .title { font-size: 20px; line-height: 32px; } } .blog-single-one .body a .title:hover { color: var(--color-primary); } .rts-cl-home-blog { border-radius: 30px; } .rts-cl-home-blog .thumbnail img { border-radius: 30px 30px 0 0; } .rts-cl-home-blog .content-area { padding: 40px; border-radius: 0 0 30px 30px; background: #fff; } .rts-cl-home-blog .content-area .head { display: flex; align-items: center; gap: 30px; margin-bottom: 17px; } .rts-cl-home-blog .content-area .head .single-info { display: flex; align-items: center; gap: 10px; } .rts-cl-home-blog .content-area .head .single-info i { color: var(--color-primary); } .rts-cl-home-blog .content-area .body .title { font-weight: 700; font-size: 24px; line-height: 32px; color: #1F1F25; transition: 0.3s; } .rts-cl-home-blog .content-area .body .title:hover { color: var(--color-primary); } .rts-cl-home-blog .content-area .body .rts-btn.btn-primary { margin-top: 15px; } .index-cleaning-home .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .thumbnail img { border-radius: 30px; } .index-cleaning-home .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .inner-content p.disc { width: 75%; } .index-cleaning-home .air-condition-swiper-wrapper .swiper-wrapper .swiper-slide .single-case-ac .inner-content { width: 557px; height: 369px; } .rts-Greeno-blog-area-start { background: #F6F6F6; position: relative; } .rts-Greeno-blog-area-start .stok-bg { margin-left: -250px; } .single-blog-Greenoc-lg { padding: 20px; background: #fff; border-radius: 10px; height: 100%; } .single-blog-Greenoc-lg .thumbnail { display: block; overflow: hidden; border-radius: 10px; } .single-blog-Greenoc-lg .thumbnail:hover img { transform: scale(1.1); } .single-blog-Greenoc-lg .thumbnail img { width: 100%; transition: 0.3s; border-radius: 10px; } .inner-content-Greeno-blog .head { display: flex; align-items: center; padding: 22px 0; margin: 0 20px; border-bottom: 1px solid #E6E6E6; gap: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .inner-content-Greeno-blog .head { gap: 15px; } } @media only screen and (max-width: 767px) { .inner-content-Greeno-blog .head { gap: 15px; margin: 0; } } @media only screen and (max-width: 575px) { .inner-content-Greeno-blog .head { gap: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .inner-content-Greeno-blog .head .single span { font-size: 12px; } } .inner-content-Greeno-blog .head .single i { color: var(--color-primary); margin-right: 10px; } .inner-content-Greeno-blog .body { margin-top: 25px; margin-left: 20px; margin-right: 20px; } @media only screen and (max-width: 767px) { .inner-content-Greeno-blog .body { margin-left: 0; margin-right: 0; } } .inner-content-Greeno-blog .body a { margin-bottom: 20px; } .inner-content-Greeno-blog .body a .title { font-weight: 700; font-size: 24px; line-height: 34px; transition: 0.3s; } @media only screen and (max-width: 575px) { .inner-content-Greeno-blog .body a .title { font-size: 18px; line-height: 28px; } } .inner-content-Greeno-blog .body a:hover .title { color: var(--color-primary); } .inner-content-Greeno-blog .body a.rts-btn { padding: 12px 33px; margin-bottom: 15px; } .single-blog-Greenoc-sm { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-radius: 10px; background: #fff; margin-bottom: 24px; } @media only screen and (max-width: 1199px) { .single-blog-Greenoc-sm { flex-direction: column; align-items: flex-start; } } .single-blog-Greenoc-sm:last-child { margin-bottom: 0; } .single-blog-Greenoc-sm .thumbnail { overflow: hidden; display: block; border-radius: 10px; min-width: max-content; } @media only screen and (max-width: 1199px) { .single-blog-Greenoc-sm .thumbnail { width: 100%; } } @media only screen and (max-width: 1199px) { .single-blog-Greenoc-sm .thumbnail img { min-width: 100% !important; } } .single-blog-Greenoc-sm .thumbnail:hover img { transform: scale(1.1); } .single-blog-Greenoc-sm .thumbnail img { min-width: max-content; display: block; transition: 0.3s; } .single-blog-Greenoc-sm .inner-content-Greeno-blog .head { margin-bottom: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .head { margin: 0; } } @media only screen and (max-width: 479px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .head { justify-content: space-between; display: flex; align-items: center; } } @media only screen and (max-width: 479px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .head span { font-size: 14px; } } .single-blog-Greenoc-sm .inner-content-Greeno-blog .body { margin-top: 12px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .body { margin: 0; } } .single-blog-Greenoc-sm .inner-content-Greeno-blog .body .title { font-size: 23px; line-height: 34px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .body .title { font-size: 16px; line-height: 29px; } } @media only screen and (max-width: 1199px) { .single-blog-Greenoc-sm .inner-content-Greeno-blog .body .title br { display: none; } } .single-blog-Greenoc-sm .inner-content-Greeno-blog .body a.rts-btn { background: transparent !important; border: 1px solid #E8E8E8; color: #1F1F25; transition: 0.3s; } .single-blog-Greenoc-sm .inner-content-Greeno-blog .body a.rts-btn::before { background: transparent !important; } .single-blog-Greenoc-sm .inner-content-Greeno-blog .body a.rts-btn:hover { background: var(--color-primary) !important; color: #fff; } @media only screen and (max-width: 1199px) { br { display: none; } } .blog-style-four { position: relative; display: block; width: 100%; } .blog-style-four .thumbanil { border-radius: 15px; display: block; overflow: hidden; } .blog-style-four .thumbanil:hover img { transform: scale(1.2); } .blog-style-four .thumbanil img { width: 100%; transition: 0.7s; } .blog-style-four .inner-content-blog { position: absolute; bottom: 30px; left: 30px; width: 90%; } @media only screen and (max-width: 479px) { .blog-style-four .inner-content-blog { bottom: 14px; left: 20px; } } .blog-style-four .inner-content-blog .head { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; } .blog-style-four .inner-content-blog .head .date { display: flex; align-items: center; gap: 10px; } .blog-style-four .inner-content-blog .head .date i { color: #fff; } .blog-style-four .inner-content-blog .head .date .info { color: #fff; } .blog-style-four .inner-content-blog a .title { margin-top: 30px !important; margin-bottom: 0; color: #fff; font-size: 24px; font-weight: 700; line-height: 34px; text-transform: capitalize; position: relative; display: inline; background-image: -webkit-gradient(linear, left top, right top, from(var(--color-white)), to(var(--color-white))); background-image: -webkit-linear-gradient(left, var(--color-white) 0%, var(--color-white) 100%); background-image: -o-linear-gradient(left, var(--color-white) 0%, var(--color-white) 100%); background-image: linear-gradient(to right, var(--color-white) 0%, var(--color-white) 100%); background-size: 0px 1px; background-position: 0px 95%; -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; padding: 0.1% 0px; background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .blog-style-four .inner-content-blog a .title br { display: none; } } @media only screen and (max-width: 1199px) { .blog-style-four .inner-content-blog a .title { font-size: 20px; font-weight: 600; } } .blog-style-four:hover .inner-content-blog a .title { background-size: 100% 1px !important; } @media only screen and (max-width: 1199px) { .about-right-content-area-solar-energy .vedio-area-start .vedio-icone .video-play-button { left: 58%; } } .blog-single-post-listing { margin-right: 30px; border: 1px solid #E6E9F0; margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .blog-single-post-listing { margin-right: 0; } } .blog-single-post-listing.details { border-radius: 7px; background: #F6F6F6; } .blog-single-post-listing.details .thumbnail { border-radius: 7px 7px 0 0; } .blog-single-post-listing.details .thumbnail.details { border-radius: 15px; width: 100%; max-width: max-content; } @media only screen and (max-width: 1199px) { .blog-single-post-listing.details .thumbnail.details { max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 0; } } .blog-single-post-listing.details .rts-quote-area { padding: 50px; background: #fff; border-radius: 15px; margin-bottom: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .rts-quote-area { padding: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .rts-quote-area { padding: 10px; margin-bottom: 25px; } } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area { margin-top: 15px; } } .blog-single-post-listing.details .rts-quote-area .title { margin-bottom: 25px; } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area .title { font-size: 16px; margin-bottom: 15px; } } .blog-single-post-listing.details .rts-quote-area .name { font-size: 18px; color: var(--color-primary); font-weight: 700; } .blog-single-post-listing.details .rts-quote-area span { display: block; font-weight: 400; font-size: 14px; color: #5D666F; } .blog-single-post-listing.details .check-area-details .single-check { display: flex; align-items: center; margin-bottom: 5px; } .blog-single-post-listing.details .check-area-details .single-check i { margin-right: 15px; color: var(--color-primary); } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .check-area-details .single-check i { margin-top: -26px; } } .blog-single-post-listing.details .check-area-details .single-check span { color: #5D666F; } .blog-single-post-listing.details .details-tag { display: flex; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .details-tag { justify-content: flex-start; gap: 10px; } } .blog-single-post-listing.details .details-tag h6 { margin-bottom: 0; font-size: 18px; margin-right: 15px; } .blog-single-post-listing.details .details-tag button { padding: 8px 12px; background: #fff; max-width: max-content; margin-left: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; color: #1C2539; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .blog-single-post-listing.details .details-tag button:last-child { margin-top: 10px; margin-left: -2px; } } .blog-single-post-listing.details .details-tag button:hover { background: var(--color-primary); color: #fff; transform: translateY(-2px) scale(1.02); } .blog-single-post-listing.details .details-share { display: flex; align-items: center; justify-content: flex-end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 20px; } } .blog-single-post-listing.details .details-share button { max-width: max-content; position: relative; z-index: 1; margin-left: 23px; color: #1C2539; transition: 0.3s; font-size: 14px; } .blog-single-post-listing.details .details-share button::after { position: absolute; content: ""; background: #F6F6F6; height: 40px; width: 40px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } .blog-single-post-listing.details .details-share button:hover { color: #fff; transform: scale(1.2); } .blog-single-post-listing.details .details-share button:hover::after { background: var(--color-primary); } .blog-single-post-listing.details .details-share h6 { font-size: 18px; margin-bottom: 0; margin-right: 15px; } .blog-single-post-listing.details .author-area { margin-top: 44px; display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #E6E9F0; border-bottom: 1px solid #E6E9F0; } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area { align-items: flex-start; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .author-area { flex-wrap: wrap; } } .blog-single-post-listing.details .author-area .thumbnail { margin-right: 30px; } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .thumbnail { margin-right: 0; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .author-details { margin-left: 15px; } } .blog-single-post-listing.details .author-area .author-details h5 { margin-bottom: 10px; } .blog-single-post-listing.details .author-area .author-details p { line-height: 26px; } .blog-single-post-listing.inner { border: none; max-width: 950px; margin: 0 auto; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area { position: relative; background: #000; padding-top: 120px; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area::before { position: absolute; left: 50%; top: 40px; transform: translate(-50%, 0); content: "\f10d"; font-family: "Font Awesome 5 Pro"; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #fff; color: var(--color-primary); font-weight: 900; font-size: 20px; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area .title { color: #f7f7f7; } .blog-single-post-listing .replay-area-details { margin-top: 40px; } .blog-single-post-listing .replay-area-details form input { height: 55px; border-radius: 15px; background: #ffffff; border: 1px solid transparent; border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 100px; } .blog-single-post-listing .replay-area-details form input:focus { border: 1px solid var(--color-primary); } .blog-single-post-listing .replay-area-details form textarea { border-radius: 15px; background: #fff; height: 140px; margin-top: 20px; padding: 15px; border: 1px solid transparent; border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 20px; } .blog-single-post-listing .replay-area-details form textarea:focus { border: 1px solid var(--color-primary); } .blog-single-post-listing .thumbnail { overflow: hidden; } .blog-single-post-listing .thumbnail img { transition: 0.3s; width: 100%; } .blog-single-post-listing .thumbnail:hover img { transform: scale(1.2); } .blog-single-post-listing .blog-listing-content { padding: 50px; } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content { padding: 25px 10px; } } .blog-single-post-listing .blog-listing-content .user-info { display: flex; align-items: center; margin-bottom: 15px; flex-wrap: wrap; } .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 30px; min-width: max-content; } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 10px; color: var(--color-primary); } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 2px; font-size: 14px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single span { font-size: 13px; } } .blog-single-post-listing .blog-listing-content .blog-title { transition: 0.3s; } .blog-single-post-listing .blog-listing-content .blog-title .title { transition: 0.3s; margin-bottom: 16px; } .blog-single-post-listing .blog-listing-content .blog-title:hover .title { color: var(--color-primary); } .blog-single-post-listing .blog-listing-content p.disc { font-size: 16px; line-height: 26px; } @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content p.disc { margin-bottom: 15px; } } .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 35px; display: block; max-width: max-content; } @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 20px; } } .rts-single-wized { background: #F6F6F6; border-radius: 7px; padding: 40px; margin-bottom: 40px; } .rts-single-wized:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .rts-single-wized { padding: 25px; } } @media only screen and (max-width: 479px) { .rts-single-wized { padding: 20px; } } .rts-single-wized.service { border-radius: 0; } .rts-single-wized.service .single-categories li a { border-radius: 0; } .rts-single-wized.download { background: #1C2539; } .rts-single-wized.download .title { color: #fff; } .rts-single-wized.download .single-download-area { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #2E3951; } .rts-single-wized.download .single-download-area:first-child { padding-top: 0; } .rts-single-wized.download .single-download-area:last-child { border-bottom: none; padding-bottom: 0; } .rts-single-wized.download .single-download-area .mid { margin-right: auto; margin-left: 15px; } .rts-single-wized.download .single-download-area .mid .title { margin-bottom: 0; font-size: 18px; font-family: var(--font-primary); } .rts-single-wized.download .single-download-area .mid span { font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF; } .rts-single-wized.download .single-download-area a.rts-btn { padding: 11px 15px; border-radius: 0; } .rts-single-wized.contact { background: #1C2539; display: flex; flex-direction: column; align-items: center; padding: 60px; } @media only screen and (max-width: 479px) { .rts-single-wized.contact { padding: 25px 20px; } } @media only screen and (max-width: 479px) { .rts-single-wized.contact:last-child { margin-bottom: 0; } } .rts-single-wized.contact .wized-body { text-align: center; } .rts-single-wized.contact .wized-body .title { color: #fff; margin-bottom: 30px; font-size: 22px; line-height: 32px; } .rts-single-wized.contact .wized-body a.rts-btn { display: block; max-width: max-content; margin: auto; } .rts-single-wized .wized-header .title { margin-bottom: 10px; } .rts-single-wized .wized-body { margin-top: 30px; } .rts-single-wized .wized-body .rts-search-wrapper { position: relative; } .rts-single-wized .wized-body .rts-search-wrapper input { background: #fff; height: 55px; border-radius: 100px; padding-right: 70px; padding-left: 25px; border: 1px solid transparent; } .rts-single-wized .wized-body .rts-search-wrapper input:focus { border: 1px solid var(--color-primary); } .rts-single-wized .wized-body .rts-search-wrapper button { position: absolute; max-width: max-content; height: 55px; width: 55px; border-radius: 100px; background: var(--color-primary); display: inline-block; padding: 0 19px; right: 0; } .rts-single-wized .wized-body .rts-search-wrapper button i { color: #fff; font-size: 16px; line-height: 16px; } .rts-single-wized .single-categories { margin-bottom: 15px; padding: 0; } .rts-single-wized .single-categories:last-child { margin-bottom: 0; } .rts-single-wized .single-categories li { list-style: none; } .rts-single-wized .single-categories li a { display: flex; align-items: center; justify-content: space-between; padding: 15px 25px; background: #fff; color: #5D666F; font-weight: 500; transition: 0.3s; border-radius: 100px; } .rts-single-wized .single-categories li a i { color: var(--color-primary); transition: 0.3s; } .rts-single-wized .single-categories li a:hover { background: var(--color-primary); transform: translateY(-5px) scale(1.03); color: var(--color-white); } .rts-single-wized .single-categories li a:hover i { color: #fff; } .rts-single-wized .recent-post-single { display: flex; align-items: center; margin-bottom: 20px; } .rts-single-wized .recent-post-single:last-child { margin-bottom: 0; } .rts-single-wized .recent-post-single .thumbnail { margin-right: 20px; overflow: hidden; max-width: max-content; width: 100%; border-radius: 5px; } .rts-single-wized .recent-post-single .thumbnail img { min-width: 85px; height: auto; transition: 0.3s; } .rts-single-wized .recent-post-single .thumbnail:hover img { transform: scale(1.2); } .rts-single-wized .recent-post-single .user { display: flex; align-items: center; } .rts-single-wized .recent-post-single .user span { margin-left: 9px; } .rts-single-wized .recent-post-single .post-title .title { margin-bottom: 0; font-size: 16px; font-weight: 600; color: #1C2539; line-height: 26px; margin-top: 5px; transition: 0.3s; } @media only screen and (max-width: 479px) { .rts-single-wized .recent-post-single .post-title .title { font-size: 14px; line-height: 26px; margin-top: 0; } } .rts-single-wized .recent-post-single .post-title:hover .title { color: var(--color-primary); } .rts-single-wized .gallery-inner { display: flex; flex-direction: column; } .rts-single-wized .gallery-inner .single-row { display: flex; align-items: center; justify-content: space-between; } .rts-single-wized .gallery-inner .single-row a { overflow: hidden; border-radius: 6px; } @media only screen and (max-width: 479px) { .rts-single-wized .gallery-inner .single-row a { display: block; width: 100%; } } .rts-single-wized .gallery-inner .single-row a img { max-width: 97px; height: auto; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-single-wized .gallery-inner .single-row a img { max-width: 80px; } } @media only screen and (max-width: 1199px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 269px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 193px; } } @media only screen and (max-width: 767px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 135px; } } @media only screen and (max-width: 575px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 140px; } } @media only screen and (max-width: 479px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 80px; } } .rts-single-wized .gallery-inner .single-row a:hover img { transform: scale(1.2); } .rts-single-wized .gallery-inner .single-row.row-1 { margin-bottom: 20px; } .rts-single-wized .tags-wrapper { display: flex; flex-wrap: wrap; margin-bottom: -10px; } .rts-single-wized .tags-wrapper a { padding: 5px 16px; background: #fff; border-radius: 100px; margin-right: 10px; margin-bottom: 10px; color: #1C2539; font-size: 14px; font-weight: 500; transition: 0.3s; } .rts-single-wized .tags-wrapper a:hover { background: var(--color-primary); color: #fff; transform: translateY(-3px) scale(1.09); } .rts-footer-one { position: relative; z-index: 1; } .rts-footer-one .footer-one-left-right-image .one { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.5; } .rts-footer-one .footer-one-left-right-image .two { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 0.5; } .bg-cta-footer-one.wrapper { border-bottom: 1px solid #282828; border-radius: 0; padding: 60px 0; } @media only screen and (max-width: 767px) { .bg-cta-footer-one.wrapper { padding: 25px; } } @media only screen and (max-width: 575px) { .bg-cta-footer-one.wrapper { padding: 15px 0; } } .bg-cta-footer-one .logo-area-footer { /* background: #1f1f1f; */ padding: 0; display: block; border-radius: 10px 0 0 10px; text-align: left; } @media only screen and (min-width: 768px) and (max-width: 991px) { .bg-cta-footer-one .logo-area-footer { background: none; padding: 22px; justify-content: flex-start; display: flex; } } @media only screen and (max-width: 767px) { .bg-cta-footer-one .logo-area-footer { background: none; padding: 22px; justify-content: flex-start; display: flex; padding: 9px 25px; } } .bg-cta-footer-one .single-cta-area { display: flex; align-items: center; text-align: left; justify-content: flex-start; } @media only screen and (max-width: 1199px) { .bg-cta-footer-one .single-cta-area { padding: 9px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bg-cta-footer-one .single-cta-area { padding: 20px; justify-content: flex-start; } } @media only screen and (max-width: 767px) { .bg-cta-footer-one .single-cta-area { justify-content: flex-start; padding: 9px 25px; } } .bg-cta-footer-one .single-cta-area.last { border-radius: 0 10px 10px 0; } .bg-cta-footer-one .single-cta-area .icon { height: 50px; width: 50px; background: #282828; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .bg-cta-footer-one .single-cta-area .icon i { color: #fff; } .bg-cta-footer-one .single-cta-area .contact-info { margin-left: 15px; text-align: left; } .bg-cta-footer-one .single-cta-area .contact-info p { font-weight: 500; font-size: 16px; line-height: 19px; margin-bottom: 7px; } .bg-cta-footer-one .single-cta-area .contact-info a { font-weight: 700; font-size: 18px; line-height: 24px; color: #fff; transition: 0.3s; font-family: var(--font-primary); } @media only screen and (max-width: 1199px) { .bg-cta-footer-one .single-cta-area .contact-info a { font-size: 15px; } } @media only screen and (max-width: 767px) { .bg-cta-footer-one .single-cta-area .contact-info a { font-size: 14px; } } .bg-cta-footer-one .single-cta-area .contact-info a:hover { color: var(--color-primary); } .footer-bg-one { background-image: url(../images/footer/01.jpg); background-size: cover; background-repeat: no-repeat; } .single-footer-one-wrapper { display: flex; align-items: flex-start; gap: 136px; justify-content: space-between; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .single-footer-one-wrapper { gap: 80px; } } @media only screen and (max-width: 1199px) { .single-footer-one-wrapper { flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .single-footer-one-wrapper { gap: 40px; } } .single-footer-one-wrapper .single-footer-component { flex-basis: 20%; } @media only screen and (max-width: 767px) { .single-footer-one-wrapper .single-footer-component { flex-basis: 100%; } } .single-footer-one-wrapper .single-footer-component.first { flex-basis: 30%; } @media only screen and (max-width: 767px) { .single-footer-one-wrapper .single-footer-component.first { flex-basis: 100%; } } .single-footer-one-wrapper .single-footer-component.last { flex-basis: 30%; } @media only screen and (max-width: 767px) { .single-footer-one-wrapper .single-footer-component.last { flex-basis: 100%; } } .single-footer-one-wrapper .single-footer-component .title-area { position: relative; margin-bottom: 45px; } .single-footer-one-wrapper .single-footer-component .title-area::after { position: absolute; background-image: url(../images/footer/02.png); background-size: cover; content: ""; left: 0; bottom: -15px; height: 2px; width: 61px; background-repeat: no-repeat; } .single-footer-one-wrapper .single-footer-component .title-area .title { color: #fff; font-weight: 700; font-size: 24px; line-height: 32px; } .single-footer-one-wrapper .single-footer-component .body p.disc { margin-bottom: 30px; } .rts-social-style-one ul { list-style: none; display: flex; align-items: center; padding: 0; } .rts-social-style-one ul li { margin-right: 10px; } .rts-social-style-one ul li a { display: block; padding: 13px; background: #222224; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .rts-social-style-one ul li a i { color: #fff; transition: 0.3s; } .rts-social-style-one ul li a:hover { background: var(--color-primary); } .pages-footer ul { padding: 0; margin: 0; } .pages-footer ul li { display: flex; align-items: center; margin: 0; } .pages-footer ul li a { display: flex; align-items: center; } .pages-footer ul li a i { margin-right: 15px; font-weight: 900; font-size: 16px; line-height: 40px; } .pages-footer ul li a p { font-weight: 400; font-size: 16px; line-height: 40px; transition: 0.3s; margin-bottom: 0; } .pages-footer ul li a:hover p { color: #fff; } .gallery-footer ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; } .gallery-footer ul li { flex-basis: 30%; margin: 0; } @media only screen and (max-width: 767px) { .gallery-footer ul li { flex-basis: 15%; } } .copyright-footer-one { background: #1C1C1C; padding: 40px 0; text-align: center; } .footer-bg-two { background: #1F1F25; position: relative; z-index: 1; } .footer-bg-two .shape-image-f-2 { position: absolute; left: 60px; bottom: 0; z-index: -1; } .border-top-copyright { border-top: 1px solid #24242D; } .rts-footer-one.footer-bg-two .copyright-area-two { display: flex; align-items: center; justify-content: center; } .rts-footer-one.footer-bg-two .copyright-area-two.five { justify-content: space-between; } .rts-footer-one.footer-bg-two .copyright-area-two.five .right ul { gap: 12px; } @media only screen and (max-width: 767px) { .rts-footer-one.footer-bg-two .copyright-area-two { flex-direction: column; align-items: flex-start; } } .rts-footer-one.footer-bg-two .copyright-area-two .left p { margin: 0; } .rts-footer-one.footer-bg-two .copyright-area-two .right ul { display: flex; align-items: center; padding: 0; margin: 0; list-style: none; gap: 53px; } .footer-contact-wrapper-2 .contact-single { display: flex; align-items: center; gap: 15px; margin-bottom: 32px; } .footer-contact-wrapper-2 .info-content a .title { color: #fff; font-weight: 600; font-size: 16px; line-height: 21px; transition: 0.3s; margin-bottom: 2px; } .footer-contact-wrapper-2 .info-content a:hover .title { color: var(--color-primary); } .footer-contact-wrapper-2 .info-content span { font-weight: 400; font-size: 16px; line-height: 19px; color: #D9D9D9; } .footer-bg-two .pages-footer ul li a p { color: #D9D9D9; transition: 0.3s; } .footer-bg-two .pages-footer ul li a p:hover { color: var(--color-primary); } .single-footer-one-wrapper.two .single-footer-component .body p.disc { margin-bottom: 30px; color: #D9D9D9; } .rts-footer-one.footer-bg-one { background-image: none; background-color: #1B1B1B; } .copyright-area-one { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 575px) { .copyright-area-one { flex-direction: column; align-items: flex-start; } } .copyright-area-one .left p { margin: 0; } .copyright-area-one .right ul { display: flex; align-items: center; padding: 0; margin: 0; list-style: none; gap: 53px; } .rts-footer-one.footer-bg-two.bg-four { background: #1B1B1B; } .search-input-area { transition: all 500ms ease; visibility: hidden; transform: translateY(-100%); opacity: 0; position: fixed; top: 0; left: 0; width: 100%; padding: 57px 0; background: white; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46); z-index: 9999; display: flex; justify-content: center; align-items: center; } .search-input-area.show { visibility: visible; transform: inherit; opacity: 1; } .search-input-area .search-input-inner { display: flex; align-items: center; position: relative; } .search-input-area .search-input-inner .input-div { width: 80%; display: flex; align-items: center; margin: auto; } .search-input-area .search-input-inner .input-div input { background: #F7F7F7; border-radius: 5px; height: 55px; border: 1px solid transparent; } .search-input-area .search-input-inner .input-div input:focus { border: 1px solid var(--color-primary); } .search-input-area .search-input-inner .input-div button { max-width: max-content; padding: 18px 21px; background: var(--color-primary); display: flex; color: #fff; align-items: center; justify-content: center; display: block; margin-left: -9px; border-radius: 0 5px 5px 0; } .search-input-area .search-close-icon { cursor: pointer; position: absolute; right: 38px; top: 22px; } .search-input-area .search-close-icon i { position: relative; z-index: 1; color: var(--color-primary); transition: 0.3s; font-size: 18px; } .search-input-area .search-close-icon i:hover { color: #F7F7F7; } .search-input-area .search-close-icon i:hover::after { background: var(--color-primary); } .search-input-area .search-close-icon i::after { position: absolute; height: 45px; width: 45px; content: ""; border-radius: 5px; background: #e4ffd5; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } #anywhere-home { cursor: url(../images/banner/shape/close.png), auto; background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; } #anywhere-home.bgshow { background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 999; top: 0; } .side-bar { position: fixed; overflow: hidden; top: 0; right: -100%; width: 465px; padding: 40px 30px; padding-top: 50px; height: 100%; display: block; background-color: white; backdrop-filter: blur(7px); z-index: 1900; transition: all 600ms ease; display: flex; flex-direction: column; overflow-y: auto; overflow: visible; } @media only screen and (max-width: 575px) { .side-bar { width: 310px; right: -102%; } } .side-bar .inner-main-wrapper-desk .thumbnail { display: flex; justify-content: center; } .side-bar .inner-main-wrapper-desk .thumbnail img { width: 85%; margin: auto; } .side-bar .inner-main-wrapper-desk .inner-content { text-align: center; margin-top: 30px; } .side-bar .inner-main-wrapper-desk .inner-content p { max-width: 95%; text-align: center; margin: auto; } .side-bar .inner-main-wrapper-desk .inner-content .title { font-weight: 600; } .side-bar .inner-main-wrapper-desk .inner-content .footer { padding-top: 50px; margin-top: 80px; border-top: 1px solid #c2c2c2; } .side-bar .inner-main-wrapper-desk .inner-content .footer .title { font-weight: 500; } .side-bar .inner-main-wrapper-desk .inner-content .footer a.rts-btn { margin: auto; } .side-bar.show { right: 0; overflow-y: auto; } .side-bar button { max-width: max-content; margin-right: auto; margin-left: -53px; margin-top: 0; position: absolute; } .side-bar button i { color: #ffffff; height: 50px; width: 50px; border-radius: 0; display: flex; align-items: center; justify-content: center; margin-left: 14px; margin-top: -53px; font-size: 27px; background: var(--color-primary); } .rts-single-team-one { overflow: hidden; display: block; position: relative; } .rts-single-team-one a.thumbnail img { width: 100%; transition: 0.6s; } .rts-single-team-one a.thumbnail:hover img { transform: scale(1.12); } .rts-single-team-one .inner-content { display: flex; align-items: center; justify-content: space-between; padding: 35px 40px; position: absolute; bottom: 0; width: 100%; background: linear-gradient(90deg, #1F1F25 0%, rgba(0, 0, 0, 0) 100%); } @media only screen and (max-width: 1199px) { .rts-single-team-one .inner-content { padding: 20px 15px; } } .rts-single-team-one .inner-content .title { margin-bottom: 10px; color: #fff; font-weight: 700; font-size: 24px; line-height: 32px; color: #FFFFFF; margin-bottom: 5px; transition: 0.3s; } .rts-single-team-one .inner-content .title:hover { color: var(--color-primary); } .rts-single-team-one .inner-content span { font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF; } .rts-single-team-one .inner-content .share-icon { width: 50px; height: 50px; background: #fff; display: flex; align-items: center; justify-content: center; } .rts-single-team-one .inner-content .share-icon i { color: #1F1F25; font-weight: 600; font-size: 19px; line-height: 19px; font-size: 18px; } .personal-info-team { background: #F6F6F6; height: 100%; padding: 65px 80px 45px 80px; } @media only screen and (max-width: 1199px) { .personal-info-team { padding: 35px; } } @media only screen and (max-width: 575px) { .personal-info-team { padding: 20px; } } .personal-info-team span.pre-title { color: var(--color-primary); font-weight: 700; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-primary); } .personal-info-team .title { font-weight: 700; font-size: 40px; line-height: 61px; color: #1F1F25; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .personal-info-team .title { font-size: 32px; line-height: 54px; } } .personal-info-team p.disc { color: #6E777D; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 30px; } .personal-info-team .single-info { display: flex; align-items: center; gap: 20px; margin-bottom: 18px; margin-bottom: 25px; } .personal-info-team .single-info .icon i { width: 60px; height: 60px; color: var(--color-primary); background: #EDEDED; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; line-height: 20px; } .personal-info-team .single-info .icon i { width: 60px; height: 60px; color: var(--color-primary); background: #EDEDED; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; line-height: 20px; } .personal-info-team .single-info .info span { display: block; font-weight: 400; font-size: 16px; line-height: 24px; color: #6E777D; font-family: var(--font-primary); transition: 0.3s; } .personal-info-team .single-info .info a.mail { font-weight: 600; font-size: 20px; line-height: 30px; color: #1F1F25; transition: 0.3s; } @media only screen and (max-width: 479px) { .personal-info-team .single-info .info a.mail { font-size: 18px; } } .personal-info-team .single-info .info a.mail:hover { color: var(--color-primary); } .rts-single-team-one .share-icon { position: relative; cursor: pointer; transition: 0.3s; } .rts-single-team-one .share-icon i.fa-share-nodes { transition: 0.3s; } .rts-single-team-one .share-icon .share-icons-wrapper { position: absolute; top: -225px; } .rts-single-team-one .share-icon .share-icons-wrapper ul { padding: 0; margin: 0; list-style: none; } .rts-single-team-one .share-icon .share-icons-wrapper ul li { margin: 5px 0; padding: 0; transform: translateY(20px); opacity: 0; transition: 1.5s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li:nth-child(2) { transition: 1.2s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li:nth-child(3) { transition: 0.9s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li:nth-child(4) { transition: 0.6s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li a { height: 50px; width: 50px; background: #fff; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li a i { transition: 0.3s; } .rts-single-team-one .share-icon .share-icons-wrapper ul li:hover a { background: var(--color-primary); } .rts-single-team-one .share-icon .share-icons-wrapper ul li:hover a i { color: #fff; } .rts-single-team-one .share-icon:hover { background: var(--color-primary); } .rts-single-team-one .share-icon:hover i.fa-share-nodes { color: #fff; } .rts-single-team-one .share-icon:hover ul li { transform: translateY(0); opacity: 1; } .thumbnail.m-img { height: 100%; } .thumbnail.m-img img { width: 100%; } .rts-single-condition-team { position: relative; } .rts-single-condition-team .inner-content { position: absolute; width: 80%; left: 50%; transform: translateX(-50%); bottom: 30px; padding: 30px; background: #fff; border-radius: 10px; } .rts-single-condition-team .inner-content a { font-weight: 700; font-size: 22px; line-height: 29px; font-family: var(--font-primary); color: #1F1F25; margin-bottom: 7px; display: block; transition: 0.3s; } .rts-single-condition-team .inner-content a:hover { color: var(--color-primary); } .rts-single-condition-team .inner-content span { display: block; color: #74787C; font-weight: 500; font-size: 14px; line-height: 19px; font-family: var(--font-primary); } .team-sc-main-swiper-wrapper { position: relative; } .team-sc-main-swiper-wrapper .swiper-button-next, .team-sc-main-swiper-wrapper .swiper-button-prev { background-image: none; width: auto !important; } .team-sc-main-swiper-wrapper .swiper-button-next i, .team-sc-main-swiper-wrapper .swiper-button-prev i { width: 80px; height: 80px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.08); position: relative; font-size: 22px; color: var(--color-primary); } .team-sc-main-swiper-wrapper .swiper-button-next i::after, .team-sc-main-swiper-wrapper .swiper-button-prev i::after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 65px; height: 65px; border: 1px solid var(--color-primary); background: transparent; opacity: 1 !important; } .team-sc-main-swiper-wrapper .swiper-button-prev { left: -140px; } .team-sc-main-swiper-wrapper .swiper-button-next { right: -140px; } .team-sc-main-swiper-wrapper .team-swiper-ac { position: relative; overflow: hidden; } .team-sc-main-swiper-wrapper .rts-single-condition-team .inner-content::after { position: absolute; content: ""; left: 30px; top: -5px; height: 6px; width: 60px; content: ""; background: var(--color-primary); } .bg-team-cleaning-home { background-image: url(../images/team/12.jpg); } .bg-team-cleaning-home .title-area-center .pre { color: #fff; } .bg-team-cleaning-home .title-area-center .title { color: #fff; line-height: 60px; } .bg-team-cleaning-home .title-area-center .title span { color: #fff; font-weight: 400; } .single-team-area-cleaning { clip-path: polygon(16% 0, 100% 0, 100% 88%, 85% 100%, 0 100%, 0 13%); background: #FFFFFF; } .single-team-area-cleaning.odd { clip-path: polygon(83% 0, 100% 13%, 100% 100%, 16% 100%, 0 88%, 0 0); } .single-team-area-cleaning .content { padding: 25px 35px; } .single-team-area-cleaning .content a { margin-bottom: 0; } .single-team-area-cleaning .content a .name { margin-bottom: 0; transition: 0.3s; } .single-team-area-cleaning .content a .name:hover { color: var(--color-primary); } .solar-energy-team { background: #fff; border-radius: 10px; } .solar-energy-team .thumbnail { position: relative; z-index: 1; } .solar-energy-team .thumbnail img { width: 100%; } .solar-energy-team .thumbnail .share-team-h1 { position: relative; left: 0; bottom: 4px; z-index: 1; } .solar-energy-team .thumbnail .share-team-h1:hover .share-nav li a { top: -60px; } .solar-energy-team .thumbnail .share-team-h1:hover .share-nav li:nth-child(2) a { top: -120px; } .solar-energy-team .thumbnail .share-team-h1:hover .share-nav li:nth-child(3) a { top: -180px; } .solar-energy-team .thumbnail .share-team-h1 .share-nav { padding: 0; list-style: none; margin: 0; position: absolute; top: -54px; left: 25px; z-index: -1; transition: 0.3s; display: flex; align-items: center; flex-direction: column; } .solar-energy-team .thumbnail .share-team-h1 .share-nav li { margin: 0; } .solar-energy-team .thumbnail .share-team-h1 .share-nav li a { position: absolute; height: 50px; width: 50px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; left: 0; top: 0; transition: 0.3s; } .solar-energy-team .thumbnail .share-icon { position: absolute; width: 50px; height: 50px; border-radius: 50%; background: var(--color-primary); display: flex; align-items: center; justify-content: center; left: 25px; bottom: 4px; } .solar-energy-team .thumbnail .share-icon .hide-share { position: absolute; display: flex; align-items: center; left: 0; top: 0; } .solar-energy-team .thumbnail .share-icon .hide-share a { display: flex; align-items: center; justify-content: center; } .solar-energy-team .thumbnail .share-icon i { font-size: 22px; color: #fff; } .solar-energy-team .inner-content { padding: 30px; } .solar-energy-team .inner-content a .title { margin-bottom: 7px; transition: 0.3s; } .solar-energy-team .inner-content a .title:hover { color: var(--color-primary); } .solar-energy-team .inner-content span { font-weight: 400; font-size: 16px; line-height: 19px; color: #74787C; } #content { overflow: visible; width: 100%; } .bg-testimonials-1 { background-image: url(../images/testimonials/01.jpg); } .rts-single-testimonials-one { padding: 40px; background: #FFFFFF; } @media only screen and (max-width: 575px) { .rts-single-testimonials-one { padding: 15px; } } .rts-single-testimonials-one p.disc { font-weight: 500; font-size: 18px; line-height: 30px; margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #F1F1F1; margin-bottom: 30px; } .rts-single-testimonials-one .awener-area { display: flex; align-items: center; } .rts-single-testimonials-one .awener-area a { margin-right: 12px; display: block; } .rts-single-testimonials-one .awener-area .main .title { margin-bottom: 3px; transition: 0.3s; } .rts-single-testimonials-one .awener-area .main .title:hover { color: var(--color-primary); } .rts-single-testimonials-one .awener-area .main span { color: var(--color-primary); } .flot-wrapper { cursor: url(../images/project/shape/03.png), auto; } .flot-wrapper .single-project-Greeno-h3 { cursor: url(../images/project/shape/03.png), auto; } .flot-wrapper .single-project-Greeno-h3 .thumbnail { cursor: url(../images/project/shape/03.png), auto; } .faq-section-start-solar .stok-bg.images-r.left { left: 5%; } .stok-bg.images-r.left { text-align: left; left: 11%; } .bg-tst-ac { background-image: url(../images/about/05.jpg); } .rts-service-area-height-Greeno .stok-bg { z-index: 0; } .rts-service-area-height-Greeno .stok-bg.images-r.left { text-align: left; left: 2%; } .rts-case-studyes .stok-bg { z-index: 0; } .air-condition-swiper-main-wrapper { margin-top: 50px; overflow: hidden; } .air-condition-swiper-main-wrapper .single-test { padding: 32px 40px; background: #fff; border-radius: 10px; } .air-condition-swiper-main-wrapper .single-test .profile-area { display: flex; align-items: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #EFEFEF; } .air-condition-swiper-main-wrapper .single-test .profile-area img { margin-right: 20px; } .air-condition-swiper-main-wrapper .single-test .profile-area .admin .title { font-weight: 600; font-size: 22px; line-height: 26px; margin-bottom: 0px; } .air-condition-swiper-main-wrapper .single-test .profile-area .admin span { font-weight: 500; font-size: 14px; line-height: 17px; } .air-condition-swiper-main-wrapper .single-test p.disc { color: #171C26; } .thumbnail-img-testimonials-right { display: flex; align-items: center; justify-content: flex-end; position: relative; } .thumbnail-img-testimonials-right .thumbnail { margin-top: 0; } .thumbnail-img-testimonials-right .thumbnail img { border: 10px solid #fff; border-radius: 10px; } .thumbnail-img-testimonials-right .inner-content { position: absolute; width: 306px; height: 275px; background: #171C26; border-radius: 15px; padding: 25px; text-align: center; left: 290px; top: 30%; } .thumbnail-img-testimonials-right .inner-content .thumbnail { margin-top: 15px; border: none; } .thumbnail-img-testimonials-right .inner-content .thumbnail img { border: none; border-radius: 0; } .thumbnail-img-testimonials-right .inner-content p.disc { font-weight: 500; margin-top: 30px; font-size: 22px; line-height: 30px; font-family: var(--font-primary); color: #fff; margin-bottom: 0; } .rts-feedback-area-solar-energy { background: #1B1B1B; } .rts-feedback-area-solar-energy p.pre { color: var(--color-primary); } .rts-feedback-area-solar-energy .title { color: #fff; } .rts-single-feedback-solar-energy { display: flex; align-items: flex-start; gap: 30px; padding: 40px; background: #1F1F1F; border-radius: 15px; } @media only screen and (max-width: 1199px) { .rts-single-feedback-solar-energy { padding: 20px; } } @media only screen and (max-width: 575px) { .rts-single-feedback-solar-energy { flex-direction: column; align-items: flex-start; } } .rts-single-feedback-solar-energy .client-image { width: max-content; } .rts-single-feedback-solar-energy .client-image img { max-width: max-content; padding: 7px; border: 2px solid var(--color-primary); border-radius: 50%; } .rts-single-feedback-solar-energy .content p.para { color: #FFFFFF; font-style: italic; font-weight: 500; font-size: 20px; line-height: 28px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #2C2C2C; } .rts-single-feedback-solar-energy .content .cottom-review-area { display: flex; align-items: center; justify-content: space-between; } .rts-single-feedback-solar-energy .content .cottom-review-area p { margin-bottom: 0; color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 17px; } .rts-single-feedback-solar-energy .content .cottom-review-area .stars i { color: var(--color-primary); } .mySwiper-testimonials-Greeno { overflow: hidden; max-width: 655px; margin: auto; } .testimonials-review-main-wrapper { text-align: center; } .testimonials-review-main-wrapper .single-review-area-soalri { max-width: 820px; margin: auto; } .testimonials-review-main-wrapper .single-review-area-soalri p.dsic { font-weight: 400; font-size: 22px; line-height: 32px; } .testimonials-review-main-wrapper .single-review-area-soalri .quote { margin-bottom: 25px; } .testimonials-review-main-wrapper .single-review-area-soalri p .disc { font-weight: 400; font-size: 22px; line-height: 32px; color: #7E7E7E; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area { margin-top: 30px; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area .authoe { margin-bottom: 14px; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area .title { margin-bottom: 2px; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area span { letter-spacing: 0.1em; color: #7E7E7E; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area .star-area { margin-top: 7px; } .testimonials-review-main-wrapper .single-review-area-soalri .author-area .star-area i { font-size: 16px; color: var(--color-primary); } .rts-client-review-area-h2 { position: relative; z-index: 10; } .rts-client-review-area-h2 .stok-bg { margin-left: -190px; } .rts-client-review-area-h2 .shape-author-img { position: absolute; left: 20%; top: 200px; } @media only screen and (max-width: 767px) { .rts-client-review-area-h2 .shape-author-img { display: none; } } .rts-client-review-area-h2 .shape-author-img-2 { position: absolute; right: 20%; top: 200px; } @media only screen and (max-width: 767px) { .rts-client-review-area-h2 .shape-author-img-2 { display: none; } } .gsap-marker-end, .gsap-marker-start { display: none !important; } .gsap-marker-scroller-end { display: none !important; } .gsap-marker-scroller-start { display: none !important; } .rts-Greeno-blog-area-start.rts-section-gap.reveal .stok-bg { z-index: 0; } .mySwiper-testimonials-Greeno { position: relative; padding-bottom: 93px; } .mySwiper-testimonials-Greeno .swiper-pagination { display: flex; align-items: center; justify-content: center; } .mySwiper-testimonials-Greeno .swiper-pagination-bullet { background-color: #BBBBBB; opacity: 1; } .mySwiper-testimonials-Greeno .swiper-pagination-bullet-active { background-color: transparent; opacity: 1; background-image: url(../images/banner/shape/01.png); background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; background-size: contain; height: 20px; width: 20px; } .faq-area-start-one .accordion .accordion-item { background: #F6F6F6; padding: 35px 40px; margin-bottom: 20px; box-shadow: none; border: none; } @media only screen and (max-width: 767px) { .faq-area-start-one .accordion .accordion-item { padding: 15px; } } .faq-area-start-one .accordion .accordion-item h2 button { background: transparent; border: none; box-shadow: none; font-weight: 700; font-size: 22px; line-height: 29px; margin-bottom: 12px; margin-bottom: 0; } @media only screen and (max-width: 575px) { .faq-area-start-one .accordion .accordion-item h2 button { font-size: 16px; } } .faq-area-start-one .accordion .accordion-item h2 .accordion-button { position: relative; } .faq-area-start-one .accordion .accordion-item h2 .accordion-button::after { display: none; } .faq-area-start-one .accordion .accordion-item h2 .accordion-button[aria-expanded=true] { color: #1F1F25; } .faq-area-start-one .accordion .accordion-item h2 .accordion-button[aria-expanded=true] i::before { content: "\f077"; } .faq-area-start-one .accordion .accordion-item h2 .accordion-button i { position: absolute; right: 0; top: 0; height: 50px; width: 50px; background: var(--color-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .faq-area-start-one .accordion .accordion-item h2 .accordion-button i { height: 35px; width: 35px; font-size: 14px; top: 7px; } } .faq-area-start-one .accordion .accordion-item .accordion-body { margin-top: 20px; } .faq-area-start-one .accordion .accordion-item .accordion-body .inner { display: flex; align-items: center; gap: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .faq-area-start-one .accordion .accordion-item .accordion-body .inner { align-items: flex-start; } } @media only screen and (max-width: 1199px) { .faq-area-start-one .accordion .accordion-item .accordion-body .inner { flex-direction: column; } } .faq-area-start-one .accordion .accordion-item .accordion-body .inner .thumb-area { flex-basis: 70%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .faq-area-start-one .accordion .accordion-item .accordion-body .inner .thumb-area { flex-basis: 100%; } } @media only screen and (max-width: 1199px) { .faq-area-start-one .accordion .accordion-item .accordion-body .inner .thumb-area { width: 100%; } } .faq-area-start-one .accordion .accordion-item .accordion-body .inner .thumb-area img { width: 100%; } @media only screen and (max-width: 1199px) { .faq-area-start-one .accordion .accordion-item .accordion-body .inner .thumb-area img { width: 100%; } } .faq-area-start-one .accordion .accordion-item .accordion-body .inner .content .title { margin-bottom: 5px; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; margin-bottom: 10px; } .faq-area-start-one .accordion .accordion-item .accordion-body .inner .content p.disc { font-weight: 400; font-size: 16px; line-height: 26px; color: #74787C; } .rts-single-wized { text-align: center; } .rts-single-wized .thumbnail img { width: 100%; } .rts-single-wized .title { margin-bottom: 10px; margin-top: 28px; } .rts-single-wized .opc { font-weight: 500; font-size: 16px; line-height: 19px; color: #74787C; margin-bottom: 10px; } .rts-single-wized a.rts-btn { margin: auto; } .main-faq-inner-ac { display: flex; } .main-faq-inner-ac .left-thumbmail { width: 100%; min-width: max-content; } .main-faq-inner-ac .left-thumbmail img { width: 100%; min-width: 100%; } .main-faq-inner-ac .accordion-main-ac-wrapper { position: relative; z-index: 10; width: 912px; margin-left: -470px; background: #F7F7F7; border-radius: 10px; padding: 100px 80px; margin-top: 256px; } .main-faq-inner-ac .accordion-main-ac-wrapper .accordion .accordion-item { background: #fff; border-radius: 10px; margin-bottom: 20px; border: none; box-shadow: none; padding: 20px 30px; } .main-faq-inner-ac .accordion-main-ac-wrapper .accordion .accordion-item .accordion-header { background: transparent; border: none; box-shadow: none; } .main-faq-inner-ac .accordion-main-ac-wrapper .accordion .accordion-item .accordion-header button { border: none; box-shadow: none; font-weight: 600; font-size: 18px; line-height: 22px; color: #1F1F25; } .main-faq-inner-ac .accordion-main-ac-wrapper .accordion .accordion-item .accordion-header button::after { display: none; } .main-faq-inner-ac .accordion-main-ac-wrapper .accordion .accordion-item .accordion-header button[aria-expanded=true] { border: none; background: transparent; } .accordion-solar-faq { margin-top: 30px; } .accordion-solar-faq .accordion .accordion-item { background: #fff; border: none; box-shadow: none; margin-bottom: 20px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); padding: 10px 25px; } @media only screen and (max-width: 1199px) { .accordion-solar-faq .accordion .accordion-item { padding: 10px 0; } } .accordion-solar-faq .accordion .accordion-item .accordion-header button { font-weight: 600; font-size: 18px; line-height: 22px; color: #1F1F25; background-color: transparent; box-shadow: none; } .faq-Greeno-image-area .thumbnail-small { position: relative; max-width: max-content; } .faq-Greeno-image-area .thumbnail-small .vedio-icone { right: 0; top: 50%; position: absolute; } .faq-Greeno-image-area .thumbnail-small .vedio-icone .video-play-button span { border-left: 15px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .faq-Greeno-image-area .thumbnail-small .vedio-icone .video-play-button::after { background: var(--color-primary); } .faq-Greeno-image-area .thumbnail-small .vedio-icone .video-play-button::before { background: rgba(74, 171, 61, 0.342); border: none; } .faq-Greeno-image-area .thumbnail-small .vedio-icone p.text { min-width: max-content; margin-top: 10px; margin-left: 65px; color: #000; font-weight: 700; } @media only screen and (max-width: 575px) { .faq-Greeno-image-area .thumbnail-small .vedio-icone p.text { display: none; } } .brand-area-h2 { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .brand-area-h2 img { max-width: 100px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-area-h2 { flex-wrap: wrap; justify-content: center; gap: 30px; } } @media only screen and (max-width: 767px) { .brand-area-h2 { justify-content: center; flex-wrap: wrap; gap: 30px; } } .brand-area-h2 img { max-width: 130px; transition: 0.3s; } @media only screen and (max-width: 767px) { .brand-area-h2 img { max-width: 70px !important; } } .brand-area-h2 img:hover { transform: translateY(-5px); } .accordion-solar-faq .accordion .accordion-item .accordion-header button::after { background-image: none; content: "\f067"; transform: none; display: block; font-family: fontAwesome; height: 30px; width: 30px; border-radius: 50%; background: rgba(74, 171, 61, 0.1); display: flex; align-items: center; justify-content: center; color: var(--color-primary); font-size: 13px; font-weight: 500; line-height: 18px; } .accordion-solar-faq .accordion .accordion-item .accordion-header button[aria-expanded=true]::after { content: "\f068"; background: var(--color-primary); color: #fff; } .single-footer-one-wrapper.two .single-footer-component.first { flex-basis: 39%; } .single-pricing-Greeno-area { padding: 40px; border-radius: 10px; box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.1); position: relative; background: #fff; transition: 0.3s; } @media only screen and (max-width: 575px) { .single-pricing-Greeno-area { padding: 20px; } } .single-pricing-Greeno-area::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -1px; border-radius: inherit; background: linear-gradient(to bottom, #4AAB3D, #4aab3d00); transition: 0.3s; opacity: 0; } .single-pricing-Greeno-area .pre-title { font-weight: 600; font-size: 18px; line-height: 28px; color: #4AAB3D; } .single-pricing-Greeno-area .title-price { font-weight: 700; font-size: 34px; color: #1F1F25; line-height: 44px; margin-top: 14px; } .single-pricing-Greeno-area .title-price span { font-weight: 600; font-size: 16px; line-height: 44px; } .single-pricing-Greeno-area .pricing-oppertunity-wrapper { margin-bottom: 30px; } .single-pricing-Greeno-area .pricing-oppertunity-wrapper .single { position: relative; padding-left: 20px; margin-bottom: 5px; } .single-pricing-Greeno-area .pricing-oppertunity-wrapper .single::after { position: absolute; left: 0; height: 8px; width: 8px; border-radius: 50%; background: var(--color-primary); content: ""; top: 50%; transform: translateY(-50%); } .single-pricing-Greeno-area a.rts-btn { text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; max-width: max-content; background: transparent; color: var(--color-primary); } .single-pricing-Greeno-area a.rts-btn::before { background: transparent; border: 1px solid var(--color-primary); } .single-pricing-Greeno-area:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); } .single-pricing-Greeno-area:hover::after { opacity: 1; } .single-team-Greeno-h3 { position: relative; margin-bottom: 24px; overflow: hidden; display: block; } .single-team-Greeno-h3:last-child { margin-bottom: 0; } .single-team-Greeno-h3 .name-social-area-wrapper { position: absolute; bottom: 0px; left: 20px; display: flex; align-items: center; justify-content: space-between; width: 80%; opacity: 0; bottom: -50px; transition: 0.3s; } .single-team-Greeno-h3 .name-social-area-wrapper .name-area p { margin-bottom: 0; background: var(--color-primary); padding: 2px 8px; color: #fff; border-radius: 5px 5px 0 0; max-width: max-content; } .single-team-Greeno-h3 .name-social-area-wrapper .name-area .title { border-radius: 0 0 5px 5px; background: #fff; padding: 5px 6px; font-weight: 700; font-size: 18px; line-height: 24px; } .single-team-Greeno-h3 .name-social-area-wrapper .share-icon i { width: 40px; height: 40px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; cursor: pointer; } .single-team-Greeno-h3:hover .name-social-area-wrapper { opacity: 1; bottom: 0; } .single-project-Greeno-h3 { position: relative; margin-bottom: 24px; overflow: hidden; display: block; } .single-project-Greeno-h3 .thumbnail img { width: 100%; border-radius: 10px; } .single-project-Greeno-h3:last-child { margin-bottom: 0; } .single-project-Greeno-h3 .name-social-area-wrapper { position: absolute; bottom: 0px; left: 20px; display: flex; align-items: center; justify-content: space-between; width: 80%; opacity: 0; bottom: -50px; transition: 0.3s; } .single-project-Greeno-h3 .name-social-area-wrapper .name-area p { margin-bottom: 0; background: var(--color-primary); padding: 2px 8px; color: #fff; border-radius: 5px 5px 0 0; max-width: max-content; } .single-project-Greeno-h3 .name-social-area-wrapper .name-area .title { border-radius: 0 0 5px 5px; background: #fff; padding: 5px 6px; font-weight: 700; font-size: 18px; line-height: 24px; } .single-project-Greeno-h3 .name-social-area-wrapper .share-icon i { width: 40px; height: 40px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; cursor: pointer; } .single-project-Greeno-h3:hover .name-social-area-wrapper { opacity: 1; bottom: 0; } .mt-dec--200 { margin-top: -330px; } .Greeno-title-area-three.text-left span.pre-title { margin: 0; margin-bottom: 16px; } .pt--210 { padding-top: 210px; } .ui-state-default { text-decoration: none !important; } .calendar { padding: 8px; background: #ffffff; border-radius: 4px; font-size: 18px; border: 1px solid #333333; box-shadow: 0px 20px 40px rgba(59, 60, 56, 0.05); } .ui-datepicker { background: #ffffff; border-radius: 0; box-shadow: 0px 6px 41px -13px rgba(191, 138, 0, 0.75); -webkit-box-shadow: 0px 6px 41px -13px rgba(191, 138, 0, 0.75); -moz-box-shadow: 0px 6px 41px -13px rgba(191, 138, 0, 0.75); } .ui-datepicker-header { height: 50px; line-height: 50px; color: #ffffff; background: var(--color-primary); margin-bottom: 10px; } .ui-datepicker-prev, .ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 12px; } .ui-datepicker-prev { float: left; margin-left: 12px; } .ui-datepicker-prev:after { transform: rotate(45deg); margin: -43px 0px 0px 8px; } .ui-datepicker-next { float: right; margin-right: 12px; } .ui-datepicker-next:after { transform: rotate(-135deg); margin: -43px 0px 0px 6px; } .ui-datepicker-prev:after, .ui-datepicker-next:after { content: ""; position: absolute; display: block; width: 8px; height: 8px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after { border-color: #333333; } .ui-datepicker-title { text-align: center; font-size: 20px; } .ui-datepicker-calendar { width: 100%; text-align: center; } .ui-datepicker-calendar thead tr th span { display: block; width: 40px; color: var(--color-primary); margin-bottom: 5px; font-size: 15px; } .ui-state-default { display: block; text-decoration: none; color: #333333; line-height: 40px; font-size: 16px; line-height: 27px; padding: 0 5px; } .ui-state-default:hover { color: #ffffff; background: var(--color-primary); border-radius: 0; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12); text-decoration: none; } .ui-state-highlight { color: #ffffff; background-color: var(--color-primary); border-radius: 0; } .ui-state-active { color: #ffffff; background-color: var(--color-primary); border-radius: 0; } .ui-datepicker-unselectable .ui-state-default { color: #eee; border: 2px solid transparent; } .icon-2 { margin-left: -30px; margin-top: -26px; position: relative; color: var(--color-primary); font-size: 20px; } .ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); outline: 0; z-index: 10001; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } .appoinment-inner-content-wrapper { padding: 30px 100px 30px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .appoinment-inner-content-wrapper { padding: 35px; } } @media only screen and (max-width: 767px) { .appoinment-inner-content-wrapper { padding: 25px; } } .appoinment-m-thumb { position: relative; z-index: 5; } .appoinment-m-thumb img { width: 100%; } .appoinment-m-thumb .inner-wrapper { position: absolute; bottom: 80px; padding: 35px 50px 35px 40px; background: var(--color-primary); display: flex; align-items: center; margin-left: -100px; border-radius: 100px; z-index: 5; animation: jump-1 20s linear infinite; } @media only screen and (max-width: 767px) { .appoinment-m-thumb .inner-wrapper { margin-left: -30px; } } @media only screen and (max-width: 575px) { .appoinment-m-thumb .inner-wrapper { margin-left: 40px; } } .appoinment-m-thumb .inner-wrapper::after { position: absolute; content: ""; left: -15px; top: -15px; width: 100%; height: 100%; border-radius: 100px; background: #1F1F25; z-index: -1; animation: jump-1 10s linear infinite; } .appoinment-m-thumb .inner-wrapper h6 { font-weight: 700; font-size: 60px; line-height: 60px; color: #FFF; margin-right: 20px; } @media only screen and (max-width: 479px) { .appoinment-m-thumb .inner-wrapper h6 { font-size: 37px; line-height: 31px; } } .appoinment-m-thumb .inner-wrapper span { color: #fff; font-weight: 400; font-size: 20px; line-height: 28px; margin-top: -10px; } @media only screen and (max-width: 479px) { .appoinment-m-thumb .inner-wrapper span { font-size: 16px; line-height: 21px; } } .bg-appoinment { background: #F6F6F6; } form.appoinment-form .input-half-wrapper .single-input input { height: 60px; background: #FFFFFF; display: block; padding: 0 30px; border: 1px solid transparent; } form.appoinment-form .input-half-wrapper { display: flex; align-items: center; width: 100%; gap: 26px; } form.appoinment-form select { height: 60px; background: #FFFFFF; display: block; margin-top: 25px; padding: 0 30px; border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 33px; } form.appoinment-form select option { border-radius: 0; padding: 5px 6px; } form.appoinment-form .input-half-wrapper { display: flex; align-items: center; width: 100%; gap: 26px; } @media only screen and (max-width: 479px) { form.appoinment-form .input-half-wrapper { gap: 8px; } } form.appoinment-form .input-half-wrapper .single-input { display: block; width: 50%; } form.appoinment-form .input-half-wrapper .single-input input { height: 60px; background: #FFFFFF; display: block; padding: 0 30px; border: 1px solid transparent; border-radius: 33px; border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); } .bg-appoinment-m { background-image: url(../images/appoinment/02.jpg); } .rts-appoinment-main-area .content-appoinment-m p.disc { width: 75%; } @media only screen and (max-width: 767px) { .rts-appoinment-main-area .content-appoinment-m p.disc { width: 95%; } } @media only screen and (max-width: 575px) { .rts-appoinment-main-area .content-appoinment-m p.disc { width: 100%; } } .appoinment-form-m { clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%); background: #fff; padding: 95px; border-radius: 7px; margin-left: -90px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .appoinment-form-m { clip-path: none; background: #fff; padding: 32px 70px; margin-left: 0; } } @media only screen and (max-width: 767px) { .appoinment-form-m { padding: 25px; clip-path: none; background: #fff; margin-left: 0; } } .appoinment-form-m .half-input { display: flex; align-items: center; gap: 20px; } .appoinment-form-m input { background: #F7F7F7; border-radius: 100px; height: 60px; margin-bottom: 24px; padding: 5px 20px; border: 1px solid transparent; } .appoinment-form-m input:focus { border: 1px solid #1F1F25; box-shadow: 0px 7px 35px rgba(0, 0, 0, 0.07); border-radius: 100px; background: #FFFFFF; } .appoinment-deal-area { display: flex; align-items: center; gap: 24px; margin-right: -90px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .appoinment-deal-area { margin-right: 0; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .appoinment-deal-area { margin-right: 0; margin-bottom: 30px; } } @media only screen and (max-width: 575px) { .appoinment-deal-area { flex-direction: column; } } .appoinment-deal-area .single-deal { padding: 38px 25px; text-align: center; background: #ffff; border-radius: 7px; height: 100%; width: 200px; } @media only screen and (max-width: 1199px) { .appoinment-deal-area .single-deal { padding: 10px; } } .appoinment-deal-area .single-deal.large-img { padding: 0; width: max-content; } .appoinment-deal-area .single-deal .icon { height: 80px; width: 80px; border-radius: 50%; background: #FEF6ED; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; margin-bottom: 9px; } @media only screen and (max-width: 1199px) { .appoinment-deal-area .single-deal .icon { margin-bottom: 0; } } .appoinment-deal-area .single-deal h3 { margin-bottom: -5px; } @media only screen and (max-width: 1199px) { .appoinment-deal-area .single-deal h3 { font-size: 24px; } } .appoinment-deal-area .single-deal h3 span { margin-bottom: 0; } .appoinment-deal-area .single-deal span.sm { margin-top: -3px; } .container-75 { padding: 0 100px; } @media only screen and (max-width: 575px) { .container-75 { padding: 0 20px; } } .bg-awesome-feedback { background: #171717; } .rts-awesome-funfacts-area { overflow: hidden; } .left-awesome-feedback-wrapper { position: relative; height: 675px; } .single-awesome-feedback-area { background: #1F1F1F; height: 450px; width: 450px; border-radius: 50%; padding: 95px; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -50px; left: 0; z-index: 5; } @media screen and (max-width: 1220px) { .single-awesome-feedback-area { padding: 35px; height: 350px; width: 350px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-awesome-feedback-area { bottom: 2%; } } @media only screen and (max-width: 575px) { .single-awesome-feedback-area { left: -10%; } } .single-awesome-feedback-area::after { position: absolute; content: ""; height: 500px; width: 500px; border: 2px solid rgba(255, 255, 255, 0.04); border-radius: 50%; top: -50px; z-index: -1; } @media screen and (max-width: 1220px) { .single-awesome-feedback-area::after { height: 400px; width: 400px; } } .single-awesome-feedback-area .wrapper h2 { color: var(--color-primary); } .single-awesome-feedback-area .wrapper .title { color: #fff; } .single-awesome-feedback-area.small { top: -50px; left: 50%; width: 350px; height: 350px; padding: 40px; } @media screen and (max-width: 1628px) { .single-awesome-feedback-area.small { left: 40%; width: 300px; height: 300px; } } @media screen and (max-width: 1220px) { .single-awesome-feedback-area.small { left: 23%; width: 300px; height: 300px; } } @media screen and (max-width: 1120px) { .single-awesome-feedback-area.small { left: 0%; width: 300px; height: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-awesome-feedback-area.small { left: 49%; } } @media only screen and (max-width: 479px) { .single-awesome-feedback-area.small { top: 2%; } } .single-awesome-feedback-area.small .wrapper h2 { font-size: 36px; } .single-awesome-feedback-area.small .wrapper h5 { font-size: 20px; } .single-awesome-feedback-area.small::after { top: -100px; z-index: -2; border: 2px solid #1F1F1F; left: -50px; width: 416px; height: 416px; } @media screen and (max-width: 1628px) { .single-awesome-feedback-area.small::after { width: 340px; height: 340px; left: -20px; } } .rts-awesome-funfacts-area .title-area-left p.pre { margin-bottom: 27px; } .rts-awesome-funfacts-area .title-area-left .title { color: #fff; font-size: 36px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-awesome-funfacts-area .title-area-left .title { font-size: 25px; line-height: 34px; } } .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate { display: flex; align-items: center; margin-bottom: 50px; } .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate span.score { display: block; padding: 5px 8px; border: 1px solid #DEDEDE; max-width: max-content; font-size: 24px; border: 1px solid #DEDEDE; color: #fff; } .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate .info-wrapper { margin-left: 30px; } .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate .info-wrapper p { margin-bottom: 0px; font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; } @media only screen and (max-width: 1199px) { .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate .info-wrapper p { font-size: 14px; } } .rts-awesome-funfacts-area .awes-me-fun-f-content .score-rate .info-wrapper span { font-weight: 400; font-size: 16px; line-height: 19px; color: #74787C; } .padding-feedback-top-btm { padding: 120px 0; } @media only screen and (max-width: 1199px) { .padding-feedback-top-btm { padding: 80px 0; } } .pl--control-feedback { padding-left: 60px; } @media only screen and (max-width: 1199px) { .pl--control-feedback { padding-left: 0; } } .btn-under-p { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--color-primary); text-decoration: underline; transition: 0.3s; } .btn-under-p:hover { color: #fff; text-decoration: underline; } .rts-projects-area.home-1 { position: relative; } .rts-projects-area.home-1::after { position: absolute; top: 0; right: 0; content: ""; height: 20px; width: 1060px; background: var(--color-primary); } .soalr-feedback-wrapper-main { position: relative; overflow: hidden; padding-bottom: 60px; } .soalr-feedback-wrapper-main .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-primary); } .soalr-feedback-wrapper-main .swiper-pagination-bullet { background: #373737; opacity: 1; } .appoinment-inner-content-wrapper.bg-appoinment { padding: 30px 50px; } .con-tent-main { display: flex; align-items: center; justify-content: center; padding-top: 160px; padding-bottom: 120px; text-align: center; } @media only screen and (max-width: 767px) { .con-tent-main { padding-top: 120px; padding-bottom: 40px; } } @media only screen and (max-width: 575px) { .con-tent-main { padding-top: 60px; } } .con-tent-main .slug a { font-weight: 700; font-size: 14px; color: #fff; line-height: 17px; letter-spacing: 0.1em; } .con-tent-main .title { margin-top: 10px; } .con-tent-main .title a { font-weight: 700; font-size: 60px; line-height: 80px; color: #fff; font-family: var(--font-primary); } @media only screen and (max-width: 767px) { .con-tent-main .title a { font-size: 46px; line-height: 50px; } } .form--area { background: #F7F7F7; padding: 80px; border-radius: 5px; } @media only screen and (max-width: 767px) { .form--area { padding: 40px; } } @media only screen and (max-width: 575px) { .form--area { padding: 25px; } } @media only screen and (max-width: 479px) { .form--area { padding: 15px; } } .contact-page-form .name-email-wraper { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } .contact-page-form .name-email-wraper input { flex-basis: 48.8%; } .contact-page-form .name-email-wraper input:focus { border: 1px solid var(--color-primary); } .contact-page-form input { background: #FFFFFF; border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 100px; height: 60px; padding: 5px 15px; } .contact-page-form textarea { border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 20px; height: 150px; background: #fff; margin-top: 20px; padding: 15px; margin-bottom: 20px; } .contact-page-form textarea:hover { border: 1px solid var(--color-primary); } .map-area-wrapper { height: 100%; } .single-contact--info-wrapper { background: #F7F7F7; text-align: center; border-radius: 0 0 5px 5px; height: 100%; } .single-contact--info-wrapper .thumbnail { position: relative; } .single-contact--info-wrapper .thumbnail img { width: 100%; } .single-contact--info-wrapper .thumbnail .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .single-contact--info-wrapper .thumbnail .icon path { fill: var(--color-primary); } .single-contact--info-wrapper .content { padding: 35px 5px; } .single-contact--info-wrapper .content span { color: var(--color-primary); display: block; margin-bottom: 10px; font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; } .single-contact--info-wrapper .content .title { margin-bottom: 0; transition: 0.3s; } @media only screen and (max-width: 1199px) { .single-contact--info-wrapper .content .title { font-size: 22px; } } .single-contact--info-wrapper .content .title.under-line { text-decoration: underline; } .single-contact--info-wrapper .content .title:hover { color: var(--color-primary); } .rts-bread-crumb-area { position: relative; z-index: 0; } .rts-bread-crumb-area .con-tent-main .wrapper .bg-text-stok { font-size: 200px; color: white; -webkit-text-fill-color: #8d8a8a00; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(189, 189, 189, 0.36); font-weight: 700; font-family: var(--font-primary); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; min-width: max-content; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-bread-crumb-area .con-tent-main .wrapper .bg-text-stok { font-size: 100px; top: 45%; } } @media only screen and (max-width: 767px) { .rts-bread-crumb-area .con-tent-main .wrapper .bg-text-stok { font-size: 100px; top: 45%; } } @media only screen and (max-width: 575px) { .rts-bread-crumb-area .con-tent-main .wrapper .bg-text-stok { font-size: 60px; } } @media only screen and (max-width: 479px) { .rts-bread-crumb-area .con-tent-main .wrapper .bg-text-stok { display: none; } } .single-case-ac .thumbnail img { width: 100%; } .index-shop .rts-btn { border-radius: 6px; } .index-shop .rts-btn::before { border-radius: 6px; } .banner-shop-content-wrapper .pre { font-size: 16px; } .shop-container-featuer { max-width: 1760px; margin: auto; } .single-featue-item { display: flex; align-items: center; justify-content: space-between; padding: 30px 40px 30px 30px; background: #E3FAEA; border-radius: 10px; } @media only screen and (max-width: 575px) { .single-featue-item { padding: 15px; } } .single-featue-item .right-img-area img { transition: 0.6s; } .single-featue-item:hover .right-img-area img { transform: scale(1.05); } .single-featue-item .left-content-inner span.offer { color: #D01010; font-weight: 600; line-height: 26px; font-size: 16px; } .single-featue-item .left-content-inner .title { font-weight: 600; line-height: 32px; font-size: 24px; color: #1F1F25; margin-top: 12px; } @media only screen and (max-width: 1199px) { .single-featue-item .left-content-inner .title { line-height: 30px; font-size: 18px; } } .single-featue-item .left-content-inner a.rts-btn { padding: 11px 28px; } .category-title-left-area a.rts-btn { padding: 15px 45px; } .title-shop-main-center { text-align: center; } #elevate-load { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #111111; z-index: 999999; } #elevate-load .preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; } #elevate-load .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #111111; animation: preloader 1.3s linear infinite; } #elevate-load .preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } .loaded { display: none; } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } .lds-ellipsis { display: inline-block; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .ms-main { padding: 120px 0; } .ms-main .single-product .ms-single-product .banner-horizental { margin-bottom: 90px; } .ms-main .single-product .ms-single-product .banner-horizental .swiper { overflow: hidden; } .ms-main .single-product .ms-single-product .banner-horizental .swiper .swiper-wrapper .swiper-slide .slider-inner img { width: 100%; } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area { position: relative; } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination { bottom: -120px; text-align: center; right: 50%; transform: translateX(50%); display: flex; } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet { width: 100px; height: 100px; border-radius: 0; background: url(../images/shop/shop-03.jpg); border-width: 2px; border-style: solid; border-color: #f9f9f9; opacity: 1; background-size: cover; background-position: center; margin-right: 5px; } @media (max-width: 450px) { .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet { width: 80px; height: 80px; } } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:first-child { background: url(../images/shop/shop-01.jpg) !important; background-size: cover !important; background-position: center !important; } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:last-child { background: url(../images/shop/shop-02.jpg) !important; background-size: cover !important; background-position: center !important; } .ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--color-primary); } @media (max-width: 991px) { .ms-main .single-product .ms-single-product .ms-single-product__content { margin-top: 100px; padding-left: 0; } } .ms-main .single-product .ms-single-product .ms-single-product__content .cart .single_add_to_cart_button { line-height: 42px; } @media (max-width: 520px) { .ms-main .single-product .ms-single-product .tab-area .nav-tabs { justify-content: center; } } .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item { margin-top: 0; margin-bottom: 0; } @media (max-width: 520px) { .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item { margin-bottom: 10px; } } .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link { color: #777777; padding: 8pt 20pt; border-color: #dee2e6 #dee2e6; } .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link.active { background: var(--color-primary); color: #ffffff; border-color: #dee2e6 #dee2e6; } @media (max-width: 520px) { .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link.active { border-color: #dee2e6 #dee2e6; } } .ms-main .single-product .ms-single-product .tab-area .tab-content { border: solid 1px #dee2e6; border-bottom-left-radius: 12pt; border-bottom-right-radius: 12pt; padding: 20pt; line-height: 1.8; margin-top: -1px; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .ms-heading-title { font-size: 24px; font-weight: 700; margin: 1rem 0; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr:last-child th { border-bottom: none; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr:last-child td { border-bottom: none; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr th { border-left: none; border-right: none; font-weight: 700; border: 1px solid #e2e2e2; border-left: 0; border-right: 0; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr td { border-left: none; border-right: none; border: 1px solid #e2e2e2; border-left: 0; border-right: 0; padding-top: 14px; padding-bottom: 12px; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .heading-title { font-size: 24px; font-weight: 700; margin: 1rem 0; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box { width: 100%; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea { width: 100%; padding: 0.5em 1em 0.5em 1em; background: #F6F6F6 !important; border: 1px solid transparent; transition: all 0.4s; background: unset; } @media (max-width: 991px) { .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea { margin-bottom: 25px; } } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea:hover { border: 1px solid var(--color-primary); } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea:focus { outline: 0; border-color: var(--color-primary); color: var(--color-primary); } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea::placeholder { color: #000000; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input { width: 100%; padding: 0.5em 1em 0.5em 1em; background: #F6F6F6 !important; height: 55px; margin-bottom: 25px; border: 1px solid transparent; border: 1px solid transparent; margin-bottom: 25px; transition: all 0.4s; background: unset; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input:hover { border: 1px solid var(--color-primary); } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input:focus { outline: 0; border-color: var(--color-primary); box-shadow: 0 0 0 4px var(--color-shadow); background-color: var(--color-bg); color: var(--color-contrast-higher); } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input::placeholder { color: var(--color-primary); } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .rating { display: flex; align-items: center; margin-bottom: 25px; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .rating p { margin-bottom: 0; } .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .btn { width: 100%; max-width: 100%; border: none; display: block; height: 45px; border-radius: 0; color: #fff; } .ms-single-product .ms-single-product__content { padding-left: 3rem; position: relative; } .ms-single-product .ms-single-product__content .ms-single-product_title { font-size: 28px; margin-bottom: 2rem; } .ms-single-product .ms-single-product__content .price { margin-bottom: 3rem; display: inline-flex; flex-direction: row-reverse; align-items: baseline; font-size: 36px; } .ms-single-product .ms-single-product__content .price bdi { font-weight: 700; letter-spacing: -1pt; color: var(--color-primary); } .ms-single-product .ms-single-product__content .ms-woocommerce-product-rating { display: flex; align-items: center; line-height: initial; margin-bottom: 2rem; } .ms-single-product .ms-single-product__content .ms-woocommerce-product-rating .ms-rating-icon svg { fill: #FFB03B; } .ms-single-product .ms-single-product__content .stock, .ms-single-product .ms-single-product__content .woocommerce-product-details__short-description { margin-bottom: 2rem; line-height: 1.8; } .ms-single-product .ms-single-product__content .stock.in-stock { color: #2eb740; } .ms-single-product .ms-single-product__content .cart { display: flex; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .quantity-area { display: flex; margin-bottom: 30px; } .quantity-area .cart-edit .quantity-edit { background: #f7f7f7; padding: 11px 15px; border-radius: 0; } @media (max-width: 991px) { .quantity-area .rts-btn { padding: 20px 25px; } } @media (max-width: 400px) { .quantity-area .rts-btn { padding: 20px; } } .quantity-area .single_add_to_cart_button { border-radius: 0; border: none; color: #FFFFFF; background-color: var(--color-primary); padding: 5px 12px; margin-left: 8pt; 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); } .product_meta { display: grid; } .product_meta span { margin-bottom: 15px; } .ms-single-product__content .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table th { border-top: none; font-size: 16px; font-weight: 800; color: #000000; padding-left: 0; text-align: center; } @media (max-width: 767px) { .ms-single-product__content .shop_table thead, .ms-woocommerce-cart-form-wrapper .shop_table thead { display: none; } } .ms-single-product__content .shop_table td, .ms-woocommerce-cart-form-wrapper .shop_table td { padding: 2rem 0; text-align: center; border-left: none; border-right: none; border: 1px solid #e2e2e2; } @media (max-width: 767px) { .ms-single-product__content .shop_table td, .ms-woocommerce-cart-form-wrapper .shop_table td { border: none !important; } } .ms-single-product__content .shop_table th, .ms-single-product__content .shop_table td, .ms-woocommerce-cart-form-wrapper .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table td { border-left: none; border-right: none; } .ms-single-product__content .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table th { padding: 15px 0; } .ms-single-product__content .shop_table tr, .ms-woocommerce-cart-form-wrapper .shop_table tr { text-align: left; } @media (max-width: 767px) { .ms-single-product__content .shop_table tr, .ms-woocommerce-cart-form-wrapper .shop_table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e8e8e8; margin-bottom: 40px; } } .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { font-size: 28px; } @media (max-width: 767px) { .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { width: 100% !important; font-size: 34px; } } @media (max-width: 767px) { .ms-single-product__content .product-remove svg, .ms-woocommerce-cart-form-wrapper .product-remove svg { width: 32px; } } .ms-single-product__content .product-thumbnail, .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 10rem; } @media (max-width: 767px) { .ms-single-product__content .product-thumbnail, .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 100%; } } .ms-single-product__content .product-thumbnail img, .ms-woocommerce-cart-form-wrapper .product-thumbnail img { width: 7rem; border-radius: 0; } @media (max-width: 767px) { .ms-single-product__content .product-thumbnail img, .ms-woocommerce-cart-form-wrapper .product-thumbnail img { width: 100%; } } .ms-single-product__content .product-name, .ms-woocommerce-cart-form-wrapper .product-name { font-size: 18px; font-weight: 600; } @media (max-width: 767px) { .ms-single-product__content .product-name, .ms-woocommerce-cart-form-wrapper .product-name { border: none !important; width: 100%; text-align: left !important; font-size: 22px; } } .ms-single-product__content .product-name a, .ms-woocommerce-cart-form-wrapper .product-name a { color: #000000; transition: all 0.3s; } .ms-single-product__content .product-name a:hover, .ms-woocommerce-cart-form-wrapper .product-name a:hover { color: var(--color-primary); } @media (max-width: 767px) { .ms-single-product__content .product-price, .ms-woocommerce-cart-form-wrapper .product-price { width: 50%; text-align: left !important; } } @media (max-width: 767px) { .ms-single-product__content .product-subtotal, .ms-woocommerce-cart-form-wrapper .product-subtotal { width: 100%; text-align: left !important; } } .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { width: 3rem; padding-left: 0; } @media (max-width: 767px) { .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { border: none !important; } } .ms-single-product__content .product-remove svg, .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-single-product__content .product-remove svg:hover, .ms-woocommerce-cart-form-wrapper .product-remove svg:hover { fill: var(--color-error); } .ms-single-product__content .ms-quantity, .ms-woocommerce-cart-form-wrapper .ms-quantity { position: relative; width: 8rem; display: flex; } .ms-single-product__content .ms-quantity .input-text, .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text { padding: 0.5em; height: 45px; border: none; width: 100%; text-align: center; color: #000000; background-color: #f7f7f7; appearance: none; } .ms-single-product__content .ms-quantity .input-text:focus-visible, .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text:focus-visible { outline: none; } .ms-single-product__content .ms-quantity input::-webkit-outer-spin-button, .ms-single-product__content .ms-quantity input::-webkit-inner-spin-button, .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-single-product__content .ms-quantity .button-minus, .ms-single-product__content .ms-quantity .button-plus, .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-single-product__content .ms-quantity .button-minus svg, .ms-single-product__content .ms-quantity .button-plus svg, .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-single-product__content .ms-quantity .button-minus:hover, .ms-single-product__content .ms-quantity .button-plus:hover, .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-single-product__content .ms-quantity .button-minus:active, .ms-single-product__content .ms-quantity .button-plus:active, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:active, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:active { transform: translateY(2px); } .ms-single-product__content .ms-quantity .button-minus, .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-single-product__content .ms-quantity .button-minus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg { margin-left: 1pt; } .ms-single-product__content .ms-quantity .button-plus, .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-single-product__content .ms-quantity .button-plus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg { margin-right: 1pt; } .ms-single-product__content .ms-actions-inner, .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: flex; justify-content: space-between; } @media (max-width: 767px) { .ms-single-product__content .ms-actions-inner, .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: block; } } .ms-single-product__content .coupon, .ms-woocommerce-cart-form-wrapper .coupon { display: inline-flex; overflow: hidden; background-color: var(--color-contrast-lower); } @media (max-width: 767px) { .ms-single-product__content .coupon, .ms-woocommerce-cart-form-wrapper .coupon { width: 100%; } } .ms-single-product__content .coupon .button, .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-single-product__content .coupon .button, .ms-woocommerce-cart-form-wrapper .coupon .button { width: 50%; } } .ms-single-product__content .coupon+.button, .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-single-product__content .coupon+.button:disabled, .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-single-product__content .coupon+.button:disabled, .ms-woocommerce-cart-form-wrapper .coupon+.button:disabled { display: none; } } .ms-single-product__content .coupon+.button:active, .ms-woocommerce-cart-form-wrapper .coupon+.button:active { transform: translateY(2px); } .ms-single-product__content #coupon_code, .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-single-product__content #coupon_code, .ms-woocommerce-cart-form-wrapper #coupon_code { width: 50%; } } .ms-single-product__content #coupon_code:focus-visible, .ms-woocommerce-cart-form-wrapper #coupon_code:focus-visible { outline: none; } .ms-single-product__content .ms-cart-totals, .ms-woocommerce-cart-form-wrapper .ms-cart-totals { margin-top: 6rem; margin-bottom: 6rem; background-color: #f7f7f7; padding: 2rem; } .ms-single-product__content .ms-cart-totals .cart-subtotal td, .ms-single-product__content .ms-cart-totals .order-total td, .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-single-product__content .ms-cart-totals tr, .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr { border-bottom: 1px solid #e2e2e2; } .ms-single-product__content .ms-cart-totals th, .ms-single-product__content .ms-cart-totals td, .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-single-product__content .ms-cart-totals .order-total th, .ms-single-product__content .ms-cart-totals .order-total td, .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-single-product__content .ms-cart-totals h3, .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 { margin-bottom: 2rem; font-size: 24px; font-weight: 700; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-methods, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-methods { padding-left: 0; list-style: none; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-destination, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-destination { margin: 4pt 0; } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .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-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { flex-direction: unset; } } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout a, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout a { padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; color: #ffffff; display: flex; align-items: center; } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout a:active, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout a:active { transform: translateY(2px); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator { max-width: 100%; display: flex; flex-direction: column; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p { max-width: 100%; padding-top: 15px; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text, .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: #000000; transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover { border-color: var(--color-primary); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible, .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-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single, .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-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered, .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-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered, .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-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow, .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-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button { height: 45px; padding: 0 1rem; border: none; color: #ffffff; border-radius: 6pt; float: right; } .ms-single-product__content .ms-cart-totals .shop_table td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td { text-align: right; } .ms-woocommerce-MyAccount-content h3, .ms-woocommerce-checkout h3 { font-size: 24px; font-weight: 700; margin-bottom: 2rem; margin-top: 25px; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row { display: flex; flex-direction: column; margin-bottom: 1.5rem; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label { font-size: 14px; margin-bottom: 4pt; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label .required, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label .required, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label .required, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label .required, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label .required, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label .required { text-decoration: none; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text { width: 100%; padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; border: none; border-radius: 0; color: #000000; background-color: #f7f7f7; 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-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:hover, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover { border-color: var(--color-primary); } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:focus-visible, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible { z-index: 1; border-color: var(--color-primary); outline: 0; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row select, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row select, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row select, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row select, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row select, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row select { background: #f7f7f7; padding: 1em 1.2em 1em 1.2em; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single { padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; position: relative; border: solid 1px #e2e2e2; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0; bottom: 0; right: 8px; width: 32px; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000000; background-color: #f7f7f7; padding-left: 0; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single { background-color: #f7f7f7; transition: border-color 150ms var(--ease-in-out); } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover { border-color: var(--color-primary); } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row { display: flex; flex-direction: column; } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row label, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row label { margin-bottom: 8pt; } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row .input-text, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row .input-text { width: 100%; border-radius: 0; padding: 0.5em 1.2em 0.5em 1.2em; margin-bottom: 2rem; background-color: #f7f7f7; color: #000000; } .woocommerce-form-coupon-toggle { margin-bottom: 3rem; } .wc_payment_methods { list-style: none; padding-left: 0; } .woocommerce-checkout-review-order .wc_payment_methods, .woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table { margin-bottom: 2rem; } .woocommerce-checkout-review-order .button { display: block; width: 100%; text-align: center; border: none; color: #fff; max-width: 100%; border-radius: 0; } @media (max-width: 767px) { .woocommerce-checkout-review-order .woocommerce-checkout-payment { margin-bottom: 50px; } } .woocommerce-info { padding: 2.5rem 2rem; border-radius: 6pt; background-color: #f7f7f7; } .woocommerce-info .showcoupon { position: relative; color: var(--color-primary); text-decoration: none; } .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: #000000; } .ms-woocommerce-order .ms-woocommerce-order-overview li strong { margin-top: 4pt; color: #000000; } .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: #000000; } .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: #000000; } .woocommerce-page.woocommerce-order-received .woocommerce { margin-bottom: 8vh; } .pl-lg-5 { padding-left: 4rem !important; } .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 .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; } .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: #666666; 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 #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 2px; height: 50px; background: #fff; margin-top: 20px; padding: 15px; margin-bottom: 20px; } .full-grid .form-content-box .form-group .form-control-mod:focus { border: 1px solid var(--color-primary); } .full-grid .form-content-box .form-group select, .full-grid .form-content-box .form-group textarea { border: 1px solid #EAEAEA; box-shadow: 0px 4px 47px rgba(0, 0, 0, 0.01); border-radius: 2px; height: 50px; background: #fff; margin-top: 20px; padding: 15px; margin-bottom: 20px; } .full-grid .form-content-box .form-group select:focus, .full-grid .form-content-box .form-group textarea:focus { border: 1px solid var(--color-primary); } .full-grid .form-content-box .form-group textarea { height: 150px; } .full-grid .form-content-box .form-group .form-control-mod.margin-bottom { margin-bottom: 10px !important; } .full-grid .ordered-product table { width: 100%; } .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); } @media (max-width: 576px) { .rts-service-two-col { padding-bottom: 130px !important; } } .single-service-four { position: relative; height: 100%; background: #171717; } .single-service-four:hover .thumbnail img { transform: scale(1.2); } .single-service-four:hover .thumbnail::after { left: -50px; top: -50px; } .single-service-four:hover .content-area .rts-btn { transform: scale(1); } .single-service-four .icon-area { position: absolute; top: 42px; left: 40px; background: #FFFFFF; width: 100px; height: 100px; padding: 20px; display: flex; } @media only screen and (max-width: 1199px) { .single-service-four .icon-area { position: absolute; top: 34px; left: 28px; background: #FFFFFF; width: 60px; height: 60px; padding: 16px; } } .single-service-four .thumbnail { display: block; overflow: hidden; position: relative; } .single-service-four .thumbnail::after { position: absolute; content: ""; height: 150px; width: 150px; background: var(--color-primary); filter: blur(50px); left: -250px; top: -250px; transition: 0.3s; } .single-service-four .thumbnail img { width: 100%; transition: 0.3s; } .single-service-four .content-area { padding: 32px 40px; position: relative; } .single-service-four .content-area a.rts-btn { position: absolute; right: 25px; top: -25px; font-weight: 600; font-size: 16px; line-height: 24px; padding: 12px 20px; text-transform: capitalize; transform: scaleY(0); transition: 0.3s; } .single-service-four .content-area a.rts-btn i { font-size: 14px; } .single-service-four .content-area span { font-weight: 600; font-size: 13px; line-height: 20px; color: #424242; letter-spacing: 0.1em; text-transform: uppercase; font-family: var(--font-primary); } .single-service-four .content-area a .title { color: #fff; margin-bottom: 0; font-weight: 600; font-size: 24px; line-height: 37px; letter-spacing: 0.02em; transition: 0.3s; } @media only screen and (max-width: 1199px) { .single-service-four .content-area a .title { font-size: 20px; line-height: 28px; } } .single-service-four .content-area a:hover .title { 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 .rts-btn { max-width: max-content; border-radius: 0; padding: 15px 40px; } .coupon-toggle .accordion .card .card-body .rts-btn::before { border-radius: 0; } .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; } .woocommerce-checkout-review-order .button { border-radius: 5px; } .woocommerce-checkout-review-order .button::before { border-radius: 5px; } .checkout .rts-btn { border-radius: 5px; } .checkout .rts-btn::before { border-radius: 5px; } .cart-bar .product-item:last-child { margin-bottom: 0; } .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-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-edit { margin-right: 20px; } .cart-bar .product-detail .product-thumb { margin-right: 15px; max-width: 75px; } .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-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; border-radius: 5px; } .cart-bar .cart-edit .item-wrapper { display: inline-block; } .cart-bar .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #C0C0C0; } .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } edit .quantity-edit button { background: none; font-size: 0; } .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #000000; } .cart-bar .cart-edit .quantity-edit button i:hover { color: var(--color-primary); } .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-bar .cart-edit .quantity-edit input { text-align: center; max-width: 26px; padding: 0; } .cart-edit .quantity-edit input { text-align: center; max-width: 55px; font-size: 16px; font-weight: 700; color: #040404; } .cart-bar .cart-edit .product-edit { margin-right: 15px; } .cart-bar .product-detail .product-name { font-size: 14px; font-weight: 400; color: var(--color-primary); } .cart-bar .product-detail span { display: inline-block; line-height: 19px !important; } .cart-bar .product-detail .product-variation span { color: #868686; font-family: roboto; font-weight: 400; font-size: 13px; line-height: 15px; } .cart-bar .product-detail .product-qnty, .cart-bar .product-detail .product-price { color: #404040; font-weight: 500; font-size: 13px; font-family: roboto; } .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-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-bar .cart-bottom-area .spend-shipping i { font-size: 15px; margin-right: 7px; } .cart-bar .cart-bottom-area .spend-shipping .amount { font-weight: 700; color: #040404; } .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-bar .cart-bottom-area .total-price span { color: var(--color-primary); } .cart-bar .cart-bottom-area .checkout-btn { border: 1px solid var(--color-primary); margin-bottom: 10px; color: var(--color-primary); } .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-bar .cart-bottom-area .view-btn { border: 1px solid transparent; background: var(--color-primary); color: #fff; } .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-bar .cart-bottom-area .checkout-btn:hover { background: var(--color-primary); color: #fff; } .cart-page .rts-btn { border-radius: 5px; } .cart-page .rts-btn::before { border-radius: 5PX; } .shop-single .rts-btn { border-radius: 0; } .shop-single .rts-btn::before { border-radius: 0; } .blog-single-two-wrapper { border: 1px solid #E9E9E9; } .blog-single-two-wrapper .image-area { position: relative; } .blog-single-two-wrapper .image-area .thumbnail { overflow: hidden; display: block; } .blog-single-two-wrapper .image-area .thumbnail img { width: 100%; transition: 1.3s; } .blog-single-two-wrapper .inner { padding: 40px; margin-top: -9px; } .blog-single-two-wrapper.shop .inner .pre-tag { font-weight: 700; font-size: 16px; line-height: 17px; color: var(--color-primary); margin-top: -5px; } .blog-single-two-wrapper .inner .title { font-weight: 600; font-size: 24px; line-height: 32px; margin-top: 5px; transition: 0.3s; } .blog-single-two-wrapper .inner a.btn-read-more-blog { color: var(--color-primary); align-items: center; } .blog-single-two-wrapper .inner a.btn-read-more-blog i { margin-left: 5px; position: relative; } .blog-single-two-wrapper .image-area .thumbnail:hover img { transform: scale(1.15); } .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 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1000; } @media only screen and (max-width: 767px) { .cart-bar { width: 310px; } } .cart-bar.show { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .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-bar .cart-header .cart-heading { font-size: 17px; font-weight: 600; color: #000000; font-family: var(--font-secondary); } .close-cart { cursor: pointer; margin-top: -11px; } .close-cart i { transition: 0.3s; } .close-cart:hover i { transform: scale(1.3); color: var(--color-primary); } .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; } .product-item { margin-bottom: 65px; position: relative; overflow: hidden; } .cart-bar .product-item:last-child { margin-bottom: 0; } .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-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-edit { margin-right: 20px; } .cart-bar .product-detail .product-thumb { margin-right: 15px; max-width: 75px; } .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-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; border-radius: 5px; } .cart-bar .cart-edit .item-wrapper { display: inline-block; } .cart-bar .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #C0C0C0; } .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } edit .quantity-edit button { background: none; font-size: 0; } .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #000000; } .cart-bar .cart-edit .quantity-edit button i:hover { color: var(--color-primary); } .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-bar .cart-edit .quantity-edit input { text-align: center; max-width: 26px; padding: 0; } .cart-edit .quantity-edit input { text-align: center; max-width: 55px; font-size: 16px; font-weight: 700; color: #040404; } .cart-bar .cart-edit .product-edit { margin-right: 15px; } .cart-bar .product-detail .product-name { font-size: 14px; font-weight: 400; color: var(--color-primary); } .cart-bar .product-detail span { display: inline-block; line-height: 19px !important; } .cart-bar .product-detail .product-variation span { color: #868686; font-family: roboto; font-weight: 400; font-size: 13px; line-height: 15px; } .cart-bar .product-detail .product-qnty, .cart-bar .product-detail .product-price { color: #404040; font-weight: 500; font-size: 13px; font-family: roboto; } .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-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-bar .cart-bottom-area .spend-shipping i { font-size: 15px; margin-right: 7px; } .cart-bar .cart-bottom-area .spend-shipping .amount { font-weight: 700; color: #040404; } .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-bar .cart-bottom-area .total-price span { color: var(--color-primary); } .cart-bar .cart-bottom-area .checkout-btn { border: 1px solid var(--color-primary); margin-bottom: 10px; color: var(--color-primary); } .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-bar .cart-bottom-area .view-btn { border: 1px solid transparent; background: var(--color-primary); color: #fff; } .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-bar .cart-bottom-area .checkout-btn:hover { background: var(--color-primary); color: #fff; } .progress-wrap { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 1; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; font-family: "unicons"; content: "\e84b"; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-primary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; border: 2px solid var(--color-primary); box-shadow: none; border-radius: 50% !important; border-radius: 5px; } .progress-wrap:hover::after { opacity: 1; content: "\e84b"; border: 2px solid var(--color-primary); } .progress-wrap::before { position: absolute; font-family: "unicons"; content: "\e84b"; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: var(--color-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap:hover::before { opacity: 0; } .progress-wrap svg path { fill: none; } .progress-wrap svg { color: var(--color-primary); border-radius: 50%; background: #fff; } .progress-wrap svg.progress-circle path { stroke: var(--color-primary); stroke-width: 34px; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .home-blue .progress-wrap svg.progress-circle path { stroke: var(--color-primary-2); } .home-blue .progress-wrap::after { border-color: var(--color-primary-2); box-shadow: 0px 3px 20px 6px #0742e952; color: var(--color-primary-2); } /* */