@charset "UTF-8"; /** * [Table of contents] * 1 Base * 1.1 Reset Styles * 2 Main * 2.1 Main * 3 Components * 4 Helpers * 5 Modules * 6 Plugins * 6.1 Owl Carousel * 6.2 Material Parallax * 6.3 Google Map * 6.4 Lightgallery * 6.5 Countdown * 6.6 Progress Circle */ /** @group Base */ /** @section Reset Styles*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } button { padding: 0; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; font-weight: 700; } figure { margin-bottom: 0; } html p a:hover { text-decoration: none; } /** @group Main */ /** @section Main */ body { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.46; color: #939292; background-color: #fff; } body p { margin-bottom: 0; } a { display: inline-block; color: #33b234; text-decoration: none; transition: 300ms ease-in-out; font-family: "Montserrat", Helvetica, Arial, sans-serif; } a:hover, a:focus { color: #4b7320; text-decoration: none; outline: none; } a[href*='callto'], a[href*='mailto'] { white-space: nowrap; } .desktop .layouts-link { display: block; } .desktop .layouts-link img { will-change: transform; transition: all 300ms ease-in-out; } .desktop .layouts-link:hover img { transform: scale(1.1); } .link-hover { color: #4b7320; } .link-press { color: #333; } img { display: inline-block; max-width: 100%; height: auto; } /* * * Typography * ================================================== */ h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 { margin-top: 0; margin-bottom: 0; font-family: "Raleway", "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; color: #333; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .heading-1 a, .heading-2 a, .heading-3 a, .heading-4 a, .heading-5 a, .heading-6 a { transition: .3s all ease-in-out; } h1 .icon-rotate-180.icon-arrow, h2 .icon-rotate-180.icon-arrow, h3 .icon-rotate-180.icon-arrow, h4 .icon-rotate-180.icon-arrow, h5 .icon-rotate-180.icon-arrow, h6 .icon-rotate-180.icon-arrow, .heading-1 .icon-rotate-180.icon-arrow, .heading-2 .icon-rotate-180.icon-arrow, .heading-3 .icon-rotate-180.icon-arrow, .heading-4 .icon-rotate-180.icon-arrow, .heading-5 .icon-rotate-180.icon-arrow, .heading-6 .icon-rotate-180.icon-arrow { padding-right: 8px; } h1 .icon-arrow, h2 .icon-arrow, h3 .icon-arrow, h4 .icon-arrow, h5 .icon-arrow, h6 .icon-arrow, .heading-1 .icon-arrow, .heading-2 .icon-arrow, .heading-3 .icon-arrow, .heading-4 .icon-arrow, .heading-5 .icon-arrow, .heading-6 .icon-arrow { font-size: 24px; line-height: 1; } .arrow-long .icon-arrow:after, .arrow-long .icon-arrow:before { display: inline-block; vertical-align: middle; } .arrow-long .icon-arrow:after { content: ''; width: 39px; height: 2px; background: #fff; transition: .3s all ease-in-out; } .arrow-long .icon-arrow:before { padding-right: 10px; } .arrow-long .icon-rotate-180.icon-arrow { top: 0; padding-right: 20px; } h1 a, h1 a:active, h1 a:focus, h2 a, h2 a:active, h2 a:focus, h3 a, h3 a:active, h3 a:focus, h4 a, h4 a:active, h4 a:focus, h6 a, h6 a:active, h6 a:focus { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h6 a:hover { color: #33b234; } h1, .heading-1 { font-size: 36px; line-height: 1.3; } @media (min-width: 768px) { h1, .heading-1 { line-height: 1.13889; font-size: 72px; } } h2, .heading-2 { font-size: 28px; line-height: 1.3; } @media (min-width: 768px) { h2, .heading-2 { line-height: 1.20833; font-size: 48px; } } h3, .heading-3 { font-size: 20px; line-height: 1.5; } @media (min-width: 768px) { h3, .heading-3 { line-height: 1.41667; font-size: 24px; } } h3 .counter-wrap, .heading-3 .counter-wrap { color: #939292; margin-right: 7px; } h4, .heading-4 { font-size: 20px; line-height: 1.5; font-weight: 700; } @media (min-width: 768px) { h4, .heading-4 { line-height: 1.41667; font-size: 24px; } } h5, .heading-5 { font-size: 20px; line-height: 1.5; color: #33b234; letter-spacing: .05em; } @media (min-width: 768px) { h5, .heading-5 { line-height: 1.41667; font-size: 24px; } } h6, .heading-6 { font-size: 16px; line-height: 1.5; } @media (min-width: 768px) { h6, .heading-6 { line-height: 1.38889; font-size: 18px; } } h6 .counter-wrap, .heading-6 .counter-wrap { color: #939292; margin-right: 4px; } .heading-group { text-align: center; } .heading-group h5 { font-weight: 400; } .big { font-size: 16px; line-height: 1.35em; } @media (min-width: 768px) { .big { font-size: 18px; } } small, .small { display: block; font-size: 12px; } hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #ccc; } .divider { margin-top: 0; margin-bottom: 0; border: none; height: 1px; width: 100%; background-color: #eee; } .text-divider { position: relative; } .text-divider:before, .text-divider:after { display: none; position: absolute; content: ''; top: 4px; height: 2px; width: 80px; background: #fff; z-index: 1; } .text-divider:after { right: -90px; } .text-divider:before { left: -90px; } @media (min-width: 1200px) { .text-divider:before, .text-divider:after { display: block; } } @media (min-width: 1600px) { .text-divider:before, .text-divider:after { width: 120px; } .text-divider:after { right: -154px; } .text-divider:before { left: -154px; } } .box-relative { position: relative; } .decor-brand { position: relative; display: inline-block; } .decor-brand:before { position: absolute; content: ''; display: inline-block; top: 50%; left: -40px; width: 62px; height: 52px; transform: translateY(-50%); background: url(../images/decor-brand-82x69.png) no-repeat; background-size: cover; } @media (min-width: 768px) { .decor-brand:before { width: 82px; height: 69px; left: -15px; } } @media (min-width: 1300px) { .decor-brand:before { left: -47px; } } /* * * Backgrounds * ================================================== */ @media (min-width: 992px) { html.desktop .bg-fixed { background-attachment: fixed; } } /* * * Colors * ================================================== */ .page .text-black { color: #000; } .page a.text-black:hover, .page a.text-black:focus { color: #33b234; } .page .text-gray-darker { color: #222; } .page a.text-gray-darker:hover, .page a.text-gray-darker:focus { color: #33b234; } .page .text-gray-dark { color: #333; } .page a.text-gray-dark:hover, .page a.text-gray-dark:focus { color: #33b234; } .page .text-gray { color: #939292; } .page a.text-gray:hover, .page a.text-gray:focus { color: #33b234; } .page .text-gray-light { color: #7e7e7e; } .page a.text-gray-light:hover, .page a.text-gray-light:focus { color: #33b234; } .page .text-gray-lighter { color: #ccc; } .page a.text-gray-lighter:hover, .page a.text-gray-lighter:focus { color: #33b234; } .page .text-primary { color: #33b234; } .page a.text-primary:hover, .page a.text-primary:focus { color: #588725; } .page .text-primary-dark { color: #214910; } .page a.text-primary-dark:hover, .page a.text-primary-dark:focus { color: #588725; } .page .text-white { color: #fff; } .page a.text-white:hover, .page a.text-white:focus { color: #33b234; } /* * * Main layout * ================================================== */ .page { position: relative; overflow: hidden; min-height: 100vh !important; } .page-header { padding: 0; margin: 0; border-bottom: none; } .border-wrap { border: 1px solid #e2e2e2; } .page-footer { padding-top: 0; padding-bottom: 0; } .page-footer .list-address li + li { margin-top: 7px; } .page-footer .form-wrap + .form-button { margin-top: 10px; } .footer-default .footer-panel { padding: 15px 0; } .footer-default .tel { font-weight: 700; } .footer-default .form-input { border-color: #fff; background: #fff; box-shadow: 3px 3px 17px -8px #8b949c; } .footer-default h3 + .rd-mailform { margin-top: 30px; } .footer-modern .footer-panel { padding: 30px 0; background: #242424; } .footer-modern .address, .footer-modern .address:active, .footer-modern .address:focus { color: #fff; } .footer-modern .address:hover { color: #33b234; } .footer-modern .mail, .footer-modern .mail:active, .footer-modern .mail:focus { color: #33b234; } .footer-modern .mail:hover { color: #fff; } .footer-modern .list-tel { margin-left: -4px; } .footer-modern .tel { display: inline-block; margin-left: 4px; } .footer-modern .tel:after { color: #fff; } .footer-modern .tel span { color: #939292; transition: inherit; } .footer-modern .tel a, .footer-modern .tel a:active, .footer-modern .tel a:focus { color: #fff; } .footer-modern .tel a:hover { color: #33b234; } .footer-modern .tel a:hover span { color: #33b234; } .footer-modern h3 + p { margin-top: 30px; } .footer-modern * + p { margin-top: 0; } .footer-modern-inset { padding-top: 70px; padding-bottom: 58px; } @media (min-width: 768px) { .footer-modern-inset { padding-top: 94px; } } .footer-creative .footer-panel { padding: 15px 0; } .footer-partners { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 30px 0 15px; } .footer-partners a { will-change: transform; transform: translateY(0); } .footer-partners a:hover { transform: translateY(-5px); } @media (min-width: 576px) { .footer-partners > * { flex-basis: 30%; max-width: 30%; } } @media (min-width: 768px) { .footer-partners { justify-content: flex-start; text-align: left; } .footer-partners > * { flex-basis: 25%; max-width: 25%; } } @media (min-width: 992px) { .footer-partners > * { flex-basis: auto; max-width: 100%; } } @media (min-width: 992px) { .footer-partners { justify-content: space-between; } } @media (min-width: 1600px) { .footer-creative .footer-panel { padding: 30px 0 36px 30px; } .footer-creative-aside-left { position: absolute; max-width: 374px; width: 100%; left: 0; bottom: 0; padding: 0 10px 0 30px; } .footer-creative-aside-left .container { max-width: 300px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .footer-partners { text-align: center; } .footer-partners > * { max-width: 50%; flex-basis: 50%; } } html .footer-partners { margin-left: -10px; margin-right: -10px; margin-bottom: -16px; } html .footer-partners > * { padding-left: 10px; padding-right: 10px; margin-bottom: 16px; } @media (min-width: 1600px) { html .footer-partners { margin-left: 0; margin-right: 0; } html .footer-partners > * { padding-left: 0; padding-right: 0; } } .footer-panel p > a { font-family: inherit; } .footer-panel p > a, .footer-panel p > a:active, .footer-panel p > a:focus { color: inherit; } .footer-panel p > a:hover { color: #fff; } .contact-info { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .contact-info .tel { font-weight: 700; letter-spacing: .05em; } .wrap-img-pages > a { display: inline-block; } .wrap-img-pages-1 > a + a { margin-top: 30px; } .wrap-img-pages-2 > a + a { margin-top: 30px; } @media (min-width: 768px) and (max-width: 991.98px) { .wrap-img-pages-2 { margin-bottom: -30px; transform: translateY(-30px); will-change: transform; } .wrap-img-pages-2 > a { display: inline-block; width: calc(50% - 15px); margin-top: 30px; } .wrap-img-pages-2 > a:nth-child(even) { margin-left: 30px; } } @media (min-width: 992px) { .wrap-img-pages-1 { min-height: 478px; } .wrap-img-pages-1 > a + a { margin-top: 0; } .wrap-img-pages-2 { min-height: 400px; } .wrap-img-pages-2 > a + a { margin-top: 0; } [class*='img-position'] { position: absolute; transition: 600ms ease; will-change: transform; } .img-position-7 { top: -140px; left: 95px; } .img-position-6 { top: -70px; left: 56px; } .img-position-5 { top: 0; left: 20px; } .img-position-4 { top: 70px; left: -15px; } .img-position-3 { top: 0; left: 0; } .img-position-2 { top: 84px; left: 0; } .img-position-1 { top: 168px; left: 0; } } @media (min-width: 1200px) { .img-position-7 { left: 215px; } .img-position-6 { left: 135px; } .img-position-5 { left: 55px; } .img-position-4 { left: -15px; } .img-position-2 { top: 168px; left: 66px; } .img-position-1 { top: 84px; right: 0; left: auto; } } @media (min-width: 1600px) { .img-position-1 { right: -60px; left: auto; } } @media (min-width: 992px) { .desktop .img-position-7:hover ~ .img-position-6 { top: 70px; } .desktop .img-position-7:hover ~ .img-position-5 { top: 70px; } .desktop .img-position-6:hover { top: -140px; } .desktop .img-position-6:hover ~ .img-position-5 { top: 70px; } .desktop .img-position-5:hover { top: -70px; } .desktop .img-position-5:hover ~ .img-position-4 { top: 120px; } .desktop .img-position-3:hover { top: -50px; } .desktop .img-position-3:hover ~ .img-position-2 { top: 168px; } .desktop .img-position-2:hover { top: 0; } .desktop .img-position-2:hover ~ .img-position-1 { top: 218px; } } @media (min-width: 1200px) { .desktop .img-position-3:hover ~ .img-position-1 { right: -120px; } .desktop .img-position-3:hover ~ .img-position-2 { top: 218px; } .desktop .img-position-2:hover { top: 168px; left: 0; } .desktop .img-position-2:hover ~ .img-position-1 { top: 84px; right: -120px; } } .wrap-brand-position { position: relative; } .wrap-brand-position .brand-position { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } @media (min-width: 1200px) { .wrap-brand-position .brand-position { left: calc(50% + 15px); } } .column-offset-30 > [class*="col-"] { margin-top: 30px; } mark { padding: .25em; color: #fff; background-color: #33b234; } time { font-family: "Montserrat", Helvetica, Arial, sans-serif; } time span { margin-right: 5px; } /** @group Components */ /* * * Icons * -------------------------------------------------- */ .icon { display: inline-block; font-size: 18px; line-height: 1; } .icon:before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-primary { color: #33b234; } .icon-primary-dark { color: #214910; } .icon-white { color: #fff; } .icon-gray-dark { color: #333; } .icon-circle { border-radius: 50%; } .icon-xxs { font-size: 16px; line-height: 1; } .icon-sm { font-size: 30px; line-height: 1; } .icon-md { font-size: 36px; line-height: 1; } .icon-xmd { font-size: 40px; line-height: 1; } .icon-lg { font-size: 48px; line-height: 1; } .icon-54 { font-size: 54px; line-height: 1; } .icon-xlg { font-size: 60px; line-height: 1; } .fa-xsm { font-size: 24px; } /* * * Buttons * -------------------------------------------------- */ .button { display: inline-block; position: relative; padding: 9px 10px 9px 20px; font-size: 14px; line-height: 29px; border-radius: 0; white-space: nowrap; text-overflow: ellipsis; border-style: solid; border-width: 1px; text-align: center; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; cursor: pointer; vertical-align: middle; user-select: none; transition: 300ms all ease-in-out; letter-spacing: .1em; min-width: 137px; z-index: 1; } .button:focus, .button:active, .button:active:focus { outline: none; } .button .caret { margin-left: 8px; } .button .icon-arrow { font-size: 18px; max-height: 29px; } .button.icon-arrow { font-size: 1.29em; max-height: 29px; } .icon-arrow { display: inline-block; } .icon-rotate-90 { transform: rotate(-90deg); will-change: transform; } .icon-rotate-90.icon-arrow { vertical-align: bottom; margin-left: 6px; } .icon-rotate-180 { transform: rotate(-180deg); will-change: transform; } .icon-rotate-180.icon-arrow { position: relative; top: -2px; padding-right: 4px; vertical-align: middle; } .arrow-bottom .icon-arrow { position: absolute; bottom: -9px; left: calc(50% - 4px); padding-top: 0; } html .button, html .tabs-custom.tabs-vertical .nav-custom-tabs li a, .tabs-custom.tabs-vertical .nav-custom-tabs li html a, html .tabs-custom.tabs-horizontal .nav-custom-tabs li a, .tabs-custom.tabs-horizontal .nav-custom-tabs li html a { margin-bottom: 10px; } .button, .tabs-custom.tabs-vertical .nav-custom-tabs li a, .tabs-custom.tabs-horizontal .nav-custom-tabs li a { margin-right: 10px; } .button:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:before { position: absolute; content: ''; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid #f5f5f5; transform: translate(9px, 9px); transition: inherit; z-index: -2; } .button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:after { position: absolute; content: ''; top: -1px; right: -1px; bottom: -1px; left: -1px; border-width: 1px; border-style: solid; transition: inherit; z-index: -1; } .button:hover:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a:hover:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover:before, .button:focus:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a:focus:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:focus:before, .button:active:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a:active:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:active:before, .button:hover:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a:hover:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover:before { transform: translate(0); } .button-primary.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-primary:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-primary:after { border-color: #33b234; background: #33b234; } .button-primary.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-primary:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-primary:hover:after { border-color: #214910; background: #214910; } .button-primary-dark.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-primary-dark:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-primary-dark:after { border-color: #214910; background: #214910; } .button-primary-dark.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-primary-dark:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-primary-dark:hover:after { border-color: #33b234; background: #33b234; } .button-white.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-white:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-white:after { border-color: #fff; background: #fff; } .button-white.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-white:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-white:hover:after { border-color: #fff; background: transparent; } .button-steel-blue.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-steel-blue:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-steel-blue:after { border-color: #547ABB; background: #547ABB; } .button-steel-blue.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-steel-blue:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-steel-blue:hover:after, .button-steel-blue.button:focus:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-steel-blue:focus:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-steel-blue:focus:after, .button-steel-blue.button:active:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-steel-blue:active:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-steel-blue:active:after, .button-steel-blue.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-steel-blue:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-steel-blue:hover:after { background: transparent; } .button-cerulean.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-cerulean:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-cerulean:after { border-color: #00bbf2; background: #00bbf2; } .button-cerulean.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-cerulean:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-cerulean:hover:after, .button-cerulean.button:focus:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-cerulean:focus:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-cerulean:focus:after, .button-cerulean.button:active:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-cerulean:active:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-cerulean:active:after, .button-cerulean.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-cerulean:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-cerulean:hover:after { background: transparent; } .button-mandy.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-mandy:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-mandy:after { border-color: #e75854; background: #e75854; } .button-mandy.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-mandy:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-mandy:hover:after, .button-mandy.button:focus:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-mandy:focus:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-mandy:focus:after, .button-mandy.button:active:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-mandy:active:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-mandy:active:after, .button-mandy.button:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-mandy:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-mandy:hover:after { background: transparent; } .button-outline.button:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.button-outline:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.button-outline:after { background: transparent; } .button-block { display: block; width: 100%; } .button-uppercase { text-transform: uppercase; } .button-default { color: #222; background-color: transparent; border-color: #939292; } .button-default:hover, .button-default:focus, .button-default:active, .button-default:hover { color: #fff; background-color: #222; border-color: #222; } .button-primary { color: #fff; background-color: transparent; border-color: transparent; } .button-primary:hover, .button-primary:focus, .button-primary:active, .button-primary:hover { color: #fff; background-color: transparent; border-color: transparent; } .button-primary-sec { color: #33b234; background-color: transparent; border-color: transparent; } .button-primary-sec:hover, .button-primary-sec:focus, .button-primary-sec:active, .button-primary-sec:hover { color: #333; background-color: transparent; border-color: transparent; } .button-primary-dark { color: #fff; background-color: transparent; border-color: transparent; } .button-primary-dark:hover, .button-primary-dark:focus, .button-primary-dark:active, .button-primary-dark:hover { color: #fff; background-color: transparent; border-color: transparent; } .button-white { color: #33b234; background-color: transparent; border-color: transparent; } .button-white:hover, .button-white:focus, .button-white:active, .button-white:hover { color: #fff; background-color: transparent; border-color: transparent; } .button-white-sec { color: #fff; background-color: transparent; border-color: #fff; } .button-white-sec:hover, .button-white-sec:focus, .button-white-sec:active, .button-white-sec:hover { color: #33b234; background-color: #fff; border-color: #fff; } .button-gray { color: #fff; background-color: #939292; border-color: #939292; } .button-gray:hover, .button-gray:focus, .button-gray:active, .button-gray:hover { color: #939292; background-color: transparent; border-color: #939292; } .button-steel-blue { color: #fff; background-color: transparent; border-color: transparent; } .button-steel-blue:hover, .button-steel-blue:focus, .button-steel-blue:active, .button-steel-blue:hover { color: #547ABB; background-color: transparent; border-color: transparent; } .button-cerulean { color: #fff; background-color: transparent; border-color: transparent; } .button-cerulean:hover, .button-cerulean:focus, .button-cerulean:active, .button-cerulean:hover { color: #00bbf2; background-color: transparent; border-color: transparent; } .button-mandy { color: #fff; background-color: transparent; border-color: transparent; } .button-mandy:hover, .button-mandy:focus, .button-mandy:active, .button-mandy:hover { color: #e75854; background-color: transparent; border-color: transparent; } .button-shadow { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .button-shadow:hover { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); } .button-shadow:before { display: none; } .button-xs { padding: 5px 5px 5px 15px; font-size: 14px; line-height: 30px; border-radius: 0; min-width: 114px; } .button-xs .icon-arrow { max-height: 30px; } .button-md { padding: 13px 10px 13px 20px; font-size: 18px; line-height: 29px; border-radius: 0; min-width: 160px; } .button-md .icon-arrow { font-size: 1.33em; } .button-lg { padding: 25px 10px 25px 20px; font-size: 24px; line-height: 30px; border-radius: 0; min-width: 185px; } .button-lg .icon-arrow { max-height: 30px; font-size: 1.25em; } .button-custom { white-space: normal; text-transform: none; line-height: 26px; letter-spacing: 0; padding-right: 20px; padding-bottom: 21px; } .button-custom .text-small { display: block; font-size: 14px; line-height: 1.43em; } .button-circle { border-radius: 30px; } .button-circle:after, .button-circle:before { border-radius: inherit; } .button-ellipse-md { border-radius: 5px; } .button-ellipse-md:after, .button-ellipse-md:before { border-radius: inherit; } .button-ellipse-lg { border-radius: 10px; } .button-outline.button-primary { color: #33b234; background-color: transparent; border-color: #33b234; } .button-outline.button-primary:hover, .button-outline.button-primary:focus, .button-outline.button-primary:active, .button-outline.button-primary:hover { color: #fff; background-color: #214910; border-color: #214910; } .button-outline:before { display: none; } .button-no-outline { min-width: auto; padding: 0; border: none; margin-right: 0; font-weight: 700; } .button-no-outline:after, .button-no-outline:before { display: none; } .button.button-icon { padding-left: 14px; padding-right: 14px; min-width: 154px; } .button.button-icon .icon { font-size: 30px; line-height: 1; vertical-align: middle; transition: 0s; } .button.button-icon .icon-social { font-size: 20px; } .button.button-icon-left .icon { padding-right: 8px; } .button.button-icon-right .icon { padding-left: 8px; } .button-group-vertical { display: flex; flex-direction: column; align-items: center; } .button-group-vertical * + .button { margin-top: 6px; } @media (min-width: 768px) { .group-sm-right { align-items: flex-end; } } .button-custom-1 { letter-spacing: 0; text-transform: none; white-space: normal; } /* * * Form styles * -------------------------------------------------- */ .rd-mailform { position: relative; text-align: left; } .rd-mailform .button { margin-right: 0; } html .rd-mailform-inline { display: flex; } html .rd-mailform-inline .form-wrap { flex-grow: 1; } html .rd-mailform-inline .form-button { margin-top: 0; flex: none; } .form-input { display: block; width: 100%; height: 49px; padding: 14px 22px; font-size: 14px; font-weight: 400; line-height: 23px; color: #939292; background-color: #f5f5f5; background-image: none; border: 1px solid #f5f5f5; border-radius: 0; -webkit-appearance: none; } .form-input:focus { outline: 0; } .form-input:-webkit-autofill ~ label, .form-input:-webkit-autofill ~ .form-validation { color: #000 !important; } .form-search-input { padding-right: 45px; } textarea.form-input { height: 92px; min-height: 73.6px; max-height: 156.4px; resize: vertical; } .form-wrap { position: relative; } .form-wrap + .form-wrap { margin-top: 12px; } * + .form-button, .form-wrap + .button { margin-top: 30px; } .form-label { position: absolute; top: 22.27273px; left: 22px; font-size: 14px; font-weight: 400; line-height: 23px; color: #939292; pointer-events: none; z-index: 9; transition: .3s; transform: translateY(-50%); } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #939292; } @media (min-width: 768px) { .form-label-outside { position: static; } .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { opacity: 1; transform: none; color: #939292; font-size: 14px; } .form-label-outside + .form-input + .form-validation { top: 34px; } } .form-validation { position: absolute; right: 10px; top: 1px; font-size: 11px; line-height: 11px; color: #d9534f; margin-top: 3px; transition: .3s; z-index: 11; } .form-validation-left .form-validation { right: auto; top: 2px; left: 16px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; visibility: hidden; transform: translateX(-500px); transition: .3s all ease; z-index: 9999999; } #form-output-global.active { transform: translateX(0); visibility: visible; } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 14px; line-height: 1.5; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #d9534f; } .form-output.success { color: #5cb85c; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; width: 15px; height: 15px; margin-left: -30px; margin-top: 3px; outline: none; cursor: pointer; border: 1px solid #f0f0f0; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: transparent; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after, .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { position: absolute; opacity: 0; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after { content: '\e5ca'; font-family: 'Material Icons'; font-size: 20px; line-height: 10px; position: absolute; top: 0; left: 1px; color: #222; } .checkbox, .checkbox-inline { padding-left: 26px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; border-radius: 0; margin-left: 0; left: 0; } .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { content: '\e5ca'; font-family: 'Material Icons'; font-size: 20px; line-height: 10px; position: absolute; top: 0; left: 1px; color: #222; } .checkbox label, .checkbox-inline label { padding-left: 4px; font-weight: 700; transition: .3s; } .checkbox label:hover, .checkbox-inline label:hover { color: #33b234; } .radio-inline { padding-left: 30px; } .checkbox input[type="checkbox"] { margin-left: -26px; } .checkbox-inline input[type="checkbox"] { margin-left: -25px; } .form-between { display: flex; flex-direction: column; } @media (min-width: 576px) { .form-between { flex-direction: row; justify-content: space-between; } } .form-between > .form-wrap { width: 100%; } .form-between > .form-button { flex: none; } .form-between .form-wrap + .form-button, .form-between .form-wrap + .form-wrap { margin-top: 10px; } @media (min-width: 576px) { .form-between .form-wrap + .form-button, .form-between .form-wrap + .form-wrap { margin-top: 0; margin-left: 10px; } } @media (min-width: 576px) { .form-between .button { margin-left: 0; } } .form-wrap-inline { display: inline-block; } .m-h-78 { max-height: 78px; } .form-search button.icon[type="submit"] { padding: 0 2px; font-size: 18px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border: none; background: transparent; transition: color 300ms; } .form-search button.icon[type="submit"]:hover { color: #4b7320; } button[type="submit"]:focus { outline: none; } .form-input { box-shadow: none; } .form-input:focus { outline: none; box-shadow: none; border-color: #ededed; } .form-request textarea.form-input { height: 140px; min-height: 112px; max-height: 238px; } @media (min-width: 992px) { .form-request textarea.form-input { height: 120px; min-height: 96px; max-height: 204px; } } @media (min-width: 1200px) { .form-request { max-width: 470px; } .form-request textarea.form-input { height: 194px; min-height: 155.2px; max-height: 329.8px; } } .form-request-inset { padding: 35px 15px; background: #fff; } @media (min-width: 576px) { .form-request-inset { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .form-request-inset { padding: 46px 58px; } } .form-checkout textarea.form-input { height: 102px; min-height: 81.6px; max-height: 173.4px; } .form-checkout .checkbox, .form-checkout .checkbox-inline { margin-top: 10px; } .form-booking textarea.form-input { height: 119px; min-height: 95.2px; max-height: 202.3px; } .form-coupon { width: 100%; max-width: 180px; } .form-coupon .form-input { padding-top: 8px; padding-bottom: 12px; line-height: 25px; } .form-coupon .form-label { top: 22px; will-change: transform; } @media (min-width: 992px) { .form-coupon { max-width: 274px; } } .ie-10 .form-coupon .form-input, .ie-11 .form-coupon .form-input, .ie-edge .form-coupon .form-input { padding-top: 11px; padding-bottom: 9px; min-height: 47px; } .ie-10 .form-label, .ie-11 .form-label, .ie-edge .form-label { top: 26px; } .table-custom { box-sizing: border-box; width: 100%; max-width: 100%; font-size: 1.28em; font-weight: 400; letter-spacing: 0; text-align: left; background: #fff; border: 1px solid #f9fbfc; } .table-custom th, .table-custom td { color: #939292; background: #fff; } .table-custom th { padding: 10px 24px; font-weight: 400; text-transform: none; } @media (min-width: 576px) { .table-custom th { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) { .table-custom th { padding: 20px 40px; } } @media (min-width: 992px) { .table-custom th { padding: 22px 64px; } } .table-custom td { padding: 10px 24px; border-bottom: 1px solid #f9fbfc; } @media (min-width: 576px) { .table-custom td { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) { .table-custom td { padding: 20px 40px; } } @media (min-width: 992px) { .table-custom td { padding: 21px 64px; } } .table-custom tfoot td { color: #333; font-weight: 400; } .table-custom-secondary th { color: #fff; background: #33b234; } .table-custom-primary th { color: #fff; background: #33b234; } .table-custom-gray-3 thead th { background: #f5f5f5; } .table-custom-gray-3 td + td { border-left: none; } .table-custom-bordered { border: 1px solid #f9fbfc; } .table-custom-bordered td { border: 1px solid #f9fbfc; } .table-custom-bordered tbody > tr:first-of-type > td { border-top: 0; } .table-custom-striped tbody tr:nth-of-type(odd) td { background: transparent; } .table-custom-striped tbody tr:nth-of-type(even) td { background: #f5f5f5; } .table-custom-striped tbody td { border: 0; } .table-round { position: relative; border-radius: 4px; overflow: hidden; } .table-custom-responsive { overflow-x: auto; min-height: 0.01%; } @media (max-width: 767.98px) { .table-custom-responsive { width: 100%; margin-bottom: 10px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #f9fbfc; } .table-custom-responsive > .table-custom > thead > tr > th, .table-custom-responsive > .table-custom > thead > tr > td, .table-custom-responsive > .table-custom > tbody > tr > th, .table-custom-responsive > .table-custom > tbody > tr > td, .table-custom-responsive > .table-custom > tfoot > tr > th, .table-custom-responsive > .table-custom > tfoot > tr > td { white-space: nowrap; } } .table-shopping-cart .link { font-weight: 400; font-family: inherit; } .table-shopping-cart .link, .table-shopping-cart .link:active, .table-shopping-cart .link:focus { color: inherit; } .table-shopping-cart .link:hover { color: #33b234; } .table-shopping-cart th { padding: 21px 14px; } .table-shopping-cart td { min-width: 0; } .table-shopping-cart td span + span { margin-left: 14px; } .table-shopping-cart td > * { vertical-align: middle; } .table-shopping-cart thead th:nth-child(3) { text-align: center; } .table-shopping-cart thead th:first-child { padding-left: 25px; } @media (min-width: 1200px) { .table-shopping-cart thead th:first-child { padding-left: 97px; } } .table-shopping-cart tbody td { padding: 4px 14px 4px; } .table-shopping-cart tbody td:first-child { width: 67px; padding-left: 19px; } .table-shopping-cart tbody td:nth-child(2) { padding-left: 19px; width: 10%; min-width: 85px; } .table-shopping-cart tbody td:nth-child(3) { width: 52%; min-width: 250px; } .table-shopping-cart tbody td:nth-child(4) { width: 7%; } .table-shopping-cart tbody td:nth-child(5) { width: 10%; text-align: center; } .table-shopping-cart tbody td:last-of-type { min-width: 120px; } @media (min-width: 992px) { .table-shopping-cart tbody td { padding-top: 1px; padding-bottom: 0; } .table-shopping-cart tbody td:last-of-type { min-width: 183px; } } .table-shopping-cart tfoot td { padding: 21px 14px; } .table-shopping-cart tfoot td:first-child { padding-left: 25px; font-weight: 700; } @media (min-width: 1200px) { .table-shopping-cart tfoot td:first-child { padding-left: 97px; } } .table-shopping-cart tfoot td:nth-child(3) span:first-of-type { color: #7e7e7e; } .table-checkout { font-size: 14px; } .table-checkout .shiping { font-weight: 400; line-height: 20px; } .table-checkout .price-dark { color: #333; } .table-checkout td { width: 50%; } .table-checkout tr:first-child { font-size: 1.28em; font-weight: 700; color: #333; } .table-checkout tr:last-child { color: #333; } .table-checkout tr:last-child .price { font-weight: 700; } .table-checkout tr:nth-child(odd) > * { background: #f0f0f0; } .table-checkout .link { font-weight: 700; font-family: "Lato", Helvetica, Arial, sans-serif; } .table-checkout .link, .table-checkout .link:active, .table-checkout .link:focus { color: #333; } .table-checkout .link:hover { color: #33b234; } @media (min-width: 992px) { .table-checkout td { padding: 15px 25px; } .table-checkout tr:first-child td { padding-top: 12px; padding-bottom: 12px; } } .heading-checkout { font-weight: 700; } .heading-checkout a { margin-left: 10px; } .heading-checkout a, .heading-checkout a:active, .heading-checkout a:focus { color: #33b234; } .heading-checkout a:hover { color: #214910; } * + .heading-checkout { margin-top: 22px; } .heading-checkout + .heading-checkout { margin-top: 2px; } /* * * Lists * -------------------------------------------------- */ ul, ol { list-style: none; padding: 0; margin: 0; } .list { font-family: "Montserrat", Helvetica, Arial, sans-serif; text-align: left; } .list > li + li { margin-top: 11px; } .list-family-base { font-family: "Lato", Helvetica, Arial, sans-serif; } .list-sec { text-align: left; } .list-sec li > span { font-weight: 700; } .list-sec li { line-height: 1.7; } .list-bold { font-weight: 700; } .list-bold > li + li { margin-top: 10px; } .list-uppercase { text-transform: uppercase; } .list-social li + li { margin-top: 10px; } .list-social .icon { min-width: 24px; } .list-inline { margin-left: -6px; margin-right: -6px; } .list-inline > li { display: inline-block; padding-left: 6px; padding-right: 6px; } .list-inline-2 { margin-left: -8px; margin-right: -8px; } .list-inline-2 > li { padding-left: 8px; padding-right: 8px; } .list-primary { color: #33b234; } .list-primary .list-index-counter { color: #939292; } .list-gray-dark { color: #333; } .list-gray-dark .list-index-counter { color: #939292; } dl { margin: 0; } .list-terms { margin-top: 35px; } .list-terms dt + dd { margin-top: 5px; } .list-terms dd + dt { margin-top: 25px; } .list-index { counter-reset: li; } .list-index li { padding-left: 30px; } .list-index li .list-index-counter { display: inline-block; margin-left: -30px; min-width: 26px; margin-right: 4px; } .list-index li .list-index-counter:before { content: counter(li, decimal-leading-zero) "/ "; counter-increment: li; } .list-letters { counter-reset: li; } .list-letters li .list-index-counter { font-size: 28px; line-height: 1.3; color: #f5f5f5; font-weight: 700; margin-right: 10px; } @media (min-width: 768px) { .list-letters li .list-index-counter { line-height: 1.20833; font-size: 48px; } } .list-letters li .list-index-counter:before { content: counter(li, upper-alpha) "/ "; counter-increment: li; } .list-letters li > span { vertical-align: top; } .list-letters li span { display: inline-block; } .list-letters > li + li { margin-top: 30px; } .list-letters-content { width: 80%; } .list-letters-content .p { font-family: "Lato", Helvetica, Arial, sans-serif; } .list-marked li { padding-left: 7px; } .list-marked li:before { margin-left: -10px; content: '-'; margin-right: 5px; line-height: 100%; display: inline-block; } .list-xs-center { display: inline-block; } @media (min-width: 768px) { .list-xs-center { display: block; } } .question, p.answer { position: relative; text-align: left; padding-left: 30px; } .question:before, p.answer:before { position: absolute; left: 0; color: #939292; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; } p.answer:before { top: -4px; font-size: 1.28em; content: 'A.'; } .question:before { top: -1px; content: 'Q.'; } .question + .answer { margin-top: 7px; } .answer + .question { margin-top: 30px; } .question + .question { margin-top: 15px; } .list-custom { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .list-custom > li > p, .list-custom > li > a { width: 100%; font-weight: 700; color: #333; } .list-custom > li > a:hover { color: #33b234; } .list-custom + .list-custom { margin-top: 37px; } .list-custom p + ul { margin-top: 20px; } .list-custom a + ul { margin-top: 20px; } .list-custom li + li { margin-top: 7px; } .list-tel > .tel:after { position: relative; content: ','; top: 2px; font-size: inherit; line-height: inherit; } .list-tel > .tel:last-child:after { display: none; } .list-big { font-size: 16px; } .list-big.list-index li { padding-left: 38px; } .list-big.list-index li .list-index-counter { min-width: 34px; margin-left: -38px; } .list-big.list-index li > * { vertical-align: top; } .list-big li + li { margin-top: 10px; } @media (min-width: 768px) { .list-big { font-size: 18px; } } .list-big-2 { font-size: 16px; } .list-big-2 .list-index-counter { font-size: 14px; } .list-big-2 li + li { margin-top: 10px; } @media (min-width: 768px) { .list-big-2 { font-size: 18px; } } .list-index-big li { padding-left: 50px; } .list-index-big li .list-index-counter { position: relative; top: 6px; font-size: 24px; line-height: 20px; font-weight: 400; min-width: 46px; margin-left: -50px; } .list-index-big li + li { margin-top: 26px; } .list-contacts { display: inline-block; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .list-contacts li + li { margin-top: 7px; } .list-contacts li { max-width: 220px; } .list-contacts .tel { font-size: 1.28em; font-weight: 700; line-height: 1.2; } @media (min-width: 576px) { .list-contacts { display: block; text-align: left; } } /* * * Posts * -------------------------------------------------- */ .post .post-img { overflow: hidden; } .post .post-img a { display: block; will-change: transform; transition: 800ms linear all; } .post .post-img img { width: 100%; } .post:hover .post-img a { transform: scale3D(1.1, 1.1, 1.1); } .post-classic { color: #939292; text-align: center; background: #fff; } .post-classic h6 { color: #33b234; } .post-classic .post-header { padding: 37px 15px 10px; } .post-classic .post-content { padding: 12px 15px 40px; } .post-classic .post-content p { margin-left: auto; margin-right: auto; } .post-classic .post-link > span { width: 100%; } @media (min-width: 1400px) { .post-classic .post-content p { max-width: 85%; } } .post-classic * + .post-link { margin-top: 8px; } .post-creative { text-align: left; background: #f5f5f5; } .post-creative .post-content { padding: 12px 10px 28px 15px; } .post-creative .post-header { padding: 16px 10px 10px 15px; } .post-creative .icon-arrow { font-size: 24px; line-height: 18px; padding-right: 10px; } @media (min-width: 992px) { .post-creative .post-content, .post-creative .post-header { padding-right: 15px; } } @media (min-width: 1200px) { .post-creative .post-content, .post-creative .post-header { padding-left: 28px; } } .post-classic-sec h6 { font-weight: 700; } @media (min-width: 992px) { .post-classic-sec .unit-left > .unit { margin-top: 6px; } } .post-big h3 + p.big { margin-top: 20px; } .post-big p + p.big { margin-top: 26px; } .post-autor-name { max-width: 100px; } time { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .post-link { font-weight: 700; text-transform: uppercase; letter-spacing: .1em; } .post-link > span { padding-right: 8px; transition: inherit; } .post-meta { font-size: 18px; margin: 18px -10px 0; } @media (min-width: 576px) { .post-meta { margin-left: -18px; margin-right: -18px; } } .post-meta > * { padding: 0 10px; } @media (min-width: 576px) { .post-meta > * { padding-left: 18px; padding-right: 18px; } } .post-meta > a:before { position: absolute; content: ''; height: 27px; left: 0; width: 1px; background: rgba(255, 255, 255, 0.3); } .quantity { transition: all 300ms; margin-left: 6px; } /* * * Video posts * -------------------------------------------------- */ .post-video h5 + p { margin-top: 0; } * + .post-video { margin-top: 35px; } .post-video-var-1 { max-width: 570px; } .post-video-subtitle { color: #333; font-weight: 700; } .post-video__caption { margin-top: 25px; } .post-video__body { position: relative; } .post-video__control { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 68px; height: 47px; background: url(../images/button-play.png) no-repeat 50% 50%; background-size: cover; } .post-video__control:hover { transform: translate(-50%, -50%) scale(1.1); } /* * * Blog * -------------------------------------------------- */ .flickr .flickr-item:hover { transform: scale(1.1); } .blog-wrap .unit time + p { margin-top: 3px; } .blog-wrap .list li + li { margin-top: 4px; } .blog-wrap h3 + * { margin-top: 8px; } .blog-wrap * + .list { margin-top: 4px; } .blog-wrap h3 + .unit { margin-top: 12px; } .blog-wrap .unit + p { margin-top: 5px; } .blog-wrap .unit + .unit { margin-top: 8px; } .blog-wrap .blog-item + .blog-item { margin-top: 30px; } .blog-wrap li a:hover { text-decoration: underline; } .blog-wrap .group-button-blog a { padding-left: 20px; padding-right: 10px; text-transform: uppercase; min-width: auto; } .blog-wrap .group-button-blog a:hover { text-decoration: none; } .single-post-wrap .blog-item + .blog-item { margin-top: 80px; } .single-post-wrap .unit + p { margin-top: 5px; } .single-post-wrap h3 + * { margin-top: 25px; } .single-post-wrap .unit time + p { margin-top: 3px; } p .link-posts { margin-left: 15px; } .post-big-aside { margin-top: 12px; } .post-big-aside .post-autor-wrap { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .post-big-aside .post-autor-wrap { justify-content: space-between; flex-direction: row; } .post-big-aside .post-meta-default { max-width: 200px; } } .post-big-aside ul { margin-top: 10px; } @media (min-width: 768px) { .post-big-aside ul { margin-top: 0; } } .post-big-aside span.big { margin-left: 6px; } .post-big-aside .tel { color: #333; } .post-big-aside .tel:hover { color: #33b234; } .post-big-aside .mail:hover { color: #939292; } .post-big-aside * + .button { margin-top: 12px; } .post-autor-wrap { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .post-autor-wrap h6 { color: #33b234; } .post-autor-wrap h6 a, .post-autor-wrap h6 a:active, .post-autor-wrap h6 a:focus { color: inherit; } .post-autor-wrap h6 a:hover { color: #214910; } .post-autor-wrap .post-meta-default { max-width: 200px; } .post-meta-default { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .post-meta-default > * { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; } @media (min-width: 576px) { .post-meta-default > * { display: inline-flex; } } .post-meta-default .quantity { color: #939292; } .post-meta-default a:hover { color: #33b234; } .post-meta-default a:hover .quantity { color: #33b234; } .post-meta-default a > *, .post-meta-default time > * { display: inline-block; vertical-align: middle; } .post-meta-default + h4 { margin-top: 25px; } .post-meta-inline > * { margin-left: 12px; } .post-meta-inline > *:first-child { margin-left: 0; } /* * * Thumbnails * -------------------------------------------------- */ .thumb { display: block; position: relative; overflow: hidden; margin: 0; width: 100%; min-width: 100%; max-height: 100%; background: #33b234; text-align: center; cursor: pointer; } .thumb img { position: relative; display: block; min-height: 100%; max-width: 100%; width: 100%; opacity: 1; } .thumb .thumb__title { word-spacing: -0.15em; font-weight: 300; } .thumb p { letter-spacing: 1px; font-size: 14px; } .thumb .thumb__title, .thumb p { margin: 0; } .thumb .thumb__overlay { padding: 40px; color: #fff; text-transform: uppercase; font-size: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .thumb .thumb__overlay::before, .thumb .thumb__overlay::after { pointer-events: none; } .thumb .thumb__overlay > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .thumb .thumb__overlay > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .thumb.thumb--effect-layla { background: #33b234; } .thumb.thumb--effect-layla .thumb__overlay { padding: 3em; } .thumb.thumb--effect-layla .thumb__overlay::before, .thumb.thumb--effect-layla .thumb__overlay::after { position: absolute; content: ''; opacity: 0; transition: 0.3s; } .thumb.thumb--effect-layla .thumb__overlay::before { top: 40px; right: 20px; bottom: 40px; left: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); transform-origin: 0 0; } @media (min-width: 768px) { .thumb.thumb--effect-layla .thumb__overlay::before { top: 50px; right: 30px; bottom: 50px; left: 30px; } } .thumb.thumb--effect-layla .thumb__overlay::after { top: 20px; right: 40px; bottom: 20px; left: 40px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100% 0; } @media (min-width: 768px) { .thumb.thumb--effect-layla .thumb__overlay::after { top: 30px; right: 50px; bottom: 30px; left: 50px; } } .thumb.thumb--effect-layla .thumb__title { padding-top: 26%; transition: transform 0.35s; color: #fff; } .thumb.thumb--effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; transform: translate3d(0, -10px, 0); } .thumb.thumb--effect-layla img, .thumb.thumb--effect-layla .thumb__title { transform: translate3d(0, -30px, 0) scale(1.17); transform-origin: 50% 0; } .thumb.thumb--effect-layla img, .thumb.thumb--effect-layla::before, .thumb.thumb--effect-layla::after, .thumb.thumb--effect-layla p { transition: opacity 0.35s, transform 0.35s; } @media (min-width: 992px) { .desktop .thumb.thumb--effect-layla:hover img { opacity: 0.7; transform: translate3d(0, 0, 0) scale(1.17); } .desktop .thumb.thumb--effect-layla:hover .thumb__overlay::before, .desktop .thumb.thumb--effect-layla:hover .thumb__overlay::after { opacity: 1; transform: scale(1); } .desktop .thumb.thumb--effect-layla:hover .thumb__title, .desktop .thumb.thumb--effect-layla:hover p { opacity: 1; transform: translate3d(0, 0, 0); } } /* * * Tooltip Custom * -------------------------------------------------- */ .tooltip-custom { color: #33b234; } /* * * Snackbars * -------------------------------------------------- */ .snackbars { max-width: 280px; padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #222; border-radius: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 380px; padding: 12px 15px; font-size: 16px; } } /* * * Navigation * -------------------------------------------------- */ .navigation-pills li a { display: inline-block; padding: 3px 9px; border: 1px solid #33b234; border-radius: 5px; font-size: 16px; transition: .2s; } .navigation-pills li a.active, .navigation-pills li a:hover, .navigation-pills li a:focus { background-color: #33b234; color: #fff; } .nav-custom { overflow: hidden; display: inline-flex; justify-content: center; flex-wrap: wrap; } .nav-custom a { display: block; min-width: 122px; color: #fff; font-family: "Montserrat", Helvetica, Arial, sans-serif; letter-spacing: .025em; padding: 8px 19px; transition: .3s; background: #33b234; } @media (min-width: 992px) { .nav-custom a { padding: 13px 18px; } } .nav-custom a:hover { background-color: #7e7e7e; } .nav-custom a.active { background-color: #7e7e7e; } /* * * Page Loaders * -------------------------------------------------- */ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; float: left; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 9999999; background: #fff; transition: .3s all ease; } .preloader.loaded { opacity: 0; visibility: hidden; z-index: -1; } .preloader.ending { display: none; } .preloader .preloader-body { text-align: center; } .loader { height: 58px; left: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); width: 58px; } .loader span { background: #33b234; display: block; height: 12px; opacity: 0; position: absolute; width: 12px; animation: load 4.6s ease-in-out infinite; -o-animation: load 4.6s ease-in-out infinite; -ms-animation: load 4.6s ease-in-out infinite; -webkit-animation: load 4.6s ease-in-out infinite; -moz-animation: load 4.6s ease-in-out infinite; } .loader span.block-1 { animation-delay: 1.06s; -o-animation-delay: 1.06s; -ms-animation-delay: 1.06s; -webkit-animation-delay: 1.06s; -moz-animation-delay: 1.06s; left: 0px; top: 0px; } .loader span.block-2 { animation-delay: 0.97s; -o-animation-delay: 0.97s; -ms-animation-delay: 0.97s; -webkit-animation-delay: 0.97s; -moz-animation-delay: 0.97s; left: 16px; top: 0px; } .loader span.block-3 { animation-delay: 0.87s; -o-animation-delay: 0.87s; -ms-animation-delay: 0.87s; -webkit-animation-delay: 0.87s; -moz-animation-delay: 0.87s; left: 31px; top: 0px; } .loader span.block-4 { animation-delay: 0.78s; -o-animation-delay: 0.78s; -ms-animation-delay: 0.78s; -webkit-animation-delay: 0.78s; -moz-animation-delay: 0.78s; left: 47px; top: 0px; } .loader span.block-5 { animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; left: 0px; top: 16px; } .loader span.block-6 { animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; left: 16px; top: 16px; } .loader span.block-7 { animation-delay: 0.51s; -o-animation-delay: 0.51s; -ms-animation-delay: 0.51s; -webkit-animation-delay: 0.51s; -moz-animation-delay: 0.51s; left: 31px; top: 16px; } .loader span.block-8 { animation-delay: 0.41s; -o-animation-delay: 0.41s; -ms-animation-delay: 0.41s; -webkit-animation-delay: 0.41s; -moz-animation-delay: 0.41s; left: 47px; top: 16px; } .loader span.block-9 { animation-delay: 0.32s; -o-animation-delay: 0.32s; -ms-animation-delay: 0.32s; -webkit-animation-delay: 0.32s; -moz-animation-delay: 0.32s; left: 0px; top: 31px; } .loader span.block-10 { animation-delay: 0.23s; -o-animation-delay: 0.23s; -ms-animation-delay: 0.23s; -webkit-animation-delay: 0.23s; -moz-animation-delay: 0.23s; left: 16px; top: 31px; } .loader span.block-11 { animation-delay: 0.14s; -o-animation-delay: 0.14s; -ms-animation-delay: 0.14s; -webkit-animation-delay: 0.14s; -moz-animation-delay: 0.14s; left: 31px; top: 31px; } .loader span.block-12 { animation-delay: 0.05s; -o-animation-delay: 0.05s; -ms-animation-delay: 0.05s; -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; left: 47px; top: 31px; } .loader span.block-13 { animation-delay: -0.05s; -o-animation-delay: -0.05s; -ms-animation-delay: -0.05s; -webkit-animation-delay: -0.05s; -moz-animation-delay: -0.05s; left: 0px; top: 47px; } .loader span.block-14 { animation-delay: -0.14s; -o-animation-delay: -0.14s; -ms-animation-delay: -0.14s; -webkit-animation-delay: -0.14s; -moz-animation-delay: -0.14s; left: 16px; top: 47px; } .loader span.block-15 { animation-delay: -0.23s; -o-animation-delay: -0.23s; -ms-animation-delay: -0.23s; -webkit-animation-delay: -0.23s; -moz-animation-delay: -0.23s; left: 31px; top: 47px; } .loader span.block-16 { animation-delay: -0.32s; -o-animation-delay: -0.32s; -ms-animation-delay: -0.32s; -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; left: 47px; top: 47px; } @keyframes load { 0% { opacity: 0; transform: translateY(-97px); } 15% { opacity: 0; transform: translateY(-97px); } 30% { opacity: 1; transform: translateY(0); } 70% { opacity: 1; transform: translateY(0); } 85% { opacity: 0; transform: translateY(97px); } 100% { opacity: 0; transform: translateY(97px); } } @-o-keyframes load { 0% { opacity: 0; -o-transform: translateY(-97px); } 15% { opacity: 0; -o-transform: translateY(-97px); } 30% { opacity: 1; -o-transform: translateY(0); } 70% { opacity: 1; -o-transform: translateY(0); } 85% { opacity: 0; -o-transform: translateY(97px); } 100% { opacity: 0; -o-transform: translateY(97px); } } @-ms-keyframes load { 0% { opacity: 0; -ms-transform: translateY(-97px); } 15% { opacity: 0; -ms-transform: translateY(-97px); } 30% { opacity: 1; -ms-transform: translateY(0); } 70% { opacity: 1; -ms-transform: translateY(0); } 85% { opacity: 0; -ms-transform: translateY(97px); } 100% { opacity: 0; -ms-transform: translateY(97px); } } @-webkit-keyframes load { 0% { opacity: 0; -webkit-transform: translateY(-97px); } 15% { opacity: 0; -webkit-transform: translateY(-97px); } 30% { opacity: 1; -webkit-transform: translateY(0); } 70% { opacity: 1; -webkit-transform: translateY(0); } 85% { opacity: 0; -webkit-transform: translateY(97px); } 100% { opacity: 0; -webkit-transform: translateY(97px); } } @-moz-keyframes load { 0% { opacity: 0; -moz-transform: translateY(-97px); } 15% { opacity: 0; -moz-transform: translateY(-97px); } 30% { opacity: 1; -moz-transform: translateY(0); } 70% { opacity: 1; -moz-transform: translateY(0); } 85% { opacity: 0; -moz-transform: translateY(97px); } 100% { opacity: 0; -moz-transform: translateY(97px); } } /* * * Breadcrumbs * -------------------------------------------------- */ .breadcrumb-wrapper { padding-top: 50px; padding-bottom: 30px; } .breadcrumb-custom { margin-top: 20px; list-style: none; } .breadcrumb-custom > li { display: inline-block; color: #33b234; } .breadcrumb-custom > li > a { color: #fff; } .breadcrumb-custom > li > a:hover { text-decoration: underline; } .breadcrumb-custom > li + li:before { padding: 0 8px 0 5px; font-family: "Material Design Icons"; content: "\f238"; color: #fff; } .desktop .breadcrumbs-custom { background-attachment: fixed; } .breadcrumbs-custom { position: relative; color: #fff; padding-top: 50px; padding-bottom: 50px; background-size: cover; background-position: center 20%; } @media (min-width: 576px) { .breadcrumbs-custom { padding-top: 90px; padding-bottom: 90px; } } .breadcrumbs-custom li { position: relative; display: inline-block; vertical-align: middle; padding-right: 32px; } .breadcrumbs-custom li:last-child { padding-right: 0; } .breadcrumbs-custom li:last-child:after { display: none; } .breadcrumbs-custom li:after { position: absolute; content: '/'; right: 10px; top: 0; } .breadcrumbs-custom .breadcrumbs-custom__title, .breadcrumbs-custom li, .breadcrumbs-custom a { color: inherit; } .breadcrumbs-custom:before { display: none; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); content: ''; z-index: 0; width: 318px; height: 318px; background: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, #050506 100%); opacity: .5; } @media (min-width: 576px) { .breadcrumbs-custom:before { top: -40%; } } @media (min-width: 768px) { .breadcrumbs-custom:before { top: -15%; } } .breadcrumbs-custom.position-custom { background-position-y: 230%; } .breadcrumbs-custom__title, .breadcrumbs-custom__path, .breadcrumbs-custom img { position: relative; } .breadcrumbs-custom__path { margin-top: 8px; font-size: 16px; } .breadcrumbs-custom__path li { text-transform: uppercase; letter-spacing: .15em; line-height: 1.5em; } .breadcrumbs-custom__path a:hover { text-decoration: underline; } @media (min-width: 576px) { .breadcrumbs-custom__path li { line-height: 2em; } } @media (min-width: 768px) { .breadcrumbs-custom__path { font-size: 18px; } } @media (min-width: 992px) { .breadcrumbs-custom { padding-top: 260px; padding-bottom: 110px; } } /* * * Panels Custom * -------------------------------------------------- */ .card { margin-bottom: 0; box-shadow: none; border: none; border-radius: 0; } .card-custom-group { border: 1px solid #f0f0f0; } .card-custom-group .card + .card { border-top: 1px solid #f0f0f0; } .card-custom .card-custom-heading { padding: 0; border-bottom: none; } .card-custom .card-custom-title { font-size: 14px; font-weight: 700; color: #939292; } .card-custom .card-custom-title > a { display: block; position: relative; padding: 12px 20px 13px 40px; color: #333; font-family: "Montserrat", Helvetica, Arial, sans-serif; background: #f5f5f5; transition: .3s all ease; } .card-custom .card-custom-title > a:before { content: ""; position: absolute; top: 50%; left: 10px; font: 400 24px/24px "FontAwesome"; color: #33b234; transform: translateY(-50%) rotate(-180deg); transition: .3s all ease; } .card-custom .card-custom-title > a.collapsed { background: #fff; } .card-custom .card-custom-title > a.collapsed:before { transform: translateY(-50%) rotate(0deg); } .card-custom .card-custom-title > a:hover { text-decoration: none; background: #f5f5f5; } @media (min-width: 768px) { .card-custom .card-custom-title > a { padding: 16px 54px 14px 54px; } .card-custom .card-custom-title > a:before { left: 20px; } } .card-custom .card-custom-collapse { background: #f5f5f5; } .card-custom .card-custom-collapse .card-custom-body { padding: 0 20px 30px 40px; } @media (min-width: 768px) { .card-custom .card-custom-collapse .card-custom-body { padding: 0 54px 35px 54px; } } h3 + .card-custom-group-wrap { margin-top: 30px; } /* * * Pagination custom * -------------------------------------------------- */ .pagination-custom { font-size: 24px; font-family: "Montserrat", Helvetica, Arial, sans-serif; counter-reset: li; } .pagination-custom li:not(:first-child):not(:last-child):after { content: '03'; color: #33b234; font-size: 14px; letter-spacing: .025em; } .pagination-custom li:not(:first-child):not(:last-child):before { display: inline-block; width: 30px; line-height: 1; letter-spacing: .025em; content: counter(li, decimal-leading-zero); counter-increment: li; } .pagination-custom li:not(:first-child):not(:last-child):not(.active) { display: none; } .pagination-custom li { display: inline-block; } .pagination-custom > li > a, .pagination-custom > li > span { transition: .3s; text-align: center; border: none; } .pagination-custom > li:first-child { margin-right: 6px; } .pagination-custom > li:last-child { margin-left: 6px; } .pagination-custom > li:first-child > a > span, .pagination-custom > li:first-child > span > span, .pagination-custom > li:last-child > a > span, .pagination-custom > li:last-child > span > span { position: relative; line-height: 35px; max-height: 35px; } .pagination-custom .arrow-left, .pagination-custom .arrow-right { position: relative; display: inline-block; vertical-align: middle; transition: all 200ms ease-in-out; } .pagination-custom .arrow-left > *, .pagination-custom .arrow-right > * { display: inline-block; vertical-align: middle; } .pagination-custom .arrow-left:after, .pagination-custom .arrow-right:after { display: inline-block; vertical-align: middle; content: ''; width: 0; height: 2px; background: #939292; transition: inherit; } .pagination-custom .arrow-left:hover:after, .pagination-custom .arrow-right:hover:after { width: 53px; } .pagination-custom .arrow-right { transform: scale(-1, 1); } .quote { text-align: left; } .quote q { display: inline-block; } .quote q:before, .quote q:after { content: ''; } .quote div span, .quote cite { font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #333; display: block; } .quote cite { font-weight: 700; } .quote .author { margin-top: 12px; } .quote-creative-inset { padding-right: 50px; } @media (min-width: 768px) { .quote-creative-inset { padding-right: 100px; } } .quote-creative-wrap { padding: 94px 15px 95px 15px; } @media (min-width: 768px) { .quote-creative-wrap { padding-left: 97px; padding-right: 30px; } } .quote-creative-left-inset { padding-left: 40px; } * + .quote-creative-left-inset { margin-top: 20px; } .quote-creative-left-inset + .insetleft-lg-100 { margin-top: 45px; } .quote-default-inset { padding-right: 50px; } @media (min-width: 768px) { .quote-default-inset { padding-right: 40px; } } .quote-creative { position: relative; } .quote-creative .quote-wrap { padding-left: 36px; max-width: 400px; } .quote-creative path { width: 22px; height: 15px; } .quote-creative svg { position: absolute; left: 0; top: 4px; fill: #7e7e7e; } .quote-creative * + p { margin-top: 0; } .quote-creative-inverse svg { left: -40px; right: auto; transform: scale(1, 1); } .quote-classic .quote-classic-content { margin-left: 36px; } .quote-classic path { width: 15px; height: 10px; } .quote-classic * + .quote-classic-content { margin-top: -6px; } @media (min-width: 576px) { .quote-inset-typography { padding-right: 140px; } } @media (min-width: 768px) { .quote-inset-typography { padding-left: 100px; padding-right: 170px; } } @media (min-width: 992px) { .quote-inset-typography { padding-left: 170px; } } .quote-modern { padding: 40px 15px 36px; background-color: #f5f5f5; } .quote-modern.bg-quote-custom .quote-wrap { margin-left: 0; margin-right: auto; } @media (min-width: 576px) { .quote-modern.bg-quote-custom .quote-wrap { max-width: 280px; } } @media (min-width: 768px) { .quote-modern.bg-quote-custom .quote-wrap { max-width: 365px; } } .quote-modern .author { margin-top: 28px; } .quote-modern cite { font-size: 1.28em; } .quote-modern path { width: 22px; height: 15px; } .quote-modern svg { fill: #7e7e7e; } .quote-modern * + p { margin-top: 12px; } @media (min-width: 576px) { .quote-modern .quote-wrap { max-width: 50%; margin-left: 0; } } @media (min-width: 768px) { .quote-modern { padding-left: 30px; padding-right: 30px; } .quote-modern.bg-quote-custom { padding-left: 45px; padding-right: 45px; } .quote-modern .quote-wrap { max-width: 60%; } } @media (min-width: 1200px) { .quote-modern { padding-left: 50px; } } .quote-gray-mark { fill: #7e7e7e; } .quote-white-mark { fill: #fff; } cite { font-style: normal; } .box-counter { color: #222; white-space: nowrap; } .box-counter > div { font-size: 36px; line-height: 1.3; font-family: "Montserrat", Helvetica, Arial, sans-serif; line-height: 1; } @media (min-width: 768px) { .box-counter > div { line-height: 1.13889; font-size: 72px; } } @media (min-width: 768px) { .box-counter > div { line-height: 1; } } @media (min-width: 768px) { .box-counter .offset-negative { margin-left: -6px; } } .box-counter-classic div + .box-counter-title { margin-top: 5px; } @media (min-width: 768px) { .box-counter-classic > * { display: inline-block; vertical-align: baseline; } .box-counter-classic .box-counter-title { max-width: 150px; } .box-counter-classic div + .box-counter-title { margin-top: 0; margin-left: 5px; } } .box-counter-title { white-space: normal; } .box-counter-modern:before { border: 1px solid #222; } .box-counter-creative:before { background: #f5f5f5; } .box-counter-modern, .box-counter-creative { position: relative; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; z-index: 1; } .box-counter-modern:before, .box-counter-creative:before { position: absolute; content: ''; top: 6px; right: 0; bottom: 0; left: 0; z-index: -1; } @media (min-width: 768px) { .box-counter-modern, .box-counter-creative { padding-right: 15px; padding-bottom: 40px; padding-left: 0; max-width: 230px; } .box-counter-modern:before, .box-counter-creative:before { top: 11px; } } .box-counter-primary { color: #33b234; } .counter-creative-wrap { position: relative; padding: 50px 0 40px; } @media (min-width: 992px) { .counter-creative-wrap { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 1200px) { .counter-creative-wrap { padding-top: 86px; padding-bottom: 100px; padding-left: 45px; } } @media (min-width: 1400px) { .counter-creative-wrap { padding-left: 95px; } } .counter-creative-wrap-2 { position: relative; padding: 50px 15px; } .counter-creative-wrap-2 h3 + p { margin-top: 25px; } @media (min-width: 768px) { .counter-creative-wrap-2 { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 992px) { .counter-creative-wrap-2 { padding-left: 30px; } } @media (min-width: 1200px) { .counter-creative-wrap-2 { padding: 90px 0 94px 45px; } } @media (min-width: 1400px) { .counter-creative-wrap-2 { padding-left: 115px; } } .box-counter-title { font-size: 16px; line-height: 1.5; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; line-height: 1.1; } @media (min-width: 768px) { .box-counter-title { line-height: 1.38889; font-size: 18px; } } @media (min-width: 768px) { .box-counter-title { line-height: 1.1; } } .counter-k:after { content: 'k'; } .counter-plus:after { content: '+'; } div + .box-counter-title { margin-top: 0; } .box-services { position: relative; } .box-services h6 + p { margin-top: 10px; } .box-services .counter-index-item + * { margin-top: 4px; } @media (min-width: 1600px) { .box-services h6 + p { margin-top: 30px; } } .box-services-modern { text-align: center; background: #33b234; } .box-services-modern:hover img { opacity: 0; transform: scale(1.1); } .box-services-modern .box-services-content { position: absolute; width: 100%; top: 50%; left: 50%; padding: 10px 15px; transform: translate(-50%, -50%); will-change: transform; } .box-services-modern .box-services-img { overflow: hidden; } .box-services-modern .icon-arrow { font-size: 1.71em; } .box-services-modern h6 { font-weight: 700; } .box-services-modern h6 a, .box-services-modern h6 a:active, .box-services-modern h6 a:focus { color: inherit; } .box-services-modern h6 a:hover { color: #214910; } .box-services-modern img { width: 100%; opacity: 1; transition: 500ms ease-in-out all; will-change: transform; } .box-services-modern * + .icon-arrow { margin-top: 10px; } @media (min-width: 1600px) { .box-services-modern .box-services-content { top: 10%; transform: translateX(-50%); } } @media (min-width: 1600px) { .box-services-modern h6 { max-width: 80%; margin-left: auto; margin-right: auto; } .box-services-modern * + .icon-arrow { margin-top: 14px; } } @media (min-width: 1600px) { .box-services-modern .box-services-content { top: 24%; } } .box-services-creative { display: flex; align-items: center; justify-content: center; text-align: center; } .box-services-creative .box-services-content { padding: 70px 15px; max-width: 350px; } .box-services-creative > .icon-arrow { display: none; position: absolute; left: 50%; font-size: 24px; line-height: 1; z-index: 1; } .box-services-creative > .icon-arrow:before, .box-services-creative > .icon-arrow:after { display: inline-block; vertical-align: middle; } .box-services-creative > .icon-arrow:after { position: relative; height: 2px; width: 52px; margin-left: 7px; background: #fff; } .box-services-creative h6 { font-weight: 700; } .box-services-creative p + p { margin-top: 0; } @media (min-width: 992px) { .box-services-creative > .icon-arrow { display: inline-block; } .box-services-creative > .icon-arrow:after { content: ''; } } .box-services-decor-top > .icon-arrow { top: 2px; transform: translateX(-50%) rotate(90deg); } .box-services-decor-bottom > .icon-arrow { bottom: 2px; transform: translateX(-50%) rotate(-90deg); } .box-services-height { min-height: 250px; } @media (min-width: 768px) { .box-services-height { min-height: 370px; } } .box-project { position: relative; text-align: center; } .box-project .button { margin-right: 0; margin-bottom: 0; } .box-project * + .button { margin-top: 10px; } .box-project-title { position: relative; padding: 35px 15px 15px; font-family: "Montserrat", Helvetica, Arial, sans-serif; z-index: 1; } .box-project-title:before { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; width: 97px; height: 82px; transform: translate(-50%, -50%); background: url(../images/decor-brand-3-97x82.png) no-repeat; z-index: -1; } @media (min-width: 1600px) { .box-project-title { max-width: 80%; } } .box-project-body { padding: 30px 15px; } .box-project__classic .box-project-body { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .box-project__modern { display: flex; align-items: center; justify-content: center; min-height: 250px; } .box-project__modern h6 + p { margin-top: 0px; } .box-project__modern > .icon-arrow { position: absolute; left: 50%; top: -10px; font-size: 24px; line-height: 1; transform: translateX(-50%) rotate(-90deg); z-index: 1; } .box-project__modern > .icon-arrow:before, .box-project__modern > .icon-arrow:after { display: inline-block; vertical-align: middle; } .box-project__modern > .icon-arrow:after { position: relative; height: 2px; width: 52px; margin-left: 7px; background: #fff; } @media (min-width: 480px) { .box-project__modern { min-height: 300px; } .box-project__modern > .icon-arrow { top: 50%; bottom: auto; } } @media (min-width: 992px) { .box-project__modern { min-height: 100%; } } @media (min-width: 1600px) { .box-project__modern > .icon-arrow:after { content: ''; } } @media (min-width: 480px) { .box-project-decor-right > .icon-arrow { left: -10px; transform: translateY(-50%) scale(-1, 1); } .box-project-decor-left > .icon-arrow { left: auto; right: -10px; transform: translateY(-50%); } } @media (min-width: 1600px) { .box-project-decor-right > .icon-arrow { left: -56px; } .box-project-decor-left > .icon-arrow { right: -56px; } } .box-project__creative { display: flex; align-items: center; justify-content: center; min-height: 300px; } @media (min-width: 576px) { .box-project__creative { min-height: 350px; } } @media (min-width: 768px) { .box-project__creative { min-height: 450px; } } @media (min-width: 992px) { .box-project__creative { min-height: 100%; } } .ie-10 .box-project__creative, .ie-10 .box-project__modern, .ie-11 .box-project__creative, .ie-11 .box-project__modern, .ie-edge .box-project__creative, .ie-edge .box-project__modern { height: 100%; } .box-team { text-align: left; } .box-team h6 { font-weight: 700; } .box-team p + h6 { margin-top: 0; } .box-team * + .box-team-img { margin-top: 12px; } .box-team .box-team-img + .box-team-content { margin-top: 12px; } .box-team .box-team-header + .box-team-content { margin-top: 8px; } .box-team * + .list-inline { margin-top: 12px; } @media (min-width: 1200px) { .box-team-content p { max-width: 98%; } } .box-team-img a { display: block; } .box-team-img img { width: 100%; } .box-team-header { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .box-info { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; min-height: 302px; text-align: center; background: #33b234; } .box-info .heading-style { letter-spacing: .1em; text-transform: uppercase; } .box-info .heading-big { font-size: 2em; line-height: 1; font-weight: 400; } .box-info h4 { line-height: 1.26; } .box-info h4 a, .box-info h4 a:active, .box-info h4 a:focus { color: inherit; } .box-info h4 a:hover { color: #214910; } .box-info:hover .box-info-img { opacity: 0; transform: scale(1.1); } .box-info-img { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; transition: 500ms ease-in-out all; z-index: 0; } .box-info-content { display: flex; align-items: center; justify-content: center; position: relative; max-width: 260px; min-height: 90px; } .box-info-content:before { position: absolute; content: ''; top: 0; left: 50%; width: 2px; height: 39px; background: #fff; transform: translate(-50%, -100%); } .box-info-content:after { position: absolute; content: '\e317'; bottom: 0; left: 50%; font-size: 24px; line-height: 1; font-family: 'Material Icons'; transform: translate(-50%, 100%) rotate(-90deg); } .box-info-content a span { display: block; } .box-product { position: relative; overflow: hidden; text-align: left; } .box-product .link, .box-product .link:active, .box-product .link:focus { color: #333; } .box-product .link:hover { color: #33b234; } .box-product p a { font-family: inherit; } .box-product p a, .box-product p a:active, .box-product p a:focus { color: inherit; } .box-product p a:hover { color: #33b234; } .box-product .box-product-price { color: #333; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .box-product .box-product-price.sale { display: none; color: inherit; text-decoration: line-through; } .box-product:hover .box-product-img:before { border-color: #33b234; } .box-product * + .button { margin-top: 17px; } .box-product * + .link { margin-top: 14px; } .box-product .link + ul { margin-top: 8px; } .box-product ul + .group-sm { margin-top: 8px; } .box-product-img { position: relative; } .box-product-img a { display: block; } .box-product-img img { width: 100%; } .box-product-img:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid transparent; transition: 300ms ease-in-out all; pointer-events: none; } .box-product-sale .box-product-price.sale { display: inline-block; } .box-product-sale:before { display: flex; align-items: flex-end; justify-content: center; position: absolute; content: 'Sale'; top: 0; right: 0; width: 126px; height: 126px; padding-bottom: 10px; font-size: 18px; line-height: 1; letter-spacing: .075em; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #fff; background: #214910; transform: translate(50%, -50%) rotate(45deg); z-index: 1; } a.link-posts { font-weight: 700; } .box-sale { position: relative; text-align: left; padding: 38px 15px 20px; } .box-sale:hover { background-color: #33b234; } .box-sale .box-sale-content { max-width: 270px; } .box-sale h2 { line-height: 1; } .box-sale h3 { font-size: 20px; line-height: 1.2; } .box-sale .heading-small { font-size: .5em; line-height: 1; font-weight: 400; } .box-sale:before { position: absolute; content: ' '; top: 0; left: 0; width: 97px; height: 82px; background: url(../images/decor-brand-4-97x82.png) no-repeat 50%; background-size: cover; } @media (min-width: 576px) { .box-sale { padding-left: 30px; padding-right: 20px; } } @media (min-width: 768px) { .box-sale { min-height: 150px; } .box-sale .box-sale-content { max-width: 100%; } .box-sale h3 { line-height: 1; } } @media (min-width: 992px) { .box-sale { padding-left: 56px; min-height: 171px; } .box-sale h3 { font-size: 24px; } } .box-advertising { position: relative; text-align: left; padding: 38px 15px; } .box-advertising:hover { background-color: #214910; } .box-advertising h4 { line-height: 1.2; } .box-advertising a:hover .icon-arrow:after { background: #33b234; } .box-advertising h4 + h6 { margin-top: 3px; } .box-advertising:before { position: absolute; content: ' '; top: 0; left: 0; width: 97px; height: 82px; background: url(../images/decor-brand-4-97x82.png) no-repeat 50%; background-size: cover; } @media (min-width: 576px) { .box-advertising { padding-left: 30px; padding-right: 20px; } } @media (min-width: 768px) { .box-advertising { min-height: 150px; padding-bottom: 20px; } } @media (min-width: 992px) { .box-advertising { padding-left: 56px; min-height: 171px; } } .box-call-us p { display: inline-block; position: relative; font-weight: 700; color: #333; letter-spacing: .1em; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .box-call-us p:before, .box-call-us p:after { width: 120px; top: 50%; background: #f5f5f5; transform: translateY(-50%); } @media (min-width: 576px) { .box-call-us p:before, .box-call-us p:after { display: block; } } .box-call-us p:before { left: -140px; } .box-call-us p:after { right: -140px; } .box-call-us h2 { font-weight: 400; letter-spacing: .025em; } .box-comment { padding-top: 15px; padding-bottom: 15px; } .box-comment p + p { margin-top: 0; } .box-comment > .box-comment { margin-left: 0; } @media (min-width: 768px) { .box-comment > .box-comment { margin-left: 100px; } } .blog-item > .box-comment { padding-bottom: 0; } .blog-item > .box-comment .box-comment + .box-comment { border-top: 1px solid #eee; } .blog-item > .box-comment .divider { margin-top: 12px; } .blog-item textarea.form-input { height: 120px; min-height: 90px; max-height: 180px; } .blog-item .group-post-meta + .button-wrap { margin-top: 10px; } @media (min-width: 576px) { .blog-item .group-post-meta + .button-wrap { margin-top: 0; } } .blog-item .unit img { width: auto; } .blog-item h3 + .box-comment { padding-top: 0; } .blog-item p a { display: inline; } .border-bottom { border-bottom: 1px solid #eee; } .box-contacts p + p { margin-top: 0; } .box-contacts h5 + * { margin-top: 20px; } .box-contacts .unit + * { margin-top: 5px; } .box-contacts > .unit { margin-left: auto; margin-right: auto; max-width: 180px; } @media (min-width: 576px) { .box-contacts > .unit { max-width: 100%; } } .ie-10 .box-info, .ie-11 .box-info { height: 300px; } @media (min-width: 768px) { .ie-10 .box-info, .ie-11 .box-info { height: 350px; } } @media (min-width: 1200px) { .ie-10 .box-info__creative, .ie-10 .box-info__classic, .ie-11 .box-info__creative, .ie-11 .box-info__classic { height: 415px; } } @media (min-width: 1200px) { .ie-10 .box-info__modern, .ie-11 .box-info__modern { height: 413px; } } .ie-10 .box-info-1-big, .ie-11 .box-info-1-big { height: 275px; } @media (min-width: 1200px) { .mac-os .box-info__creative { height: 450px; } } .box-shadow-var-1 { box-shadow: 0 0 20px -10px #8b949c; } .box-shadow-var-2 { box-shadow: 4px 4px 16px 0 rgba(139, 148, 156, 0.2); } .box-shadow-var-3 { box-shadow: 0 5px 14px -3px #8b949c; } .box-outline { position: relative; } .box-outline:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #f5f5f5; transform: translate(9px, 9px); z-index: -1; } .box-icon-content .heading-3 + p { margin-top: 6px; } .box-icon-content .heading-3 + p.big { margin-top: 7px; } .box-icon-content * + .list { margin-top: 4px; } .box-icon-content .list > li + li { margin-top: 10px; } @media (min-width: 992px) { .box-icon-content .big { max-width: 290px; } } .box-icon-wrap { padding: 68px 30px 94px 30px; background: #214910; } @media (min-width: 768px) { .box-icon-wrap { padding-left: 95px; padding-right: 50px; } } .box-icon-2 [class*='heading'] + p { margin-top: 0; } .box-icon-2 + .box-icon-2 { margin-top: 30px; } .stepper { position: relative; display: inline-block; } .stepper input[type="number"] { width: 100%; text-align: center; -moz-appearance: textfield; color: #333; } .stepper input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper-arrow { position: absolute; width: 24px; height: 24px; font-size: 24px; line-height: 1; cursor: pointer; transition: .3s all ease; font-weight: 400; } .stepper-arrow:hover { color: #33b234; } .stepper.disabled .stepper-arrow { pointer-events: none; opacity: .5; } .stepper-var-1 .stepper { max-width: 93px; color: #222; } .stepper-var-1 .stepper input[type="number"] { padding: 5px 27px; height: 36px; min-height: 36px; font-size: 18px; line-height: 24px; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; background: #f0f0f0; border: none; } .stepper-var-1 .stepper-arrow { top: 50%; font-size: 24px; line-height: 36px; } .stepper-var-1 .stepper-arrow:hover { color: #33b234; } .stepper-var-1 .stepper-arrow:before { content: '\e5cf'; font-family: 'Material Icons'; } .stepper-var-1 .stepper-arrow.up { right: 7px; text-align: center; transform: rotate(-90deg) translateX(50%); } .stepper-var-1 .stepper-arrow.down { left: 7px; text-align: center; transform: rotate(90deg) translateX(-50%); } .stepper-var-1 > * { vertical-align: middle; } .mac-os .stepper-var-1 .stepper input[type="number"] { padding-top: 4px; padding-bottom: 6px; } .stepper-var-2 .stepper { height: 65px; color: #d9d9d9; width: 100%; } .stepper-var-2 .stepper input[type="number"] { padding: 0px 5px; height: 65px; font-size: 17px; min-height: 65px; line-height: 30px; background: #fff; } .stepper-var-2 .stepper-arrow { left: 50%; transform: translateX(-50%); } .stepper-var-2 .stepper-arrow:hover { color: #33b234; } .stepper-var-2 .stepper-arrow.up { top: 0; font-size: 22px; text-align: center; } .stepper-var-2 .stepper-arrow.up:before { content: '+'; } .stepper-var-2 .stepper-arrow.down { bottom: 0; font-size: 22px; text-align: center; } .stepper-var-2 .stepper-arrow.down:before { content: '-'; } /* * * Products * -------------------------------------------------- */ .product-characteristics { font-weight: 700; line-height: 1.55; } .product-characteristics p + p { margin-top: 0; } .product-rating .icon + .icon { margin-left: 3px; } .product-rating .icon { font-size: 14px; line-height: 1; color: #33b234; } .product-rating .inactive { color: #939292; } .product-rating .link, .product-rating .link:active, .product-rating .link:focus { color: inherit; } .product-rating .link:hover { color: #33b234; } .product-rating * + .link { margin-left: 10px; } * + .product-rating { margin-top: 30px; } * + .product-item { margin-top: 26px; } * + .product-social { margin-top: 24px; } * + .product-price { margin-top: 36px; } .price-before-sale { color: #939292; text-decoration: line-through; } .payment-box { padding: 20px 15px 20px 45px; border: 1px solid #f0f0f0; text-align: left; } .payment-box > * { vertical-align: middle; } .payment-box > .form-wrap, .payment-box > .radio-inline { margin-left: -30px; margin-bottom: 0; } .payment-box .radio-inline { font-size: 18px; font-weight: 700; line-height: 1.2; color: #333; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .payment-box .link { margin-left: 10px; font-size: 18px; font-weight: 700; text-decoration: underline; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .payment-box .link .icon-arrow { font-size: 24px; line-height: 1; } .payment-box + .button { margin-top: 9px; } .payment-box .link-img { will-change: transform; } .payment-box .link-img:hover { transform: scale(0.9); } .payment-box * + .group-flickr { margin-top: 6px; } .payment-box * + p { margin-top: 3px; } @media (min-width: 576px) { .payment-box { padding: 20px 25px 20px 54px; } } @media (min-width: 1200px) { .payment-box p { max-width: 300px; } } .payment-box + .payment-box { border-top: none; } .single-product h3 + p { margin-top: 26px; } /* * * Layout panel * -------------------------------------------------- */ .layout-panel-wrap { position: fixed; top: 0; right: 0; width: 600px; height: 100vh; overflow: hidden; pointer-events: none; z-index: 1100; } .layout-panel-wrap.active .layout-panel { transform: translateX(0); } .layout-panel-wrap.active .layout-panel-inner:after { box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.09); } .layout-panel-wrap .layout-panel-toggle, .layout-panel-wrap .layout-panel-inner > * { pointer-events: auto; } .layout-panel { width: auto; transform: translateX(280px); transition: .55s all ease; } .layout-panel-content { position: relative; height: 100vh; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; padding-right: 20px; } .layout-panel-content .mCSB_outside + .mCSB_scrollTools { right: 0; } .layout-panel-content .mCSB_scrollTools { width: 20px; pointer-events: auto; } .layout-panel-content .mCSB_scrollTools .mCSB_dragger { width: auto; } .layout-panel-content .mCSB_draggerContainer { padding: 2px; background: #a5d76e; } .layout-panel-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .layout-panel-content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; border-radius: 2px; } .layout-panel-content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .layout-panel-content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; } .layout-panel-inner { position: relative; height: auto; min-height: 101vh; max-width: 260px; padding: 20px 0 20px; background: #fff; margin-left: auto; text-align: center; } .layout-panel-inner:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0); z-index: -10; transition: .33s all ease; } .mobile.rd-navbar-fixed-linked .layout-panel-inner, .tablet.rd-navbar-fixed-linked .layout-panel-inner { padding-bottom: 90px; } .layout-panel-header { padding: 0 12px; } .layout-panel-header .button { display: flex; justify-content: center; width: 100%; } .layout-panel-header * + .layout-panel-element, .layout-panel-header * + .layout-panel-title { margin-top: 22px; } @media (min-width: 768px) { .layout-panel-header * + .layout-panel-element, .layout-panel-header * + .layout-panel-title { margin-top: 30px; } } .layout-panel .isotope-filters { padding: 0 5px; } .layout-panel .isotope-filters ul { position: relative; overflow: hidden; } .layout-panel .isotope-filters ul::after { content: ''; position: absolute; left: -100px; bottom: 0; right: -100px; border-bottom: 1px solid #d0d0d0; } .layout-panel .isotope-filters ul li { display: inline-block; padding-left: 7px; padding-right: 7px; font: 400 12px/18px "Lato", Helvetica, Arial, sans-serif; color: #333; } @media (min-width: 768px) { .layout-panel .isotope-filters ul li { padding-left: 10px; padding-right: 10px; } } .layout-panel .isotope-filters ul li a { position: relative; display: inline-block; z-index: 2; padding-bottom: 14px; text-align: right; } .layout-panel .isotope-filters ul li a::after { content: ''; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #333; transition: .34s; transform: translate(0, 8px); opacity: 0; } .layout-panel .isotope-filters ul li a, .layout-panel .isotope-filters ul li a:active, .layout-panel .isotope-filters ul li a:focus { color: inherit; } .layout-panel .isotope-filters ul li a.active, .layout-panel .isotope-filters ul li a:hover { color: #33b234; } .layout-panel .isotope-filters ul li a.active:after { transform: translate(0, 0); opacity: 1; } .layout-panel .isotope { margin-top: 0; } .layout-panel * + .isotope { margin-top: 20px; } .layout-panel * + .isotope-filters { margin-top: 25px; } .layout-panel-toggle { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; overflow: hidden; padding: 0; position: relative; vertical-align: middle; white-space: nowrap; outline: none; position: fixed; top: 20vh; right: 280px; z-index: 10; width: 40px; height: 40px; line-height: 40px; background: #fff; color: #000; text-align: center; box-shadow: -5px 1px 10px 0 rgba(0, 0, 0, 0.05); border-right: 0; transition: .55s all ease; } .layout-panel-toggle:active { cursor: wait; } .layout-panel-toggle::before, .layout-panel-toggle::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Material Design Icons'; font-size: 16px; transition: .33s; } .layout-panel-toggle::before { content: '\f582'; opacity: 1; } .layout-panel-toggle::after { content: '\f24c'; opacity: 0; } .layout-panel-toggle.active::before { opacity: 0; } .layout-panel-toggle.active::after { opacity: 1; } .layout-panel-main { position: relative; z-index: 10; padding-left: 5px; padding-right: 4px; } .layout-panel-main .isotope { position: relative; margin-bottom: -10px; transform: translateY(-10px); } .layout-panel-main .isotope-item { margin-top: 10px; padding: 0 5px; } .layout-panel-main .isotope-item:before { content: ''; display: block; } .layout-panel-main .isotope { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; position: static !important; } .layout-panel-main .isotope-item { flex-basis: 50%; flex-grow: 1; } * + .layout-panel-main { margin-top: 25px; } @media (min-width: 768px) { .layout-panel-toggle { width: 54px; height: 54px; line-height: 54px; } .layout-panel-toggle::before, .layout-panel-toggle::after { font-size: 22px; } } @media (min-width: 768px) { .layout-panel-wrap { width: 730px; } .layout-panel-wrap.active .layout-panel { transform: translateX(0); } .layout-panel-wrap .layout-panel { transform: translateX(350px); } .layout-panel-wrap .layout-panel-inner { max-width: 330px; } .layout-panel-wrap .layout-panel-toggle { right: 350px; } .ie-10 .layout-panel, .ie-11 .layout-panel { transform: translateX(350px); } .ie-10 .layout-panel-toggle, .ie-11 .layout-panel-toggle { right: 20px; } .ie-10 .layout-panel-wrap.active, .ie-11 .layout-panel-wrap.active { right: 20px; } .ie-10 .layout-panel-wrap.active .layout-panel-toggle, .ie-11 .layout-panel-wrap.active .layout-panel-toggle { right: 370px; } } .thumbnail-small { position: relative; display: block; text-align: center; padding: 5px 5px 0; border: 1px solid #d0d0d0; transition: .5s; color: #222; background-color: transparent; } .thumbnail-small:hover { background: #33b234; color: #fff; } .thumbnail-small-image { position: relative; } .thumbnail-small-image img { width: 100%; height: auto; } .thumbnail-small-hover-image { display: none; } .thumbnail-small-hover-image img { width: 100%; height: auto; } .thumbnail-small-caption { position: relative; padding: 10px 8px; } .thumbnail-small-header { position: relative; z-index: 1; font: 300 12px/18px "Lato", Helvetica, Arial, sans-serif; } @media (min-width: 992px) { .desktop .thumbnail-small-image { transition: .25s all ease; } .desktop .thumbnail-small-hover-image { display: block; position: absolute; left: -10px; top: 50%; z-index: 11; transform: translate(-120%, -60%); transition: .33s all ease; width: 342px; height: 252px; background: #fff; box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14); opacity: 0; pointer-events: none; } .desktop .thumbnail-small-hover-image img { position: relative; max-width: 100%; max-height: 100%; border: 7px solid #fff; } .desktop .thumbnail-small-hover-image:before { content: ''; position: absolute; top: 50%; z-index: -1000; transform: translateY(-50%) rotate(45deg); right: -11px; width: 24px; height: 24px; background: #fff; box-shadow: -3px 0px 45px -2px rgba(0, 0, 0, 0.13); } .desktop .thumbnail-small:hover .thumbnail-small-caption:after { bottom: 0; opacity: 1; } .desktop .thumbnail-small:hover .thumbnail-small-header { color: #fff; } .desktop .thumbnail-small:hover .thumbnail-small-image:after { opacity: 0; } .desktop .thumbnail-small:hover .thumbnail-small-hover-image { z-index: 12; opacity: 1; transform: translate(-100%, -60%); } } /** @group Helpers */ /* * * Text Alignment * -------------------------------------------------- */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-middle { vertical-align: middle; } @media (min-width: 576px) { html:not(.lt-ie10) .text-xs-left { text-align: left; } html:not(.lt-ie10) .text-xs-center { text-align: center; } html:not(.lt-ie10) .text-xs-right { text-align: right; } html:not(.lt-ie10) .text-xs-justify { text-align: justify; } } @media (min-width: 768px) { html:not(.lt-ie10) .text-sm-left { text-align: left; } html:not(.lt-ie10) .text-sm-center { text-align: center; } html:not(.lt-ie10) .text-sm-right { text-align: right; } html:not(.lt-ie10) .text-sm-justify { text-align: justify; } } @media (min-width: 992px) { html:not(.lt-ie10) .text-md-left { text-align: left; } html:not(.lt-ie10) .text-md-center { text-align: center; } html:not(.lt-ie10) .text-md-right { text-align: right; } html:not(.lt-ie10) .text-md-justify { text-align: justify; } } @media (min-width: 1200px) { html:not(.lt-ie10) .text-lg-left { text-align: left; } html:not(.lt-ie10) .text-lg-center { text-align: center; } html:not(.lt-ie10) .text-lg-right { text-align: right; } html:not(.lt-ie10) .text-lg-justify { text-align: justify; } } /* * * Text styling * -------------------------------------------------- */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .text-thin { font-weight: 100; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-sbold { font-weight: 600; } .text-bold, strong { font-weight: 700; } .text-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-wrap { white-space: normal; } .text-transform-none { text-transform: none; } @media (min-width: 1600px) { .text-xlg-nowrap { white-space: nowrap; } } .text-white-40 { color: rgba(255, 255, 255, 0.4); } /* * * Element groups * -------------------------------------------------- */ html .page .group-flickr { margin-bottom: -4px; margin-left: -4px; } html .page .group-flickr:empty { margin-bottom: 0; margin-left: 0; } html .page .group-flickr > * { display: inline-block; margin-top: 0; margin-bottom: 4px; margin-left: 4px; } html .page .group-button-blog { margin-bottom: -4px; margin-left: -2px; } html .page .group-button-blog:empty { margin-bottom: 0; margin-left: 0; } html .page .group-button-blog > * { display: inline-block; margin-top: 0; margin-bottom: 4px; margin-left: 2px; } html .page .group-tabs { margin-bottom: -9px; margin-left: -10px; } html .page .group-tabs:empty { margin-bottom: 0; margin-left: 0; } html .page .group-tabs > * { display: inline-block; margin-top: 0; margin-bottom: 9px; margin-left: 10px; } html .page .group-post-meta { margin-bottom: -12px; margin-left: -12px; } html .page .group-post-meta:empty { margin-bottom: 0; margin-left: 0; } html .page .group-post-meta > * { display: inline-block; margin-top: 0; margin-bottom: 12px; margin-left: 12px; } html .page .group-xs { margin-bottom: -16px; margin-left: -12px; } html .page .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .page .group-xs > * { display: inline-block; margin-top: 0; margin-bottom: 16px; margin-left: 12px; } html .page .group-sm { margin-bottom: -10px; margin-left: -18px; } html .page .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .page .group-sm > * { display: inline-block; margin-top: 0; margin-bottom: 10px; margin-left: 18px; } html .page .group-lg { margin-bottom: -10px; margin-left: -20px; } html .page .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .page .group-lg > * { display: inline-block; margin-top: 0; margin-bottom: 10px; margin-left: 20px; } html .page .group-xl { margin-bottom: -27px; margin-left: -27px; } html .page .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .page .group-xl > * { display: inline-block; margin-top: 0; margin-bottom: 27px; margin-left: 27px; } html .page .group-top > *, html .page .group-top > *:first-child { vertical-align: top; } html .page .group-end { display: flex; flex-wrap: wrap; align-items: flex-end; } html .page .group-horizontal-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } html .page .group-middle { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } html .page .group-bottom > *, html .page .group-bottom > *:first-child { vertical-align: bottom; } .group-between { display: flex; flex-direction: column; } @media (min-width: 768px) { .group-between { flex-direction: row; justify-content: space-between; align-items: center; } } .group-between * + .rd-mailform { margin-top: 20px; } @media (min-width: 768px) { .group-between * + .rd-mailform { margin-top: 0; margin-left: 10px; } } .group-between .form-wrap + .form-button { margin-top: 10px; } @media (min-width: 576px) { .group-between .form-wrap + .form-button { margin-top: 0; margin-left: 10px; } } .group-between .rd-mailform-inline { flex-direction: column; width: 100%; } @media (min-width: 576px) { .group-between .rd-mailform-inline { flex-direction: row; } } @media (min-width: 576px) { .group-between .button { margin-left: 0; } } .group-post-comment { display: flex; flex-direction: column; align-items: center; } @media (min-width: 480px) { .group-post-comment { justify-content: space-between; flex-direction: row; align-items: flex-start; } } /* * * Contexts * -------------------------------------------------- */ .box-services-modern h1, .box-info h1, .context-dark h1, .bg-accent h1, .bg-accent-dark h1, .bg-gray-darker h1, .bg-gray-5 h1, .parallax-container h1, .bg-image h1, .swiper-bg-content h1, .swiper-slide h1, .box-services-modern .h1, .box-info .h1, .context-dark .h1, .bg-accent .h1, .bg-accent-dark .h1, .bg-gray-darker .h1, .bg-gray-5 .h1, .parallax-container .h1, .bg-image .h1, .swiper-bg-content .h1, .swiper-slide .h1, .box-services-modern h2, .box-info h2, .context-dark h2, .bg-accent h2, .bg-accent-dark h2, .bg-gray-darker h2, .bg-gray-5 h2, .parallax-container h2, .bg-image h2, .swiper-bg-content h2, .swiper-slide h2, .box-services-modern .h2, .box-info .h2, .context-dark .h2, .bg-accent .h2, .bg-accent-dark .h2, .bg-gray-darker .h2, .bg-gray-5 .h2, .parallax-container .h2, .bg-image .h2, .swiper-bg-content .h2, .swiper-slide .h2, .box-services-modern h3, .box-info h3, .context-dark h3, .bg-accent h3, .bg-accent-dark h3, .bg-gray-darker h3, .bg-gray-5 h3, .parallax-container h3, .bg-image h3, .swiper-bg-content h3, .swiper-slide h3, .box-services-modern .h3, .box-info .h3, .context-dark .h3, .bg-accent .h3, .bg-accent-dark .h3, .bg-gray-darker .h3, .bg-gray-5 .h3, .parallax-container .h3, .bg-image .h3, .swiper-bg-content .h3, .swiper-slide .h3, .box-services-modern h4, .box-info h4, .context-dark h4, .bg-accent h4, .bg-accent-dark h4, .bg-gray-darker h4, .bg-gray-5 h4, .parallax-container h4, .bg-image h4, .swiper-bg-content h4, .swiper-slide h4, .box-services-modern .h4, .box-info .h4, .context-dark .h4, .bg-accent .h4, .bg-accent-dark .h4, .bg-gray-darker .h4, .bg-gray-5 .h4, .parallax-container .h4, .bg-image .h4, .swiper-bg-content .h4, .swiper-slide .h4, .box-services-modern h5, .box-info h5, .context-dark h5, .bg-accent h5, .bg-accent-dark h5, .bg-gray-darker h5, .bg-gray-5 h5, .parallax-container h5, .bg-image h5, .swiper-bg-content h5, .swiper-slide h5, .box-services-modern .h5, .box-info .h5, .context-dark .h5, .bg-accent .h5, .bg-accent-dark .h5, .bg-gray-darker .h5, .bg-gray-5 .h5, .parallax-container .h5, .bg-image .h5, .swiper-bg-content .h5, .swiper-slide .h5, .box-services-modern h6, .box-info h6, .context-dark h6, .bg-accent h6, .bg-accent-dark h6, .bg-gray-darker h6, .bg-gray-5 h6, .parallax-container h6, .bg-image h6, .swiper-bg-content h6, .swiper-slide h6, .box-services-modern .h6, .box-info .h6, .context-dark .h6, .bg-accent .h6, .bg-accent-dark .h6, .bg-gray-darker .h6, .bg-gray-5 .h6, .parallax-container .h6, .bg-image .h6, .swiper-bg-content .h6, .swiper-slide .h6, .box-services-modern, .box-info, .context-dark, .bg-accent, .bg-accent-dark, .bg-gray-darker, .bg-gray-5, .parallax-container, .bg-image, .swiper-bg-content, .swiper-slide { color: #fff; } .layout-panel-wrap h1, .context-light h1, .layout-panel-wrap .h1, .context-light .h1, .layout-panel-wrap h2, .context-light h2, .layout-panel-wrap .h2, .context-light .h2, .layout-panel-wrap h3, .context-light h3, .layout-panel-wrap .h3, .context-light .h3, .layout-panel-wrap h4, .context-light h4, .layout-panel-wrap .h4, .context-light .h4, .layout-panel-wrap h5, .context-light h5, .layout-panel-wrap .h5, .context-light .h5, .layout-panel-wrap h6, .context-light h6, .layout-panel-wrap .h6, .context-light .h6, .layout-panel-wrap, .context-light { color: #000; } /* * * Sections * -------------------------------------------------- */ .section-partners { padding: 15px 30px; } .section-30 { padding-top: 30px; padding-bottom: 30px; } .section-40 { padding-top: 40px; padding-bottom: 40px; } .section-50 { padding-top: 50px; padding-bottom: 50px; } .section-elements-1 { padding-top: 70px; padding-bottom: 30px; } .section-custom-1 { padding-top: 70px; padding-bottom: 50px; } .section-custom-2 { padding-top: 50px; padding-bottom: 70px; } .section-xs, .section-sm, .section-md, .section-lg, .section-xlg { padding-top: 70px; padding-bottom: 70px; } .section-xxl { padding-top: 90px; padding-bottom: 90px; } @media (min-width: 768px) { .section-partners { padding-left: 50px; padding-right: 50px; } .section-sm { padding-top: 80px; padding-bottom: 80px; } .section-md { padding-top: 90px; padding-bottom: 90px; } .section-lg { padding-top: 100px; padding-bottom: 100px; } .section-xlg { padding-top: 120px; padding-bottom: 120px; } .section-xl { padding-top: 154px; padding-bottom: 154px; } .section-elements-1 { padding-top: 84px; } .section-md-90 { padding-top: 90px; padding-bottom: 90px; } *.section-md-0 { padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { *.section-lg-top-84 { padding-top: 84px; } *.section-lg-bottom-30 { padding-bottom: 30px; } *.section-lg-bottom-100 { padding-bottom: 100px; } *.section-lg-top-120 { padding-top: 120px; } .section-lg-30 { padding-top: 30px; padding-bottom: 30px; } .section-lg-70 { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 1600px) { .section-partners { padding-left: 0px; padding-right: 0px; } } *.section-bottom-0 { padding-bottom: 0; } *.section-top-0 { padding-top: 0; } *.section-lg-bottom-50 { padding-bottom: 50px; } *.section-lg-top-50 { padding-top: 50px; } *.section-bottom-100 { padding-bottom: 100px; } .section-relative { position: relative; z-index: 1; } .index-2 { z-index: 2; } .index-3 { z-index: 3; } @media (max-width: 479.98px) { .section-grid-demonstration [class^="col"] { padding: 5px; } } .section-grid-demonstration .grid-demonstration-item { background: #ccc; } @media (min-width: 768px) { .section-grid-demonstration .grid-demonstration-item { padding: 35px 30px; text-align: left; } } @media (max-width: 991.98px) { .section-grid-demonstration .grid-demonstration-item h3 { font-size: 16px; line-height: 16px; } .section-grid-demonstration .grid-demonstration-item p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } } .section-grid-demonstration .divider + .row { margin-top: 35px; } /* * * Offsets * -------------------------------------------------- */ * + p { margin-top: 15px; } p + p { margin-top: 20px; } p.big + p { margin-top: 28px; } h1 + h2 { margin-top: 14px; } h2 + h3 { margin-top: 11px; } h3 + h4 { margin-top: 11px; } h4 + h5 { margin-top: 11px; } h5 + h6 { margin-top: 11px; } h2 + h6 { margin-top: 6px; } h1 + p { margin-top: 18px; } h2 + p { margin-top: 18px; } h3 + p { margin-top: 7px; } h4 + p { margin-top: 18px; } h5 + p { margin-top: 2px; } h6 + p { margin-top: 4px; } h6 + p.big { margin-top: 26px; } p + h2 { margin-top: 40px; } p + h3 { margin-top: 45px; } p + h4 { margin-top: 45px; } p + h5 { margin-top: 40px; } p + h6 { margin-top: 45px; } img + p { margin-top: 12px; } h2 + img { margin-top: 45px; } h3 + img { margin-top: 30px; } h3 + address { margin-top: 30px; } ul + ul { margin-top: 24px; } h2 + h2 { margin-top: 10px; } h5 + h5 { margin-top: 12px; } h2 + .big.text-bold { margin-top: 16px; } h2 + .isotope-wrap { margin-top: 30px; } h3 + .quote { margin-top: 30px; } h3 + .unit { margin-top: 30px; } h3 + .list { margin-top: 30px; } h3 + .tabs-custom { margin-top: 30px; } h3 + .card-custom-group { margin-top: 30px; } h3 + .group-lg { margin-top: 10px; } h3 + .row-md { margin-top: 30px; } h3 + .rd-mailform { margin-top: 10px; } h3 + .list-marked { margin-top: 28px; } h3 + .isotope-wrap { margin-top: 30px; } h5 + .list-sec { margin-top: 4px; } h5 + .rd-mailform { margin-top: 20px; } h5 + .list-social { margin-top: 20px; } h6 + .button { margin-top: 14px; } p + .list { margin-top: 12px; } p + .list-marked { margin-top: 10px; } p + .offset-top-14 { margin-top: 14px; } p + .offset-top-22 { margin-top: 22px; } p + .link-wrap { margin-top: 40px; } p + .group-button-blog { margin-top: 10px; } p + .group-lg { margin-top: 25px; } p + .rd-mailform { margin-top: 16px; } p + .offset-none { margin-top: 0; } p + .wrap-img { margin-top: 20px; } p + .group-xs { margin-top: 17px; } h3 + .group-xs { margin-top: 10px; } p + .group-sm { margin-top: 12px; } p.big + .button { margin-top: 25px; } p.big + .button-wrap { margin-top: 20px; } p.big + .list { margin-top: 32px; } p.big + .offset-top-16 { margin-top: 16px; } p.big + .group-xs { margin-top: 30px; } .p + .row { margin-top: 20px; } * + .rd-mailform { margin-top: 30px; } * + .owl-carousel { margin-top: 33px; } * + .button { margin-top: 20px; } * + .button-wrap { margin-top: 20px; } * + .box-icon-2 { margin-top: 30px; } * + .box-call-us { margin-top: 90px; } * + .contacts-gmap { margin-top: 25px; } * + .pagination-wrap { margin-top: 30px; } * + .offset-top-0 { margin-top: 0px; } * + .offset-top-2 { margin-top: 2px; } * + .offset-top-25 { margin-top: 25px; } * + .offset-top-28 { margin-top: 28px; } * + .offset-top-30 { margin-top: 30px; } .row + h3 { margin-top: 30px; } .post-meta-default + h3 { margin-top: 8px; } .list-sec + h5 { margin-top: 40px; } .list + p { margin-top: 10px; } .list-marked + p { margin-top: 20px; } .heading-6 + p { margin-top: 12px; } .bg-image + p { margin-top: 25px; } .wrap-logo + * { margin-top: 25px; } .container + .container { margin-top: 60px; } .container + .container-fluid { margin-top: 30px; } .row + .offset-top-85 { margin-top: 85px; } .row + .section-xxlg { margin-top: 50px; } .container + .offset-top-90 { margin-top: 90px; } .group-lg + .heading-4 { margin-top: 18px; } .group-xs + .group-xs { margin-top: 30px; } .heading-3 + .rd-mailform { margin-top: 10px; } .quote-creative + .quote-creative { margin-top: 50px; } .box-contacts + .box-contacts { margin-top: 45px; } .post-img + .post-classic-body { margin-top: 14px; } .post-classic-sec + .post-classic-sec { margin-top: 30px; } .post-classic-sec + .pagination-wrap { margin-top: 22px; } .group-xs + .group-button-blog { margin-top: 8px; } .owl-classic + .button { margin-top: 40px; } @media (min-width: 768px) { h1 + p { margin-top: 22px; } h2 + p { margin-top: 22px; } h4 + p { margin-top: 26px; } p.big + .button { margin-top: 35px; } * + .button { margin-top: 30px; } * + .button-white { margin-top: 38px; } * + .button-wrap { margin-top: 30px; } } html .row-90 { transform: translateY(-90px); margin-bottom: -90px; } html .row-90 > * { margin-top: 90px; } html .row-60 { transform: translateY(-60px); margin-bottom: -60px; } html .row-60 > * { margin-top: 60px; } html .row-50 { transform: translateY(-50px); margin-bottom: -50px; } html .row-50 > * { margin-top: 50px; } @media (min-width: 992px) { html .row-50 > .offset-md-top-18 { margin-top: 38px; } } html .row-40 { transform: translateY(-40px); margin-bottom: -40px; } html .row-40 > * { margin-top: 40px; } html .row-45 { transform: translateY(-45px); margin-bottom: -45px; } html .row-45 > * { margin-top: 45px; } html .row-30 { transform: translateY(-30px); margin-bottom: -30px; } html .row-30 > * { margin-top: 30px; } html .row-20 { transform: translateY(-20px); margin-bottom: -20px; } html .row-20 > * { margin-top: 20px; } html .row-15 { transform: translateY(-15px); margin-bottom: -15px; } html .row-15 > * { margin-top: 15px; } html .row-10 { transform: translateY(-10px); margin-bottom: -10px; } html .row-10 > * { margin-top: 10px; } html .row-0 { transform: translateY(0px); margin-bottom: 0px; } html .row-0 > * { margin-top: 0px; } @media (min-width: 768px) { html .row-md-50 { transform: translateY(-50px); margin-bottom: -50px; } html .row-md-50 > * { margin-top: 50px; } } @media (min-width: 992px) { html .row-lg-30 { transform: translateY(-30px); margin-bottom: -30px; } html .row-lg-30 > * { margin-top: 30px; } html .row-lg-90 { transform: translateY(-90px); margin-bottom: -90px; } html .row-lg-90 > * { margin-top: 90px; } } @media (min-width: 1200px) { html .row-xl-15 { transform: translateY(-15px); margin-bottom: -15px; } html .row-xl-15 > * { margin-top: 15px; } html .row-xl-50 { transform: translateY(-50px); margin-bottom: -50px; } html .row-xl-50 > * { margin-top: 50px; } } .section-typography-body p + h2 { margin-top: 90px; } .section-typography-body p + h3 { margin-top: 90px; } .section-typography-body p + h4 { margin-top: 90px; } .section-typography-body p + h5 { margin-top: 90px; } .section-typography-body p + h6 { margin-top: 90px; } .text-center.container > [class*='text-width-'], .text-center > .container > [class*='text-width-'] { margin-left: auto; margin-right: auto; } .block-centered { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .block-md-right { margin-left: auto; margin-right: 0; } } .text-width-370 { max-width: 370px; } .text-width-smaller { max-width: 400px; } .text-width-430 { max-width: 430px; } .text-width-small { max-width: 450px; } .text-width-500 { max-width: 500px; } .text-width-medium { max-width: 550px; } .text-width-580 { max-width: 580px; } .text-width-large { max-width: 630px; } .text-width-650 { max-width: 650px; } .text-width-800 { max-width: 800px; } .max-width-180 { max-width: 180px; } .box-width-370 { max-width: 370px; } @media (min-width: 768px) { .box-width-sm-270 { max-width: 270px; } .text-width-sm-340 { max-width: 340px; } } @media (min-width: 992px) { .row-width-custom { max-width: 470px; } } @media (min-width: 1200px) { .row-width-custom { max-width: 500px; } } @media (min-width: 1600px) { .row-width-custom { max-width: 600px; } } .min-height-100 { min-height: 100%; } .min-width-100 { min-width: 100%; } .ie-10 .min-height-100, .ie-11 .min-height-100, .ie-edge .min-height-100 { height: 100%; } .image-circles { border-radius: 50%; } .inset-horizontal-15 { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .inset-left-sm-50 { padding-left: 50px; } } @media (min-width: 1200px) { .inset-left-lg-45 { padding-left: 45px; } .inset-right-lg-150 { padding-right: 150px; } } @media (min-width: 992px) { html .offset-negative-md-top-9 { margin-top: -9px; } html .offset-negative-md-left-20 { margin-left: -20px; } } @media (min-width: 1200px) { html .offset-negative-lg-top-140 { margin-top: -140px; } html .offset-negative-lg-top-154 { margin-top: -154px; } } @media (max-width: 479.98px) { .order-xxs-last { order: 1; } } @media (max-width: 575.98px) { .order-xs-first { order: -1; } } @media (max-width: 991.98px) { .order-md-last { order: 1; } } @media (min-width: 768px) { .unit-middle.unit-sm-top-custom { align-items: flex-start; } } .heading-custom h2 { letter-spacing: .05em; } .heading-custom h5 { line-height: 1.33; } .heading-custom h2 + h5 { margin-top: 16px; } .heading-custom h5 + h4 { margin-top: 16px; } * + .link-privacy { margin-top: 30px; } .row-no-gutter { margin-left: 0; margin-right: 0; } .row-no-gutter > [class*='col'] { padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .row-lg-5-column > [class*='col'] { width: 20%; } } @media (max-width: 991.98px) { .row-gutter-custom { margin-left: -8px; margin-right: -8px; } .row-gutter-custom > [class*='col'] { padding-left: 8px; padding-right: 8px; } } .grid-demonstration { font-weight: 400; letter-spacing: 0; text-align: left; } .grid-demonstration h3 + .row { margin-top: 30px; } @media (max-width: 1199.98px) { .grid-demonstration p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .container-fullwidth.grid-demonstration * + p { margin-top: 12px; } .container-fullwidth.grid-demonstration [class*='col'] { padding: 15px 10px; } @media (min-width: 768px) { .container-fullwidth.grid-demonstration [class*='col'] { padding: 20px 30px; } } @media (min-width: 1200px) { .container-fullwidth.grid-demonstration [class*='col'] { padding: 20px 30px 40px; } } @media (min-width: 1400px) { .container-fullwidth.grid-demonstration .row { padding-right: 50px; padding-left: 50px; margin-left: -10px; margin-right: -10px; } } .container.grid-demonstration * + p { margin-top: 12px; } .grid-system-bordered [class*='col'] { padding-top: 15px; padding-bottom: 15px; } .grid-system-bordered .row { border-top: 1px solid #eee; } @media (min-width: 992px) { .grid-system-bordered [class*='col'] { padding-bottom: 20px; } } @media (min-width: 1200px) { .grid-system-bordered [class*='col'] { padding-top: 20px; padding-bottom: 40px; } } .grid-system-outline .row { border: 1px solid #eee; border-width: 1px 1px 0 1px; } .grid-system-outline .row:last-child { border-bottom-width: 1px; } .grid-system-outline [class*='col']:not(:last-child) { border-right: 1px solid #eee; } .grid-system-outline .row + .row { margin-top: 0; } .row-custom-bordered [class*='cell'] { border-style: solid; border-color: #e8e8e8; border-width: 0; } .row-custom-bordered [class*='cell']:nth-child(n + 2) { border-width: 1px 0 0 0; } @media (min-width: 576px) { .row-custom-bordered .col-sm-6:nth-child(odd) { border-width: 0 1px 1px 0; } .row-custom-bordered .col-sm-6:nth-child(even) { border-width: 0 0 1px 0; } } @media (min-width: 768px) { .row-custom-bordered .col-md-3:first-child { border-width: 0 1px 0 1px; } .row-custom-bordered .col-md-3:nth-child(n + 2) { border-width: 0 1px 0 0; } .row-custom-bordered .col-md-4:nth-child(n) { border-width: 0; } .row-custom-bordered .col-md-4:nth-child(n + 2) { border-width: 0 0 0 1px; } } * + .container-fullwidth { margin-top: 30px; } .box-services-modern, .box-info, .context-dark, .bg-accent, .bg-accent-dark, .bg-gray-darker, .bg-gray-5, .parallax-container, .bg-image, .swiper-bg-content, .swiper-slide { color: #fff; } .box-services-modern h1, .box-info h1, .context-dark h1, .bg-accent h1, .bg-accent-dark h1, .bg-gray-darker h1, .bg-gray-5 h1, .parallax-container h1, .bg-image h1, .swiper-bg-content h1, .swiper-slide h1, .box-services-modern h2, .box-info h2, .context-dark h2, .bg-accent h2, .bg-accent-dark h2, .bg-gray-darker h2, .bg-gray-5 h2, .parallax-container h2, .bg-image h2, .swiper-bg-content h2, .swiper-slide h2, .box-services-modern h3, .box-info h3, .context-dark h3, .bg-accent h3, .bg-accent-dark h3, .bg-gray-darker h3, .bg-gray-5 h3, .parallax-container h3, .bg-image h3, .swiper-bg-content h3, .swiper-slide h3, .box-services-modern h4, .box-info h4, .context-dark h4, .bg-accent h4, .bg-accent-dark h4, .bg-gray-darker h4, .bg-gray-5 h4, .parallax-container h4, .bg-image h4, .swiper-bg-content h4, .swiper-slide h4, .box-services-modern h5, .box-info h5, .context-dark h5, .bg-accent h5, .bg-accent-dark h5, .bg-gray-darker h5, .bg-gray-5 h5, .parallax-container h5, .bg-image h5, .swiper-bg-content h5, .swiper-slide h5, .box-services-modern h6, .box-info h6, .context-dark h6, .bg-accent h6, .bg-accent-dark h6, .bg-gray-darker h6, .bg-gray-5 h6, .parallax-container h6, .bg-image h6, .swiper-bg-content h6, .swiper-slide h6, .box-services-modern .heading-1, .box-info .heading-1, .context-dark .heading-1, .bg-accent .heading-1, .bg-accent-dark .heading-1, .bg-gray-darker .heading-1, .bg-gray-5 .heading-1, .parallax-container .heading-1, .bg-image .heading-1, .swiper-bg-content .heading-1, .swiper-slide .heading-1, .box-services-modern .heading-2, .box-info .heading-2, .context-dark .heading-2, .bg-accent .heading-2, .bg-accent-dark .heading-2, .bg-gray-darker .heading-2, .bg-gray-5 .heading-2, .parallax-container .heading-2, .bg-image .heading-2, .swiper-bg-content .heading-2, .swiper-slide .heading-2, .box-services-modern .heading-3, .box-info .heading-3, .context-dark .heading-3, .bg-accent .heading-3, .bg-accent-dark .heading-3, .bg-gray-darker .heading-3, .bg-gray-5 .heading-3, .parallax-container .heading-3, .bg-image .heading-3, .swiper-bg-content .heading-3, .swiper-slide .heading-3, .box-services-modern .heading-4, .box-info .heading-4, .context-dark .heading-4, .bg-accent .heading-4, .bg-accent-dark .heading-4, .bg-gray-darker .heading-4, .bg-gray-5 .heading-4, .parallax-container .heading-4, .bg-image .heading-4, .swiper-bg-content .heading-4, .swiper-slide .heading-4, .box-services-modern .heading-5, .box-info .heading-5, .context-dark .heading-5, .bg-accent .heading-5, .bg-accent-dark .heading-5, .bg-gray-darker .heading-5, .bg-gray-5 .heading-5, .parallax-container .heading-5, .bg-image .heading-5, .swiper-bg-content .heading-5, .swiper-slide .heading-5, .box-services-modern .heading-6, .box-info .heading-6, .context-dark .heading-6, .bg-accent .heading-6, .bg-accent-dark .heading-6, .bg-gray-darker .heading-6, .bg-gray-5 .heading-6, .parallax-container .heading-6, .bg-image .heading-6, .swiper-bg-content .heading-6, .swiper-slide .heading-6 { color: #fff; text-shadow: 1px 1px 1px black; } .box-services-modern .icon-default, .box-info .icon-default, .context-dark .icon-default, .bg-accent .icon-default, .bg-accent-dark .icon-default, .bg-gray-darker .icon-default, .bg-gray-5 .icon-default, .parallax-container .icon-default, .bg-image .icon-default, .swiper-bg-content .icon-default, .swiper-slide .icon-default { color: #fff; } .box-services-modern .quote div span, .box-info .quote div span, .context-dark .quote div span, .bg-accent .quote div span, .bg-accent-dark .quote div span, .bg-gray-darker .quote div span, .bg-gray-5 .quote div span, .parallax-container .quote div span, .bg-image .quote div span, .swiper-bg-content .quote div span, .swiper-slide .quote div span, .box-services-modern .quote cite, .box-info .quote cite, .context-dark .quote cite, .bg-accent .quote cite, .bg-accent-dark .quote cite, .bg-gray-darker .quote cite, .bg-gray-5 .quote cite, .parallax-container .quote cite, .bg-image .quote cite, .swiper-bg-content .quote cite, .swiper-slide .quote cite { color: inherit; } .box-services-modern .quote-creative svg, .box-info .quote-creative svg, .context-dark .quote-creative svg, .bg-accent .quote-creative svg, .bg-accent-dark .quote-creative svg, .bg-gray-darker .quote-creative svg, .bg-gray-5 .quote-creative svg, .parallax-container .quote-creative svg, .bg-image .quote-creative svg, .swiper-bg-content .quote-creative svg, .swiper-slide .quote-creative svg { fill: #fff; } .box-services-modern .box-counter-modern:before, .box-info .box-counter-modern:before, .context-dark .box-counter-modern:before, .bg-accent .box-counter-modern:before, .bg-accent-dark .box-counter-modern:before, .bg-gray-darker .box-counter-modern:before, .bg-gray-5 .box-counter-modern:before, .parallax-container .box-counter-modern:before, .bg-image .box-counter-modern:before, .swiper-bg-content .box-counter-modern:before, .swiper-slide .box-counter-modern:before { border-color: rgba(255, 255, 255, 0.3); } .box-services-modern .box-counter, .box-info .box-counter, .context-dark .box-counter, .bg-accent .box-counter, .bg-accent-dark .box-counter, .bg-gray-darker .box-counter, .bg-gray-5 .box-counter, .parallax-container .box-counter, .bg-image .box-counter, .swiper-bg-content .box-counter, .swiper-slide .box-counter { color: #fff; } .box-services-modern .button-primary-dark:before, .box-info .button-primary-dark:before, .context-dark .button-primary-dark:before, .bg-accent .button-primary-dark:before, .bg-accent-dark .button-primary-dark:before, .bg-gray-darker .button-primary-dark:before, .bg-gray-5 .button-primary-dark:before, .parallax-container .button-primary-dark:before, .bg-image .button-primary-dark:before, .swiper-bg-content .button-primary-dark:before, .swiper-slide .button-primary-dark:before, .box-services-modern .button-primary:before, .box-info .button-primary:before, .context-dark .button-primary:before, .bg-accent .button-primary:before, .bg-accent-dark .button-primary:before, .bg-gray-darker .button-primary:before, .bg-gray-5 .button-primary:before, .parallax-container .button-primary:before, .bg-image .button-primary:before, .swiper-bg-content .button-primary:before, .swiper-slide .button-primary:before { border-color: rgba(255, 255, 255, 0.3); } .box-services-modern .form-request .button::before, .box-info .form-request .button::before, .context-dark .form-request .button::before, .bg-accent .form-request .button::before, .bg-accent-dark .form-request .button::before, .bg-gray-darker .form-request .button::before, .bg-gray-5 .form-request .button::before, .parallax-container .form-request .button::before, .bg-image .form-request .button::before, .swiper-bg-content .form-request .button::before, .swiper-slide .form-request .button::before { border-color: #f5f5f5; } .box-services-modern .post-classic h6, .box-info .post-classic h6, .context-dark .post-classic h6, .bg-accent .post-classic h6, .bg-accent-dark .post-classic h6, .bg-gray-darker .post-classic h6, .bg-gray-5 .post-classic h6, .parallax-container .post-classic h6, .bg-image .post-classic h6, .swiper-bg-content .post-classic h6, .swiper-slide .post-classic h6 { color: #33b234; } .box-services-modern .post-classic h6 a, .box-info .post-classic h6 a, .context-dark .post-classic h6 a, .bg-accent .post-classic h6 a, .bg-accent-dark .post-classic h6 a, .bg-gray-darker .post-classic h6 a, .bg-gray-5 .post-classic h6 a, .parallax-container .post-classic h6 a, .bg-image .post-classic h6 a, .swiper-bg-content .post-classic h6 a, .swiper-slide .post-classic h6 a, .box-services-modern .post-classic h6 a:active, .box-info .post-classic h6 a:active, .context-dark .post-classic h6 a:active, .bg-accent .post-classic h6 a:active, .bg-accent-dark .post-classic h6 a:active, .bg-gray-darker .post-classic h6 a:active, .bg-gray-5 .post-classic h6 a:active, .parallax-container .post-classic h6 a:active, .bg-image .post-classic h6 a:active, .swiper-bg-content .post-classic h6 a:active, .swiper-slide .post-classic h6 a:active, .box-services-modern .post-classic h6 a:focus, .box-info .post-classic h6 a:focus, .context-dark .post-classic h6 a:focus, .bg-accent .post-classic h6 a:focus, .bg-accent-dark .post-classic h6 a:focus, .bg-gray-darker .post-classic h6 a:focus, .bg-gray-5 .post-classic h6 a:focus, .parallax-container .post-classic h6 a:focus, .bg-image .post-classic h6 a:focus, .swiper-bg-content .post-classic h6 a:focus, .swiper-slide .post-classic h6 a:focus { color: inherit; } .box-services-modern .post-classic h6 a:hover, .box-info .post-classic h6 a:hover, .context-dark .post-classic h6 a:hover, .bg-accent .post-classic h6 a:hover, .bg-accent-dark .post-classic h6 a:hover, .bg-gray-darker .post-classic h6 a:hover, .bg-gray-5 .post-classic h6 a:hover, .parallax-container .post-classic h6 a:hover, .bg-image .post-classic h6 a:hover, .swiper-bg-content .post-classic h6 a:hover, .swiper-slide .post-classic h6 a:hover { color: #214910; } .box-services-modern .box-services-modern h6 a, .box-info .box-services-modern h6 a, .context-dark .box-services-modern h6 a, .bg-accent .box-services-modern h6 a, .bg-accent-dark .box-services-modern h6 a, .bg-gray-darker .box-services-modern h6 a, .bg-gray-5 .box-services-modern h6 a, .parallax-container .box-services-modern h6 a, .bg-image .box-services-modern h6 a, .swiper-bg-content .box-services-modern h6 a, .swiper-slide .box-services-modern h6 a, .box-services-modern .box-services-modern h6 a:active, .box-info .box-services-modern h6 a:active, .context-dark .box-services-modern h6 a:active, .bg-accent .box-services-modern h6 a:active, .bg-accent-dark .box-services-modern h6 a:active, .bg-gray-darker .box-services-modern h6 a:active, .bg-gray-5 .box-services-modern h6 a:active, .parallax-container .box-services-modern h6 a:active, .bg-image .box-services-modern h6 a:active, .swiper-bg-content .box-services-modern h6 a:active, .swiper-slide .box-services-modern h6 a:active, .box-services-modern .box-services-modern h6 a:focus, .box-info .box-services-modern h6 a:focus, .context-dark .box-services-modern h6 a:focus, .bg-accent .box-services-modern h6 a:focus, .bg-accent-dark .box-services-modern h6 a:focus, .bg-gray-darker .box-services-modern h6 a:focus, .bg-gray-5 .box-services-modern h6 a:focus, .parallax-container .box-services-modern h6 a:focus, .bg-image .box-services-modern h6 a:focus, .swiper-bg-content .box-services-modern h6 a:focus, .swiper-slide .box-services-modern h6 a:focus { color: inherit; } .box-services-modern .box-services-modern h6 a:hover, .box-info .box-services-modern h6 a:hover, .context-dark .box-services-modern h6 a:hover, .bg-accent .box-services-modern h6 a:hover, .bg-accent-dark .box-services-modern h6 a:hover, .bg-gray-darker .box-services-modern h6 a:hover, .bg-gray-5 .box-services-modern h6 a:hover, .parallax-container .box-services-modern h6 a:hover, .bg-image .box-services-modern h6 a:hover, .swiper-bg-content .box-services-modern h6 a:hover, .swiper-slide .box-services-modern h6 a:hover { color: #214910; } .box-services-modern .counter-creative-wrap-2, .box-info .counter-creative-wrap-2, .context-dark .counter-creative-wrap-2, .bg-accent .counter-creative-wrap-2, .bg-accent-dark .counter-creative-wrap-2, .bg-gray-darker .counter-creative-wrap-2, .bg-gray-5 .counter-creative-wrap-2, .parallax-container .counter-creative-wrap-2, .bg-image .counter-creative-wrap-2, .swiper-bg-content .counter-creative-wrap-2, .swiper-slide .counter-creative-wrap-2 { color: rgba(255, 255, 255, 0.6); } .box-services-modern .owl-prev, .box-info .owl-prev, .context-dark .owl-prev, .bg-accent .owl-prev, .bg-accent-dark .owl-prev, .bg-gray-darker .owl-prev, .bg-gray-5 .owl-prev, .parallax-container .owl-prev, .bg-image .owl-prev, .swiper-bg-content .owl-prev, .swiper-slide .owl-prev, .box-services-modern .owl-next, .box-info .owl-next, .context-dark .owl-next, .bg-accent .owl-next, .bg-accent-dark .owl-next, .bg-gray-darker .owl-next, .bg-gray-5 .owl-next, .parallax-container .owl-next, .bg-image .owl-next, .swiper-bg-content .owl-next, .swiper-slide .owl-next { color: #fff; } .box-services-modern .owl-nav-creative .owl-prev, .box-info .owl-nav-creative .owl-prev, .context-dark .owl-nav-creative .owl-prev, .bg-accent .owl-nav-creative .owl-prev, .bg-accent-dark .owl-nav-creative .owl-prev, .bg-gray-darker .owl-nav-creative .owl-prev, .bg-gray-5 .owl-nav-creative .owl-prev, .parallax-container .owl-nav-creative .owl-prev, .bg-image .owl-nav-creative .owl-prev, .swiper-bg-content .owl-nav-creative .owl-prev, .swiper-slide .owl-nav-creative .owl-prev, .box-services-modern .owl-nav-creative .owl-next, .box-info .owl-nav-creative .owl-next, .context-dark .owl-nav-creative .owl-next, .bg-accent .owl-nav-creative .owl-next, .bg-accent-dark .owl-nav-creative .owl-next, .bg-gray-darker .owl-nav-creative .owl-next, .bg-gray-5 .owl-nav-creative .owl-next, .parallax-container .owl-nav-creative .owl-next, .bg-image .owl-nav-creative .owl-next, .swiper-bg-content .owl-nav-creative .owl-next, .swiper-slide .owl-nav-creative .owl-next { color: #fff; } .box-services-modern .owl-nav-default .owl-prev:after, .box-info .owl-nav-default .owl-prev:after, .context-dark .owl-nav-default .owl-prev:after, .bg-accent .owl-nav-default .owl-prev:after, .bg-accent-dark .owl-nav-default .owl-prev:after, .bg-gray-darker .owl-nav-default .owl-prev:after, .bg-gray-5 .owl-nav-default .owl-prev:after, .parallax-container .owl-nav-default .owl-prev:after, .bg-image .owl-nav-default .owl-prev:after, .swiper-bg-content .owl-nav-default .owl-prev:after, .swiper-slide .owl-nav-default .owl-prev:after, .box-services-modern .owl-nav-default .owl-next:after, .box-info .owl-nav-default .owl-next:after, .context-dark .owl-nav-default .owl-next:after, .bg-accent .owl-nav-default .owl-next:after, .bg-accent-dark .owl-nav-default .owl-next:after, .bg-gray-darker .owl-nav-default .owl-next:after, .bg-gray-5 .owl-nav-default .owl-next:after, .parallax-container .owl-nav-default .owl-next:after, .bg-image .owl-nav-default .owl-next:after, .swiper-bg-content .owl-nav-default .owl-next:after, .swiper-slide .owl-nav-default .owl-next:after { background: #fff; } .box-services-modern .owl-dot, .box-info .owl-dot, .context-dark .owl-dot, .bg-accent .owl-dot, .bg-accent-dark .owl-dot, .bg-gray-darker .owl-dot, .bg-gray-5 .owl-dot, .parallax-container .owl-dot, .bg-image .owl-dot, .swiper-bg-content .owl-dot, .swiper-slide .owl-dot { border: 2px solid #fff; } .box-services-modern .owl-dot:hover, .box-info .owl-dot:hover, .context-dark .owl-dot:hover, .bg-accent .owl-dot:hover, .bg-accent-dark .owl-dot:hover, .bg-gray-darker .owl-dot:hover, .bg-gray-5 .owl-dot:hover, .parallax-container .owl-dot:hover, .bg-image .owl-dot:hover, .swiper-bg-content .owl-dot:hover, .swiper-slide .owl-dot:hover, .box-services-modern .owl-dot:focus, .box-info .owl-dot:focus, .context-dark .owl-dot:focus, .bg-accent .owl-dot:focus, .bg-accent-dark .owl-dot:focus, .bg-gray-darker .owl-dot:focus, .bg-gray-5 .owl-dot:focus, .parallax-container .owl-dot:focus, .bg-image .owl-dot:focus, .swiper-bg-content .owl-dot:focus, .swiper-slide .owl-dot:focus { background: white; } .box-services-modern .owl-dot.active, .box-info .owl-dot.active, .context-dark .owl-dot.active, .bg-accent .owl-dot.active, .bg-accent-dark .owl-dot.active, .bg-gray-darker .owl-dot.active, .bg-gray-5 .owl-dot.active, .parallax-container .owl-dot.active, .bg-image .owl-dot.active, .swiper-bg-content .owl-dot.active, .swiper-slide .owl-dot.active { background: white; } .box-services-modern .question:before, .box-info .question:before, .context-dark .question:before, .bg-accent .question:before, .bg-accent-dark .question:before, .bg-gray-darker .question:before, .bg-gray-5 .question:before, .parallax-container .question:before, .bg-image .question:before, .swiper-bg-content .question:before, .swiper-slide .question:before, .box-services-modern p.answer:before, .box-info p.answer:before, .context-dark p.answer:before, .bg-accent p.answer:before, .bg-accent-dark p.answer:before, .bg-gray-darker p.answer:before, .bg-gray-5 p.answer:before, .parallax-container p.answer:before, .bg-image p.answer:before, .swiper-bg-content p.answer:before, .swiper-slide p.answer:before { color: rgba(255, 255, 255, 0.5); } .layout-panel-wrap h1, .context-light h1, .layout-panel-wrap h2, .context-light h2, .layout-panel-wrap h3, .context-light h3, .layout-panel-wrap h4, .context-light h4, .layout-panel-wrap h5, .context-light h5, .layout-panel-wrap h6, .context-light h6, .layout-panel-wrap .heading-1, .context-light .heading-1, .layout-panel-wrap .heading-2, .context-light .heading-2, .layout-panel-wrap .heading-3, .context-light .heading-3, .layout-panel-wrap .heading-4, .context-light .heading-4, .layout-panel-wrap .heading-5, .context-light .heading-5, .layout-panel-wrap .heading-6, .context-light .heading-6 { color: #333; } .bg-default { background-color: #fff; } .bg-default + .bg-default { padding-top: 0; } .bg-default .heading-group { color: #333; } .bg-accent { background-color: #33b234; } .bg-accent + .bg-accent { padding-top: 0; } .bg-accent h1 a, .bg-accent h1 a:active, .bg-accent h1 a:focus, .bg-accent h2 a, .bg-accent h2 a:active, .bg-accent h2 a:focus, .bg-accent h3 a, .bg-accent h3 a:active, .bg-accent h3 a:focus, .bg-accent h4 a, .bg-accent h4 a:active, .bg-accent h4 a:focus, .bg-accent h6 a, .bg-accent h6 a:active, .bg-accent h6 a:focus { color: inherit; } .bg-accent h1 a:hover, .bg-accent h2 a:hover, .bg-accent h3 a:hover, .bg-accent h4 a:hover, .bg-accent h6 a:hover { color: #214910; } .bg-accent h1 a:hover .icon-arrow:after, .bg-accent h2 a:hover .icon-arrow:after, .bg-accent h3 a:hover .icon-arrow:after, .bg-accent h4 a:hover .icon-arrow:after, .bg-accent h6 a:hover .icon-arrow:after { background: #214910; } .bg-accent .box-icon-content { color: rgba(255, 255, 255, 0.6); } a.bg-accent:hover { background-color: #588725; } .bg-accent-dark { background-color: #214910; } .bg-accent-dark + .bg-accent-dark { padding-top: 0; } .bg-accent-dark .box-icon-content { color: rgba(255, 255, 255, 0.4); } a.bg-accent-dark:hover { background-color: #347319; } .bg-accent-dark-custom { position: relative; z-index: 1; } .bg-accent-dark-custom .bg-accent-dark { position: relative; background: transparent; } .bg-accent-dark-custom .bg-accent-dark:after { position: absolute; content: ''; top: 0; bottom: 0; left: 50%; width: 100vw; background: #214910; transform: translate3d(-50%, 0, 0); z-index: -1; } @media (min-width: 768px) { .bg-accent-dark-custom:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: calc(50% - 65px); background: #214910; } .bg-accent-dark-custom .bg-accent-dark:after { display: none; } } @media (min-width: 992px) { .bg-accent-dark-custom:before { left: 50%; } } @media (min-width: 1200px) { .bg-accent-dark-custom:before { left: calc(50% + 15px); } } .bg-gray-dark { background-color: #333; } .bg-gray-dark + .bg-gray-dark { padding-top: 0; } .bg-gray-dark h1, .bg-gray-dark h2, .bg-gray-dark h3, .bg-gray-dark h4, .bg-gray-dark h5, .bg-gray-dark h6, .bg-gray-dark .heading-1, .bg-gray-dark .heading-2, .bg-gray-dark .heading-3, .bg-gray-dark .heading-4, .bg-gray-dark .heading-5, .bg-gray-dark .heading-6 { color: #fff; } .bg-gray-dark .button-primary-sec:hover, .bg-gray-dark .button-primary-sec:focus, .bg-gray-dark .button-primary-sec:active, .bg-gray-dark .button-primary-sec:hover { color: #fff; } .page .bg-gray-dark .text-primary:hover, .page .bg-gray-dark .text-primary:focus, .page .bg-gray-dark .text-primary:active, .page .bg-gray-dark .text-primary:hover { color: #fff; } .bg-gray-darker { background-color: #333; } .bg-gray-darker + .bg-gray-darker { padding-top: 0; } .bg-gray-lighter { background-color: #ccc; } .bg-gray-lighter + .bg-gray-lighter { padding-top: 0; } .bg-gray-3 { background-color: #f5f5f5; } .bg-gray-3 + .bg-gray-3 { padding-top: 0; } .bg-gray-3 .box-info-1 .counter-index-item .counter-wrap { opacity: 1; } .bg-gray-3 .button-primary-dark:before, .bg-gray-3 .button-primary:before { border-color: white; } .bg-gray-3 .form-request .button::before { border-color: #f5f5f5; } .bg-gray-5 { background-color: #4f5d60; } .bg-gray-5 + .bg-gray-5 { padding-top: 0; } .bg-gray-5 p { opacity: .5; } .bg-gray-6 { background-color: #ccc8c9; } .bg-gray-6 + .bg-gray-6 { padding-top: 0; } .parallax-container .form-request h4 { color: #333; } .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 992px) { .desktop .bg-fixed { background-attachment: fixed; } } /* * * Backgrounds pages * ================================================== */ @media (min-width: 768px) { .bg-about-1 { background-image: url(../images/bg-about-1-1920x757.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; } } @media (min-width: 768px) { .bg-home-03 { background: #fff url(../images/bg-home-03-1920-463.png) no-repeat 40% 50%; background-size: cover; } } @media (min-width: 992px) { .bg-home-03 { background-position: center center; } } .bg-overview-1 { background: #f5f5f5; } @media (min-width: 768px) { .bg-overview-1 { background: url(../images/bg-about-3-1170-464.jpg) no-repeat 50% 50%; background-size: cover; } } .custom-bg-01 { color: #ccc8c9; } .custom-bg-01 h1, .custom-bg-01 h2, .custom-bg-01 h3, .custom-bg-01 h4, .custom-bg-01 h5, .custom-bg-01 h6, .custom-bg-01 .heading-1, .custom-bg-01 .heading-2, .custom-bg-01 .heading-3, .custom-bg-01 .heading-4, .custom-bg-01 .heading-5, .custom-bg-01 .heading-6 { color: #fff; } .custom-bg-01 .heading-group p { margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .custom-bg-01 .heading-group p { max-width: 85%; } } @media (min-width: 1600px) { .custom-bg-01 .heading-group p { max-width: 55%; } } .custom-bg-01:before, .custom-bg-01:after { position: absolute; content: ' '; z-index: -1; left: 0; right: 0; } .custom-bg-01:after { bottom: 0; top: 51%; background: #4f5d60; } .custom-bg-01:before { top: 0; bottom: 49%; background: #333; } @media (min-width: 576px) { .custom-bg-01:after { top: 50%; } .custom-bg-01:before { bottom: 50%; } } @media (min-width: 992px) { .custom-bg-01:before, .custom-bg-01:after { bottom: 0; top: 0; } .custom-bg-01:after { right: 0; left: 50%; } .custom-bg-01:before { left: 0; right: 50%; } } @media (min-width: 1200px) { .custom-bg-02:before { position: absolute; content: ''; top: 0; right: 50%; bottom: 0; left: 0; background: #fff; } } /* * * Backgrounds footer * ================================================== */ /* * * Backgrounds quote * ================================================== */ @media (min-width: 480px) { .bg-quote-1 { background: url(../images/team-7-570x320.jpg) no-repeat; } } @media (min-width: 480px) { .bg-quote-2 { background: url(../images/team-8-570x320.jpg) no-repeat; } } .bg-quote-3 { background: url(../images/quote-creative-570x378.jpg) no-repeat; background-size: cover; } @media (min-width: 480px) { .bg-quote-1, .bg-quote-2 { background-size: cover; background-position: 88% top; } } @media (min-width: 1600px) { .bg-quote-1, .bg-quote-2 { background-position: 100% 50%; } .bg-quote-1.bg-quote-custom, .bg-quote-2.bg-quote-custom { background-position-x: 88%; } } .bg-counter-1 { top: calc(50% - 50px); bottom: 50px; background-image: url(../images/bg-counter-960x489.jpg); background-repeat: no-repeat; } @media (min-width: 992px) { .bg-counter-3 { top: calc( 100% - 601px); background-image: url(../images/bg-counter-2-962x645.jpg); background-repeat: no-repeat; } } @media (max-width: 991.98px) { .bg-counter-4 { background-image: url(../images/bg-counter-2-962x645.jpg); } } .bg-project-1 { background-image: url(../images/project-1-1920x1280.jpg); } .bg-project-2 { background-image: url(../images/project-2-945x630.jpg); } .bg-project-3 { background-image: url(../images/project-3-773x512.jpg); } .bg-services-1 { background-image: url(../images/services-creative-1-515x370.jpg); } .bg-services-2 { background-image: url(../images/services-creative-2-515x370.jpg); } .bg-services-3 { background-image: url(../images/services-creative-3-515x370.jpg); } .bg-info-1 { background-image: url(../images/box-info-1-480x302.jpg); } .bg-info-2 { background-image: url(../images/box-info-2-480x302.jpg); } .bg-info-3 { background-image: url(../images/box-info-3-480x302.jpg); } .bg-info-4 { background-image: url(../images/box-info-4-480x302.jpg); } .bg-counter { position: absolute; content: ''; top: 50%; bottom: 0; } .bg-counter-right { right: 0; left: 0; } @media (min-width: 992px) { .bg-counter { top: 0; } .bg-counter-right { left: 50%; } } /** @group Modules */ /* * * Flex Grid system * -------------------------------------------------- */ .container.container-fluid-inset-0 { padding-left: 0; padding-right: 0; } .container-fluid.container-fluid-inset-0 { padding-left: 0; padding-right: 0; } @media (min-width: 992px) and (max-width: 1599.98px) { .container-inset-owl { padding-left: 90px; padding-right: 90px; } } .container-fluid-owl { padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .container-fluid-owl { padding-left: 75px; padding-right: 75px; } } @media (min-width: 1600px) { .container-xlg-left { margin-left: 0; } .container-xlg-inset-0 { padding-right: 0; padding-left: 0; max-width: 1170px; } .container-xlg-inset-right-56 { padding-right: 56px; } } .row.row-spacing-10 { margin-left: -5px; margin-right: -5px; } .row.row-spacing-10 [class*='col'] { padding-left: 5px; padding-right: 5px; } @media (min-width: 1600px) { .offset-negative-right-xl-115 { margin-right: -115px; } } @media (min-width: 1600px) { .row > .col-xlg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } } html.lt-ie-10 * + .row, * + .row { margin-top: 30px; } html.lt-ie-10 * + .row-xxs, * + .row-xxs { margin-top: 10px; } html.lt-ie-10 * + .row-xs, * + .row-xs { margin-top: 20px; } html.lt-ie-10 * + [class*='cell-'], * + [class*='cell-'], html.lt-ie-10 * + .row-sm, * + .row-sm { margin-top: 20px; } /* * * Responsive unit * -------------------------------------------------- */ .unit { display: flex; flex: 0 1 100%; margin-bottom: -20px; margin-left: -30px; } .unit > * { margin-bottom: 20px; margin-left: 30px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-icon { margin-bottom: -10px; margin-left: -12px; } .unit-spacing-icon > * { margin-bottom: 10px; margin-left: 12px; } .unit-spacing-icon-2 { margin-bottom: -10px; margin-left: -24px; } .unit-spacing-icon-2 > * { margin-bottom: 10px; margin-left: 24px; } .unit-spacing-icon-3 { margin-bottom: -10px; margin-left: -4px; } .unit-spacing-icon-3 > * { margin-bottom: 10px; margin-left: 4px; } .unit-spacing-grid { margin-bottom: -25px; margin-left: -30px; } .unit-spacing-grid > * { margin-bottom: 25px; margin-left: 30px; } .unit-spacing-xs { margin-bottom: -10px; margin-left: -7px; } .unit-spacing-xs > * { margin-bottom: 10px; margin-left: 7px; } .unit-spacing-sm { margin-bottom: -10px; margin-left: -15px; } .unit-spacing-sm > * { margin-bottom: 10px; margin-left: 15px; } .unit-spacing-md { margin-bottom: -7px; margin-left: -15px; } .unit-spacing-md > * { margin-bottom: 7px; margin-left: 15px; } .unit-spacing-lg { margin-bottom: -10px; margin-left: -20px; } .unit-spacing-lg > * { margin-bottom: 10px; margin-left: 20px; } .unit-box-comment { margin-bottom: -10px; margin-left: -60px; } .unit-box-comment > * { margin-bottom: 10px; margin-left: 60px; } .unit-spacing-vertical-0 { margin-bottom: -15px; margin-left: 0px; } .unit-spacing-vertical-0 > * { margin-bottom: 15px; margin-left: 0px; } @media (max-width: 575.98px) { .inset-sm-inverse-25.unit > .unit-body { padding-top: 25px; } .inset-sm-inverse-25.unit > .unit-body + .unit-right { padding-top: 0; } } .unit img { width: 100%; } @media (min-width: 768px) { .unit-sm-row, .unit-sm-row.unit-sm-horizontal { flex-direction: row; } } .unit-middle { align-items: center; } /** @group Plugins */ /* * * Animate.css * -------------------------------------------------- */ .animated { -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } /** * FadeIn Keyframes Animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** * FadeInUp Keyframes Animation */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** * FadeInDown Keyframes Animation */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** * FadeInLeft Keyframes Animation */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** * FadeInRight Keyframes Animation */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /* ** * FadeOut Keyframes Animation */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** * SlideInDown Keyframes Animation */ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** * SlideInLeft Keyframes Animation */ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** * SlideInRight Keyframes Animation */ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** * SlideOutDown Keyframes Animation */ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /* * * Isotope * -------------------------------------------------- */ @keyframes sprite-animation { from { background-position: 0 0; } } [data-isotope-layout] { display: block; transition: .4s all ease; min-height: 160px; z-index: 0; } [data-isotope-layout] .row { margin-bottom: -30px; } [data-isotope-layout] .row > [class*="col-"] { margin-top: 30px; } [data-isotope-layout] .row-narrow { margin-bottom: -30px; } [data-isotope-layout] .row-narrow > [class*="col-"] { margin-top: 30px; } [data-isotope-layout] .row-condensed { margin-bottom: 0; } [data-isotope-layout] .row-condensed > [class*="col-"] { margin-top: 0; } [data-isotope-layout] [class*="col-"] { display: block; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } @media (max-width: 479.98px) { [data-isotope-layout] [class*="col-"] { max-width: 100%; } } @media (max-width: 479.98px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 35px; } } @media (min-width: 1600px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 66px; } } .isotope-filters { position: relative; display: inline-block; } .isotope-filters-list { display: none; position: absolute; top: 100%; right: 0; margin: 10px 0; z-index: 10; float: left; min-width: 130px; font-size: 16px; text-align: left; background-color: #fff; border-radius: 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); overflow: hidden; } .isotope-filters-list > li { display: block; } .isotope-filters-list > li > a { display: block; position: relative; clear: both; color: #222; white-space: nowrap; line-height: 1.3; padding: 7px 12px; } .isotope-filters-list > li > a.active, .isotope-filters-list > li > a:hover { background-color: #ccc; } .isotope-filters-list.active { display: block; } .isotope-filters-toggle.active:focus { outline: none; } .isotope-filters-title { display: none; } @media (min-width: 576px) { .isotope-filters-list { right: auto; left: 0; } } @media (min-width: 992px) { .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list { position: static; display: inline-block; float: none; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; margin-bottom: 0; border-bottom: 1px solid #ccc; overflow: visible; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li { display: inline-block; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a { display: inline-block; text-transform: uppercase; padding: 0 5px 13px; color: #333; transition: 0.3s all ease-in; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 1px; background: #33b234; transition: .4s; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active, .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:hover, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:hover { color: #222; background-color: transparent; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active:after, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a.active:after { left: 0; width: 100%; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li { margin-left: 23px; } .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-toggle, .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-toggle { display: none; } } @media (min-width: 1200px) { .isotope-filters.isotope-filters-vertical .isotope-filters-list { margin-bottom: 0; padding: 0; border-bottom: none; border-left: 1px solid #ccc; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li { display: block; margin-top: 0; text-align: left; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a { padding: 0 25px; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a:after { bottom: 50%; left: -1px; width: 1px; height: 0; background: #33b234; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active:after { bottom: 0; width: 1px; height: 100%; left: -1px; } .isotope-filters.isotope-filters-vertical .isotope-filters-list > li + li { margin-left: 0; margin-top: 24px; } .isotope-filters.isotope-filters-vertical .isotope-filters-title { display: block; } } /** @section Owl Carousel */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-wrapper, .owl-item { backface-visibility: hidden; transform: translate3d(0, 0, 0); } .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-nav, .owl-dots { -webkit-tap-highlight-color: transparent; } .owl-nav.disabled, .owl-dots.disabled { display: none; } .owl-prev, .owl-next, .owl-dot { cursor: pointer; user-select: none; background: none; color: inherit; border: none; padding: 0; font: inherit; } .owl-loaded { display: block; } .owl-loading { opacity: 0; display: block; } .owl-hidden { opacity: 0; } .owl-refresh .owl-item { visibility: hidden; } .owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-grab { cursor: grab; } .owl-rtl { direction: rtl; } .owl-rtl .owl-item { float: right; } /* * Owl Navigation */ .owl-nav { display: none; } @media (min-width: 992px) { .owl-nav { display: block; } } .owl-prev, .owl-next { position: absolute; color: #939292; font: 400 24px/50px 'Material Icons'; transition: 200ms ease-in-out; } .owl-prev:before, .owl-next:before { content: '\e317'; } .owl-prev { left: 0; transform: translateY(-50%); } .owl-next { right: 0; transform: scale(-1, 1) translateY(-50%); } /* * Owl Pagination */ .owl-dots { text-align: center; margin-top: 30px; display: block; } .owl-dot { width: 14px; height: 14px; margin: 0 15px; display: inline-block; background: transparent; border: 2px solid #33b234; transition: .2s; transform: rotate(45deg); will-change: transform; } .owl-dot:hover, .owl-dot:focus { background: #33b234; } .owl-dot.active { background: #33b234; } .owl-dot + .owl-dot { margin-left: 10px; } .data-dots-custom { display: block; position: absolute; width: 100%; text-align: center; transition: .3s; z-index: 10; } @media (min-width: 992px) { .data-dots-custom { display: none; } } .data-dots-custom > div { width: 14px; height: 14px; display: inline-block; margin: 0 15px; background: transparent; transition: .2s; transform: rotate(45deg); will-change: transform; } .dots-classic { bottom: 35px; } .dots-classic > div { border: 2px solid #fff; } .dots-classic > div.active, .dots-classic > div:hover { background: #fff; } .dots-modern { bottom: -45px; } .dots-modern > div { border: 2px solid #7e7e7e; } .dots-modern > div.active, .dots-modern > div:hover { background: #7e7e7e; } .dots-primary { bottom: -60px; } .dots-primary > div { border: 2px solid #33b234; } .dots-primary > div.active, .dots-primary > div:hover { background: #33b234; } .dots-white { bottom: -60px; } .dots-white > div { border: 2px solid #fff; } .dots-white > div.active, .dots-white > div:hover { background: #fff; } .owl-classic .owl-prev, .owl-classic .owl-next { top: 37%; } .owl-classic .owl-prev { right: calc(100% + 8px); left: auto; } .owl-classic .owl-next { left: calc(100% + 8px); right: auto; } @media (min-width: 992px) { .owl-classic .owl-dots { display: none !important; } } .owl-modern .owl-prev, .owl-modern .owl-next { top: 44%; } .owl-modern .owl-prev:hover, .owl-modern .owl-next:hover { color: #33b234; } .owl-modern .owl-prev:hover:after, .owl-modern .owl-next:hover:after { background: #33b234; } .owl-modern .owl-prev { right: calc(100% + 8px); left: auto; } .owl-modern .owl-next { left: calc(100% + 8px); right: auto; } .owl-modern .box-outline { margin-bottom: 10px; margin-right: 10px; } @media (min-width: 480px) and (max-width: 767.98px) { .owl-modern .quote-modern .quote-wrap { max-width: 60%; } .owl-modern .bg-quote-1, .owl-modern .bg-quote-2 { background-position-x: 70%; } } @media (min-width: 992px) { .owl-modern .owl-dots { display: none !important; } } @media (min-width: 1200px) { .owl-modern .quote-modern { padding-left: 40px; } .owl-modern .quote-modern .quote-wrap { max-width: 63%; } .owl-modern .bg-quote-1, .owl-modern .bg-quote-2 { background-position-x: 60%; } } @media (min-width: 1600px) { .owl-modern .quote-modern .quote-wrap { max-width: 61%; } .owl-modern .bg-quote-1, .owl-modern .bg-quote-2 { background-position-x: 100%; } } .owl-creative .box-outline { margin-bottom: 10px; margin-right: 10px; } .partners-carousel .owl-stage-outer { padding: 10px 0; } .partners-carousel .owl-stage { display: flex; align-items: center; } .partners-carousel .owl-item a { will-change: transform; transform: translateY(0); } .partners-carousel .owl-item a:hover { transform: translateY(-10px); } .partners-carousel .owl-prev, .partners-carousel .owl-next { top: 50%; } .partners-carousel .owl-prev:hover, .partners-carousel .owl-next:hover { color: #33b234; } .partners-carousel .owl-prev { left: -30px; } .partners-carousel .owl-next { right: -30px; } @media (min-width: 768px) { .partners-carousel .owl-prev { left: -40px; } .partners-carousel .owl-next { right: -40px; } } @media (min-width: 992px) { .partners-carousel .owl-dots { display: none !important; } } @media (min-width: 1600px) { .partners-carousel .owl-nav { display: none; } } .owl-full-width .owl-dots { padding-bottom: 30px; } @media (min-width: 1600px) { .owl-services .owl-item.active + .owl-item.active .box-services-content:before { position: absolute; content: ''; top: 45px; left: 0; height: 2px; width: 72px; background: #fff; transform: translateX(-50%); } .owl-services .owl-dots { display: none !important; } } @media (min-width: 1200px) { .owl-info .owl-dots { display: none !important; } } .owl-team .owl-prev { top: 36%; right: calc(100% + 16px); } .owl-team .owl-next { top: 36%; left: calc(100% + 16px); } .owl-products .owl-prev { top: 29%; right: calc(100% + 16px); } .owl-products .owl-next { top: 29%; left: calc(100% + 16px); } .owl-nav-default .owl-prev, .owl-nav-default .owl-next { white-space: nowrap; } .owl-nav-default .owl-prev:after, .owl-nav-default .owl-next:after { display: inline-block; vertical-align: middle; content: ''; background: #939292; transition: inherit; width: 0; height: 2px; } .owl-nav-default .owl-prev:before, .owl-nav-default .owl-next:before { display: inline-block; vertical-align: middle; } .owl-nav-default .owl-prev:hover:after, .owl-nav-default .owl-next:hover:after { width: 53px; } .owl-nav-creative .owl-controls { position: relative; margin-top: 15px; } .owl-nav-creative .owl-nav > * + * { margin-left: 15px; } .owl-nav-creative .owl-next { transform: scale(-1, 1); } .owl-nav-creative .owl-prev { transform: none; } .owl-nav-creative .owl-prev, .owl-nav-creative .owl-next { position: static; display: inline-block; vertical-align: middle; } .owl-nav-creative .owl-prev:hover, .owl-nav-creative .owl-next:hover { color: #33b234; } .owl-nav-creative .owl-prev:hover:after, .owl-nav-creative .owl-next:hover:after { background: #33b234; } @media (min-width: 992px) { .owl-nav-creative .owl-dots { display: none !important; } } .owl-nav-right { text-align: right; } /* * * RD Navbar * -------------------------------------------------- */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle:before, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #333; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #333; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar--is-stuck { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } /* * Navbar components */ .rd-navbar { display: none; background: transparent; } .rd-navbar-toggle, .rd-navbar-sidebar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #000; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before { content: ""; position: absolute; left: 0; top: -7px; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:after { top: 7px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span { width: 24px; height: 2px; background-color: #000; backface-visibility: hidden; border-radius: 2px; } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span:after { transform-origin: 1.2px center; } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:before { transform: rotate(-40deg); } .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:after { transform: rotate(40deg); } .rd-navbar-toggle:focus, .rd-navbar-sidebar-toggle:focus { outline: none; } .rd-navbar-brand a { display: inline-block; } .rd-navbar-dropdown { display: none; } /* * @subsection Hybrid Styles */ .rd-navbar-static .rd-navbar-nav li > a, .rd-navbar-fullwidth .rd-navbar-nav li > a { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li { display: inline-block; text-align: center; transition: .25s; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { position: relative; display: inline-block; color: #33b234; font-size: 14px; line-height: 1.36; padding: 7px 20px; border: none; transition: 300ms ease-in-out; } .rd-navbar-static .rd-navbar-nav > li > a svg, .rd-navbar-fullwidth .rd-navbar-nav > li > a svg { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate3d(-50%, -50%, 0); } .rd-navbar-static .rd-navbar-nav > li > a .shape, .rd-navbar-fullwidth .rd-navbar-nav > li > a .shape { stroke-width: 2px; fill: transparent; stroke: transparent; stroke-dasharray: 50 400; stroke-dashoffset: -227; transition: 1s all ease; width: 100%; height: 100%; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { min-width: 100px; } } .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li:hover > a, .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #939292; } .rd-navbar-static .rd-navbar-nav > li.focus > a .shape, .rd-navbar-static .rd-navbar-nav > li.opened > a .shape, .rd-navbar-static .rd-navbar-nav > li:hover > a .shape, .rd-navbar-static .rd-navbar-nav > li.active > a .shape, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a .shape, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a .shape, .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a .shape, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a .shape { stroke-dasharray: 50 0; stroke-width: 2px; stroke-dashoffset: 0; stroke: #f5f5f5; } .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { position: relative; width: 100%; } .rd-navbar-static .rd-navbar-top-panel-inner, .rd-navbar-fullwidth .rd-navbar-top-panel-inner { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } .rd-navbar-static .rd-navbar-top-panel, .rd-navbar-static .rd-navbar-top-panel a, .rd-navbar-fullwidth .rd-navbar-top-panel, .rd-navbar-fullwidth .rd-navbar-top-panel a { color: #7e7e7e; } .rd-navbar-static .rd-navbar-search, .rd-navbar-fullwidth .rd-navbar-search { position: relative; display: inline-flex; margin-left: 30px; } .rd-navbar-static .rd-navbar-search.active .rd-search, .rd-navbar-fullwidth .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle { display: inline-flex; color: #333; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover { color: #33b234; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search .form-wrap, .rd-navbar-fullwidth .rd-navbar-search .form-wrap { margin-bottom: 0; } .rd-navbar-static .rd-navbar-search .form-input, .rd-navbar-fullwidth .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-static .rd-navbar-search .rd-search, .rd-navbar-fullwidth .rd-navbar-search .rd-search { position: absolute; top: calc(100% + 10px); right: 0; width: 270px; opacity: 0; visibility: hidden; transition: .3s; z-index: 2; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit:hover, .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit:hover { color: #33b234; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { position: absolute; left: 0; width: 220px; background: #fff; z-index: 5; } .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { opacity: 1; visibility: visible; transform: translateY(0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu { z-index: 15; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: 0; margin-top: -8px; margin-left: 8px; z-index: 2; transform: translate(30px, 0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown { opacity: 1; visibility: visible; transform: translate(0, 0); } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu { position: absolute; display: block; padding: 20px 0; border-top: 3px solid #33b234; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a { transition: .15s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a:before, .rd-navbar-static .rd-navbar-megamenu li > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li > a:before { content: '\f238'; font-family: "Material Design Icons"; margin-left: -13px; transition: opacity .15s ease-in-out, .15s margin ease-in-out; opacity: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a:before, .rd-navbar-static .rd-navbar-dropdown li.opened > a:before, .rd-navbar-static .rd-navbar-dropdown li > a:hover:before, .rd-navbar-static .rd-navbar-megamenu li.focus > a:before, .rd-navbar-static .rd-navbar-megamenu li.opened > a:before, .rd-navbar-static .rd-navbar-megamenu li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-megamenu li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li > a:hover:before { margin-left: -3px; opacity: 1; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { width: 220px; background: #fff; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a { display: block; padding: 8px 20px; color: #000; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover { color: #fff; background: #33b234; } .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a { color: #fff; background: #33b234; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { left: 50%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 98%; max-width: 1200px; padding: 40px 35px 65px; background: #fff; } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { max-width: 25%; flex-basis: 25%; } .rd-navbar-static .rd-navbar-megamenu > li > ul li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul li + li { margin-top: 10px; } .rd-navbar-static .rd-navbar-megamenu > li > ul a, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a { display: inline-block; color: #33b234; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li > ul a:hover, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover { color: #939292; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { padding-left: 20px; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: block; transform: translateY(-100%); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0%); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 999; } .rd-navbar-static .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar--has-dropdown { position: relative; } .rd-navbar-static .mobile-element, .rd-navbar-fullwidth .mobile-element { display: none; } .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar .rd-navbar-sidebar-inner { height: 100%; left: 0; top: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; color: #333; background: #fff; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); z-index: 998; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb { background: #a5d76e; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track { background: #33b234; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap { width: 270px; } .rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after { content: ''; display: block; height: 69px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner { width: 374px; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle:before { width: 374px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a { padding-left: 25px; } .header-classic .rd-navbar:not(.rd-navbar-fixed) .contact-info { color: #000; } .header-classic .rd-navbar:not(.rd-navbar-fixed) .contact-info a, .header-classic .rd-navbar:not(.rd-navbar-fixed) .contact-info a:active, .header-classic .rd-navbar:not(.rd-navbar-fixed) .contact-info a:focus { color: #000; } .header-classic .rd-navbar:not(.rd-navbar-fixed) .contact-info a:hover { color: #214910; } .rd-navbar-sidebar:not(.rd-navbar-fixed) .contact-info { color: #000; } .rd-navbar-sidebar:not(.rd-navbar-fixed) .contact-info a, .rd-navbar-sidebar:not(.rd-navbar-fixed) .contact-info a:active, .rd-navbar-sidebar:not(.rd-navbar-fixed) .contact-info a:focus { color: #000; } .rd-navbar-sidebar:not(.rd-navbar-fixed) .contact-info a:hover { color: #33b234; } /* * Static Layout */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-navbar-inner { display: flex; align-items: center; justify-content: center; } .rd-navbar-static .rd-navbar-top-panel { text-align: left; } /* * Fullwidth Layout */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-inner { display: flex; align-self: center; padding-top: 24px; padding-bottom: 24px; } /* * Fixed Layout */ .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 1; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 200px; height: auto; } .rd-navbar-brand-name { margin-left: 0.5em; margin-right: 1em; padding: 0 6 6 0; font-family: 'Raleway'; font-size: 3.5em; color: #33b234; } .rd-navbar-fixed .rd-navbar-panel { display: flex; align-items: center; position: fixed; left: 0; top: 0; right: 0; padding: 10px 3px; height: 69px; color: #000; z-index: 999; } .rd-navbar-fixed .rd-navbar-panel:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); background: #fff; } .rd-navbar-fixed .rd-navbar-panel > * { z-index: 1; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; bottom: 0; top: 0; color: #333; background: #fff; transform: translateX(-120%); text-align: left; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav-wrap-left .rd-navbar-nav:after { display: none; } .rd-navbar-fixed .rd-navbar-nav-wrap-right { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap-right .rd-navbar-nav:before { display: none; } .rd-navbar-fixed .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav li > a { display: block; padding: 11px 56px 11px 16px; color: #333; } .rd-navbar-fixed .rd-navbar-nav li > a:first-letter { text-transform: uppercase; } .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a { background: #33b234; color: #fff; } .rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-fixed .rd-navbar-nav li + li { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle { cursor: pointer; color: #333; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f236'; position: absolute; top: 22px; right: 0; margin-top: -22px; width: 65px; height: 48px; font: 400 28px "Material Design Icons"; line-height: 48px; text-align: center; transition: 0.3s transform ease; z-index: 2; } .rd-navbar-fixed .rd-navbar-megamenu { display: none; margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu p { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-list { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-dropdown { display: none; margin-top: 4px; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul > li > a { padding-left: 50px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed.active .rd-navbar-nav { transform: translateX(0); } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-collapse { right: 4px; } .rd-navbar-fixed .rd-navbar-collapse-toggle { right: 4px; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } .rd-navbar-fixed .desktop-element { display: none; } .rd-navbar-fixed .right-side { margin-top: 12px; } .rd-navbar-fixed .icon-md { font-size: 24px; } .rd-navbar-fixed .icon-primary-dark { color: #33b234; } .rd-navbar-fixed .list-address > li + li { margin-top: 10px; } .rd-navbar-fixed .contact-info ul + ul { margin-top: 20px; margin-left: 26px; } .rd-navbar-fixed .sidebar-list-social, .rd-navbar-fixed .sidebar-form { margin-top: 30px; padding: 0 16px; } html.rd-navbar-fixed-linked .page { padding-top: 69px; } /* * Sidebar Layout */ .rd-navbar-sidebar { display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 1070; } @media (max-width: 1599.98px) { .rd-navbar-sidebar.rd-navbar--is-stuck { position: fixed; background: rgba(0, 0, 0, 0.8); } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-inner { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-sidebar-toggle { top: 10px; } .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-sidebar-inner { padding-top: 70px; } } @media (min-width: 992px) { .rd-navbar-sidebar .rd-navbar-aside-outer { padding-left: 160px; padding-right: 100px; background-color: white; } } @media (min-width: 1600px) { .rd-navbar-sidebar .rd-navbar-aside-outer { padding-left: 100px; background-color: white; } } .rd-navbar-sidebar .rd-navbar-sidebar-toggle { position: fixed; top: 33px; left: 40px; display: none; z-index: 999; } @media (min-width: 992px) { .rd-navbar-sidebar .rd-navbar-sidebar-toggle { display: block; } } @media (min-width: 1600px) { .rd-navbar-sidebar .rd-navbar-sidebar-toggle { display: none; } } .rd-navbar-sidebar .rd-navbar-top-panel-inner { min-width: 590px; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle { will-change: transform; padding: 0; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle span, .rd-navbar-sidebar .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar .rd-navbar-sidebar-toggle span:after { will-change: transform; background-color: #fff; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle.active { transform: translateX(270px); } .rd-navbar-sidebar .rd-navbar-sidebar-toggle.active:before { transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-sidebar-toggle.active span, .rd-navbar-sidebar .rd-navbar-sidebar-toggle.active span:before, .rd-navbar-sidebar .rd-navbar-sidebar-toggle.active span:after { background-color: #33b234; } @media (min-width: 992px) { .rd-navbar-sidebar .rd-navbar-inner { padding: 38px 0; } } .rd-navbar-sidebar .mobile-element { display: none; } .rd-navbar-sidebar .list-address > li { display: inline-block; vertical-align: middle; } .rd-navbar-sidebar .list-address > li + li { margin-left: 40px; } @media (min-width: 1200px) { .rd-navbar-sidebar .list-address > li + li { margin-left: 128px; } } @media (min-width: 1600px) { .rd-navbar-sidebar { left: 374px; } } .rd-navbar-sidebar .rd-navbar-sidebar-inner { position: fixed; display: flex; height: 100vh; flex-direction: column; padding: 40px 30px 40px 70px; transform: translateX(-100%); box-shadow: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb { background: #98d25a; } .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track { background: #fff; } .rd-navbar-sidebar .rd-navbar-sidebar-inner.active { transform: translateX(0); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); } @media (min-width: 1600px) { .rd-navbar-sidebar .rd-navbar-sidebar-inner { transform: translateX(0); transition: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner.affix-bottom { position: absolute; left: -374px; } } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-top-panel { order: 1; padding: 0 20px; text-align: left; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-brand { margin-bottom: 28px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .sidebar-form { color: #939292; margin-top: 80px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .sidebar-list-social { margin-top: 72px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li + li { margin-top: 6px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li { text-align: left; transition: .25s; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li > a { position: relative; display: inline-block; color: #33b234; font-size: 14px; line-height: 1.36; padding: 7px 0; border: none; transition: 300ms ease-in-out; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li > a svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li > a .shape { stroke-width: 2px; fill: transparent; stroke: transparent; stroke-dasharray: 50 400; stroke-dashoffset: -227; transition: 1s all ease; width: 100%; height: 100%; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.focus > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.opened > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li:hover > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.active > a { padding-left: 28px; padding-right: 28px; color: #939292; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.focus > a .shape, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.opened > a .shape, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li:hover > a .shape, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.active > a .shape { stroke-dasharray: 50 0; stroke-width: 2px; stroke-dashoffset: 0; stroke: #f5f5f5; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle { display: block; cursor: pointer; color: #33b234; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f236'; position: absolute; top: 0; left: 230px; height: 33px; width: 65px; font: 400 20px "Material Design Icons"; line-height: 33px; text-align: center; transition: 0.3s transform ease; z-index: 2; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu { display: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu { opacity: 0; visibility: hidden; padding-left: 28px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li + li, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li + li { margin-top: 7px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li > a { transition: .15s ease-in-out; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li > a:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li > a:before { content: '\f238'; font-family: "Material Design Icons"; margin-left: -13px; transition: opacity .15s ease-in-out, .15s margin ease-in-out; opacity: 0; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li.focus > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li.opened > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li > a:hover, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li.focus > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li.opened > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li > a:hover { color: #939292; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li.focus > a:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li.opened > a:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown li > a:hover:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li.focus > a:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li.opened > a:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu li > a:hover:before { margin-left: -3px; opacity: 1; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { position: relative; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu .rd-megamenu-header { margin-top: 15px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu p + ul { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } @media (min-width: 1600px) { .rd-navbar-sidebar-linked body .page { padding-left: 374px; } } .ie-10 .rd-navbar-sidebar .rd-navbar-nav > li.focus > a, .ie-10 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a, .ie-10 .rd-navbar-sidebar .rd-navbar-nav > li.active > a, .ie-11 .rd-navbar-sidebar .rd-navbar-nav > li.focus > a, .ie-11 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a, .ie-11 .rd-navbar-sidebar .rd-navbar-nav > li.active > a { border-color: #f5f5f5; } .ie-10 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover, .ie-11 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover { border-color: #f5f5f5; } ul ul, ul ol, ol ul, ol ol { padding-left: 0; } @media (min-width: 992px) { .header-modern .rd-navbar-collapse { right: 50px; } .header-modern .rd-navbar-collapse-toggle { right: 50px; } } @media (min-width: 1200px) { .header-modern .rd-navbar-collapse { right: 75px; } .header-modern .rd-navbar-collapse-toggle { right: 75px; } } @media (max-width: 1599px) { .rd-navbar-fixed .rd-navbar-collapse { position: fixed; top: 77px; transform: translateX(-10px); padding: 15px 20px; width: 295px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); text-align: left; font-size: 14px; opacity: 0; visibility: hidden; z-index: 999; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: none; opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle { position: fixed; top: 12px; display: inline-block; z-index: 1000; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a { color: #000; } .rd-navbar-fixed .rd-navbar-collapse a:hover { color: #33b234; } } .rd-navbar .button-santos { display: none; } .rd-megamenu-header { color: #333; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .rd-megamenu-list { margin-top: 15px; } .header-classic .rd-navbar-wrap { height: auto !important; } .header-classic .rd-navbar-fullwidth , .header-classic .rd-navbar-static { position: absolute; top: 0; right: 0; left: 0; z-index: 1070; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 6px; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li > a { color: #fff; text-shadow: 2px 2px 2px #000000; letter-spacing: .025em; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #fff; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a .shape, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a .shape, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a .shape, .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.active > a .shape { /* stroke: rgba(255, 255, 255, 0.3); */ stroke: rgb(47, 187, 12); } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown { transform: translate(0, 30px); } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu { transform: translate(-50%, 0) scale(0.9) rotateX(90deg); transition-duration: .35s; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown, .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { opacity: 1; visibility: visible; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { transform: translate(-50%, 0) scale(1) rotateX(0deg); transition-duration: .6s; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-classic .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown { transform: translate(0, 0); } .header-classic .rd-navbar-fullwidth .rd-navbar-inner { padding: 30px 15px 10px; } .header-classic .rd-navbar-fullwidth .rd-navbar-aside-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1470px; margin-left: auto; } .header-classic .rd-navbar-fullwidth .rd-navbar-aside-outer { display: flex; align-items: center; padding: 17px 15px; background: white; } .header-classic .rd-navbar-fullwidth.rd-navbar--is-stuck, .header-classic .rd-navbar-fullwidth.rd-navbar--is-clone { position: fixed; } .header-classic .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-outer, .header-classic .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .header-classic .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .header-classic .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner { padding-top: 17px; padding-bottom: 17px; background: rgba(0, 0, 0, 0.8); } @media (min-width: 1200px) { .header-classic .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .header-classic .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner { padding-top: 18px; padding-bottom: 18px; } } .header-classic .rd-navbar-fullwidth .rd-navbar-dropdown, .header-classic .rd-navbar-fullwidth .rd-navbar-megamenu { margin-top: 18px; } .header-classic .rd-navbar-fullwidth .list-address > li { display: inline-block; vertical-align: middle; } .header-classic .rd-navbar-fullwidth .list-address > li + li { margin-left: 40px; } @media (min-width: 1200px) { .header-classic .rd-navbar-fullwidth .rd-navbar-inner { padding-top: 42px; } .header-classic .rd-navbar-fullwidth .rd-navbar-aside-outer { padding-top: 27px; padding-bottom: 27px; } .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 9px; } .header-classic .rd-navbar-fullwidth .list-address > li + li { margin-left: 128px; } } @media (min-width: 1400px) { .header-classic .rd-navbar-fullwidth .rd-navbar-inner { padding-left: 75px; padding-right: 75px; } .header-classic .rd-navbar-fullwidth .rd-navbar-aside-outer { padding-left: 75px; padding-right: 75px; } } .header-classic .rd-navbar-panel + .rd-navbar-aside { margin-left: 40px; } @media (min-width: 1200px) { .header-classic .rd-navbar-panel + .rd-navbar-aside { margin-left: 70px; } } .header-modern .rd-navbar { background: #fff; } .header-modern .rd-navbar-static .rd-navbar-nav, .header-modern .rd-navbar-fullwidth .rd-navbar-nav { display: flex; align-items: center; justify-content: space-between; } .header-modern .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown { transform: translate(0, 30px); } .header-modern .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu { transform: translate(-50%, 0) scale(0.9) rotateX(90deg); transition-duration: .35s; } .header-modern .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-modern .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-modern .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .header-modern .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { opacity: 1; visibility: visible; } .header-modern .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-modern .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { transform: translate(-50%, 0) scale(1) rotateX(0deg); transition-duration: .6s; } .header-modern .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-modern .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown { transform: translate(0, 0); } .header-modern .rd-navbar-static .rd-navbar-brand, .header-modern .rd-navbar-fullwidth .rd-navbar-brand { padding: 0 30px; } .header-modern .rd-navbar-static .rd-navbar-nav-wrap-item, .header-modern .rd-navbar-fullwidth .rd-navbar-nav-wrap-item { flex-grow: 1; } .header-modern .rd-navbar-static .rd-navbar-brand, .header-modern .rd-navbar-fullwidth .rd-navbar-brand { opacity: 1; visibility: visible; transition: all 150ms ease-in-out; } .header-modern .rd-navbar-static .rd-navbar-panel, .header-modern .rd-navbar-fullwidth .rd-navbar-panel { display: none; } .header-modern .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner, .header-modern .rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner, .header-modern .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .header-modern .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner { align-items: center; padding-top: 15px; padding-bottom: 15px; } .header-modern .rd-navbar-static.rd-navbar--is-stuck .brand-position, .header-modern .rd-navbar-static.rd-navbar--is-clone .brand-position, .header-modern .rd-navbar-fullwidth.rd-navbar--is-stuck .brand-position, .header-modern .rd-navbar-fullwidth.rd-navbar--is-clone .brand-position { display: none; } .header-modern .rd-navbar-static .rd-navbar-inner { align-items: flex-start; padding-top: 33px; padding-bottom: 32px; } .header-modern .rd-navbar-static .rd-navbar-brand { flex: none; } .header-modern .rd-navbar-static .rd-navbar-dropdown, .header-modern .rd-navbar-static .rd-navbar-megamenu { margin-top: 40px; } .header-modern .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-dropdown, .header-modern .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu, .header-modern .rd-navbar-static.rd-navbar--is-clone .rd-navbar-dropdown, .header-modern .rd-navbar-static.rd-navbar--is-clone .rd-navbar-megamenu { margin-top: 19px; } .header-modern .rd-navbar-fullwidth .rd-navbar-inner { flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; } .header-modern .rd-navbar-fullwidth .rd-navbar-brand { width: 100%; text-align: center; margin-bottom: 15px; } .header-modern .rd-navbar-fullwidth .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth .rd-navbar-megamenu { margin-top: 20px; } .header-modern .rd-navbar-fullwidth .rd-navbar-nav-wrap-right { padding-left: 20px; } .header-modern .rd-navbar-fullwidth .rd-navbar-nav-wrap-left { padding-right: 20px; } .header-modern .rd-navbar-fullwidth .rd-navbar-brand { order: -1; } .header-modern .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .header-modern .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand { opacity: 0; visibility: hidden; display: none; } .header-modern .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-megamenu, .header-modern .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-dropdown, .header-modern .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-megamenu { margin-top: 15px; } .header-modern .mail { text-decoration: underline; } .header-modern .mail:hover { color: #6f8b6d; text-decoration: underline; } .header-modern .address:hover, .header-modern .tel:hover { text-decoration: underline; } .header-modern .brand-position { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); z-index: 3; } .header-modern .rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } html.ie-edge .rd-navbar-static .rd-navbar-nav > li > a, html.ie-edge .rd-navbar-fullwidth .rd-navbar-nav > li > a, html.ie-edge .rd-navbar-sidebar .rd-navbar-nav > li > a, html.ie-11 .rd-navbar-static .rd-navbar-nav > li > a, html.ie-11 .rd-navbar-fullwidth .rd-navbar-nav > li > a, html.ie-11 .rd-navbar-sidebar .rd-navbar-nav > li > a, html.lt-ie11 .rd-navbar-static .rd-navbar-nav > li > a, html.lt-ie11 .rd-navbar-fullwidth .rd-navbar-nav > li > a, html.lt-ie11 .rd-navbar-sidebar .rd-navbar-nav > li > a { transition: all 300ms ease-in-out; border: 1px solid transparent; } html.ie-edge .rd-navbar-static .rd-navbar-nav > li > a .button-santos, html.ie-edge .rd-navbar-fullwidth .rd-navbar-nav > li > a .button-santos, html.ie-edge .rd-navbar-sidebar .rd-navbar-nav > li > a .button-santos, html.ie-11 .rd-navbar-static .rd-navbar-nav > li > a .button-santos, html.ie-11 .rd-navbar-fullwidth .rd-navbar-nav > li > a .button-santos, html.ie-11 .rd-navbar-sidebar .rd-navbar-nav > li > a .button-santos, html.lt-ie11 .rd-navbar-static .rd-navbar-nav > li > a .button-santos, html.lt-ie11 .rd-navbar-fullwidth .rd-navbar-nav > li > a .button-santos, html.lt-ie11 .rd-navbar-sidebar .rd-navbar-nav > li > a .button-santos { display: none; } html.ie-edge .header-classic .rd-navbar-static .rd-navbar-nav > li.focus > a, html.ie-edge .header-classic .rd-navbar-static .rd-navbar-nav > li.opened > a, html.ie-edge .header-classic .rd-navbar-static .rd-navbar-nav > li.active > a, html.ie-edge .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.ie-edge .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.ie-edge .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, html.ie-11 .header-classic .rd-navbar-static .rd-navbar-nav > li.focus > a, html.ie-11 .header-classic .rd-navbar-static .rd-navbar-nav > li.opened > a, html.ie-11 .header-classic .rd-navbar-static .rd-navbar-nav > li.active > a, html.ie-11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.ie-11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.ie-11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, html.lt-ie11 .header-classic .rd-navbar-static .rd-navbar-nav > li.focus > a, html.lt-ie11 .header-classic .rd-navbar-static .rd-navbar-nav > li.opened > a, html.lt-ie11 .header-classic .rd-navbar-static .rd-navbar-nav > li.active > a, html.lt-ie11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.lt-ie11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.lt-ie11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { border-color: #fff; } html.ie-edge .header-classic .rd-navbar-static .rd-navbar-nav > li > a:hover, html.ie-edge .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, html.ie-11 .header-classic .rd-navbar-static .rd-navbar-nav > li > a:hover, html.ie-11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, html.lt-ie11 .header-classic .rd-navbar-static .rd-navbar-nav > li > a:hover, html.lt-ie11 .header-classic .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { border-color: #fff; } html.ie-edge .header-modern .rd-navbar-static .rd-navbar-nav > li.focus > a, html.ie-edge .header-modern .rd-navbar-static .rd-navbar-nav > li.opened > a, html.ie-edge .header-modern .rd-navbar-static .rd-navbar-nav > li.active > a, html.ie-edge .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.ie-edge .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.ie-edge .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, html.ie-11 .header-modern .rd-navbar-static .rd-navbar-nav > li.focus > a, html.ie-11 .header-modern .rd-navbar-static .rd-navbar-nav > li.opened > a, html.ie-11 .header-modern .rd-navbar-static .rd-navbar-nav > li.active > a, html.ie-11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.ie-11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.ie-11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, html.lt-ie11 .header-modern .rd-navbar-static .rd-navbar-nav > li.focus > a, html.lt-ie11 .header-modern .rd-navbar-static .rd-navbar-nav > li.opened > a, html.lt-ie11 .header-modern .rd-navbar-static .rd-navbar-nav > li.active > a, html.lt-ie11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, html.lt-ie11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, html.lt-ie11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { border-color: #f5f5f5; } html.ie-edge .header-modern .rd-navbar-static .rd-navbar-nav > li > a:hover, html.ie-edge .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, html.ie-11 .header-modern .rd-navbar-static .rd-navbar-nav > li > a:hover, html.ie-11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, html.lt-ie11 .header-modern .rd-navbar-static .rd-navbar-nav > li > a:hover, html.lt-ie11 .header-modern .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { border-color: #f5f5f5; } /** @section Material Parallax */ .parallax-container { position: relative; overflow: hidden; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; } .parallax-content { position: relative; z-index: 1; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } .parallax-disabled { background-size: cover; background-position: center; } html:not(.ie-11):not(.ios) .parallax-disabled { background-attachment: fixed; } /** @section Google Map */ .google-map-markers { display: none; } .google-map-container { width: 100%; } .google-map-container button img { margin: 0; } .google-map { height: 200px; width: 100%; } @media (min-width: 576px) { .google-map { height: 300px; } } @media (min-width: 992px) { .google-map { height: 430px; } } @media (min-width: 576px) { .footer-gmap .google-map { height: 300px; } } @media (min-width: 992px) { .footer-gmap .google-map { height: 390px; } } /* * * Search Results * -------------------------------------------------- */ .search-list { text-align: left; padding-left: 20px; font-size: 18px; list-style-type: none; counter-reset: li; overflow: hidden; } .search-list li + li { margin-top: 25px; } .search-list h5 + * { margin-top: 8px; } .search-list p + p { margin-bottom: 8px; } .search-list li:only-child::before { display: none; } .search-list .search-list-item + .search-list-item { margin-top: 40px; } .search-list-item { color: #333; } .search-list-item .search-title { color: #000; } .search-list-item .search-title:before { content: counter(li, decimal) ". "; counter-increment: li; } .match { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #33b234; } .match em { font-style: normal; } .search { background: #33b234; color: #fff; } .rd-search-results h5 + p { margin-top: 20px; } #rd-search-results-live { position: absolute; top: 100%; left: 0; right: 0; margin-top: 5px; text-align: left; } #rd-search-results-live #search-results { background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); padding: 20px; opacity: 0; visibility: hidden; transition: 0.35s ease-in; max-height: calc(100vh - 200px); overflow-y: auto; } #rd-search-results-live #search-results.active { visibility: visible; opacity: 1; } #rd-search-results-live #search-results .search-title { font-size: 18px; } #rd-search-results-live #search-results p.match { display: none; } #rd-search-results-live #search-results .search-list-item + .search-list-item { margin-top: 20px; } #rd-search-results-live #search-results .search-all { margin-top: 20px; } #rd-search-results-live #search-results .search-all a { display: block; padding: 2px 4px; background-color: #f2f2f2; text-align: center; } #rd-search-results-live #search-results .search-all a:hover { text-decoration: underline; } #rd-search-results-live #search-results .search-list { margin-top: 10px; padding-left: 0; padding-bottom: 10px; font-size: 16px; } /* * * ToTop * -------------------------------------------------- */ .ui-to-top { width: 40px; height: 40px; font-size: 24px; line-height: 40px; color: #FFF; background: #33b234; border-radius: 0; position: fixed; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; transition: .45s all ease-in-out; transform: translateY(100px); box-shadow: 2px 2px 14px -5px #333333; } .ui-to-top:hover { color: #fff; background: #214910; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translateY(0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /* * * Tabs * -------------------------------------------------- */ .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content > .active { visibility: visible; height: auto; overflow: visible; } .tabs-custom .nav-custom > li, .tabs-custom .nav-custom > li > a { position: relative; } @media (max-width: 479.98px) { .tabs-custom .nav-custom > li { width: 100%; } } .tabs-custom .nav-custom-tabs { font-size: 0; line-height: 0; } .tabs-custom .nav-custom-tabs li a { position: relative; padding: 4px 8px; min-width: auto; font: 400 12px/21px "Montserrat", Helvetica, Arial, sans-serif; color: #fff; background: #33b234; border: 1px solid #33b234; text-align: center; letter-spacing: .1em; text-transform: uppercase; vertical-align: middle; transition: .3s all ease-in-out; z-index: 1; } .tabs-custom .nav-custom-tabs li a:after { border-color: #33b234; background: #33b234; } .tabs-custom .nav-custom-tabs li a:hover, .tabs-custom .nav-custom-tabs li a.active { color: #33b234; background: transparent; border-color: #33b234; } .tabs-custom .nav-custom-tabs li a:hover:after, .tabs-custom .nav-custom-tabs li a.active:after { background: #fff; } .tabs-custom .nav-custom-tabs li a:hover:before, .tabs-custom .nav-custom-tabs li a.active:before { transform: translate(0); } .tab-content { padding-top: 20px; } @media (min-width: 768px) { .tab-content { padding-top: 25px; } } @media (max-width: 767.98px) { html .tabs-custom.tabs-vertical .nav-custom-tabs li a, html .tabs-custom.tabs-horizontal .nav-custom-tabs li a { margin: 0; } } @media (max-width: 767.98px) { .tabs-custom.tabs-horizontal .nav-custom-tabs li a::before { display: none; } } @media (min-width: 768px) { .tabs-custom.tabs-horizontal .nav-custom-tabs { display: flex; justify-content: flex-start; position: relative; } .tabs-custom.tabs-horizontal .nav-custom-tabs li { width: auto; } .tabs-custom.tabs-horizontal .nav-custom-tabs li a { display: block; padding: 5px 5px 5px 10px; background: transparent; } .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.active { color: #33b234; background: transparent; border-color: #33b234; } .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover:after, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.active:after { background: #fff; } .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover:before, .tabs-custom.tabs-horizontal .nav-custom-tabs li a.active:before { transform: translate(0); } } @media (min-width: 992px) { .tabs-custom.tabs-horizontal .nav-custom-tabs li a { font-size: 14px; line-height: 29px; padding: 9px 10px 9px 30px; min-width: 137px; } } @media (min-width: 768px) { .tabs-custom.tabs-vertical { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .tabs-custom.tabs-vertical .nav-custom-tabs { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; flex-shrink: 0; justify-content: flex-start; max-width: 50%; text-align: right; border-right: none; } .tabs-custom.tabs-vertical .nav-custom-tabs li a { display: block; padding: 9px 25px 9px 25px; border: 1px solid #33b234; background: transparent; } } @media (min-width: 768px) and (min-width: 768px) { .tabs-custom.tabs-vertical .nav-custom-tabs li a { text-align: left; } } @media (min-width: 768px) { .tabs-custom.tabs-vertical .nav-custom-tabs li a:hover, .tabs-custom.tabs-vertical .nav-custom-tabs li a.active { color: #33b234; background: transparent; border-color: #33b234; } .tabs-custom.tabs-vertical .nav-custom-tabs li a:hover:after, .tabs-custom.tabs-vertical .nav-custom-tabs li a.active:after { background: #fff; } .tabs-custom.tabs-vertical .nav-custom-tabs li a:hover:before, .tabs-custom.tabs-vertical .nav-custom-tabs li a.active:before { transform: translate(0); } .tabs-custom.tabs-vertical .tab-content { flex-grow: 1; } .tabs-custom.tabs-vertical .tab-content { padding: 0 0 0 30px; } } .tabs-custom.tabs-vertical .nav-custom-tabs { min-width: 100%; } @media (min-width: 768px) { .tabs-custom.tabs-vertical .nav-custom-tabs { min-width: 130px; } } @media (min-width: 992px) { .tabs-custom.tabs-vertical .nav-custom-tabs { min-width: 150px; } } @media (min-width: 1200px) { .tabs-custom.tabs-vertical .nav-custom-tabs { min-width: 178px; } } .page .tabs-custom-wrap + .row { margin-top: 0; } .tabs-services .nav-custom-tabs li a { text-transform: none; letter-spacing: 0; padding-right: 35px; } .tabs-services .nav-custom-tabs .icon-arrow { position: absolute; right: 10px; top: 50%; font-size: 18px; transform: translateY(-50%) rotate(-90deg); } .tabs-services.tabs-vertical .nav-custom-tabs { min-width: 100%; } @media (min-width: 768px) { .tabs-services.tabs-vertical .nav-custom-tabs { min-width: 260px; } } @media (min-width: 992px) { .tabs-services.tabs-vertical .nav-custom-tabs { min-width: 260px; } } @media (min-width: 1200px) { .tabs-services.tabs-vertical .nav-custom-tabs { min-width: 280px; } } .tabs-services .tel { display: inline-block; margin-left: 4px; } .tabs-services .tel span { color: #939292; transition: inherit; } .tabs-services .tel:hover span { color: #33b234; } @media (min-width: 768px) { .tabs-services h2 { font-size: 32px; } } @media (min-width: 992px) { .tabs-services h2 { font-size: 48px; } } .tabs-services p + .list-big { margin-top: 30px; } .tabs-services h3 + p.big { margin-top: 28px; } .tabs-services h3 + .list { margin-top: 8px; } .tabs-services * + h3 { margin-top: 28px; } .tabs-services h6 + h3 { margin-top: 0; } .tabs-services h2 + h3 { margin-top: 22px; } .tabs-services .row + h6.text-gray { margin-top: 30px; } .tabs-services p.big + h6.fw-bold { margin-top: 30px; } .tabs-services h6.counter-index-item + p { margin-top: 10px; } .tabs-services h6.fw-bold + .list { margin-top: 30px; } .tabs-services .row + h6, .tabs-services .row + .row { margin-top: 70px; } @media (max-width: 767.98px) { .tabs-services .unit { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 992px) { .tabs-services .row + h6, .tabs-services .row + .row { margin-top: 90px; } } /** @section Lightgallery */ @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1090; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1092; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1090; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1090; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #33b234; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1090; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../images/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1093; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #33b234; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1090; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1091; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-css3.lg-zoom-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-next-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-soft-zoom .lg-item { opacity: 0; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-scale-up .lg-item { opacity: 0; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-next-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular .lg-item { opacity: 0; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-up .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-left .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-vertical-growth .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew .lg-item { opacity: 0; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-next-slide { -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop .lg-item { opacity: 0; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-lollipop .lg-item.lg-next-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop-rev .lg-item { opacity: 0; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate .lg-item { opacity: 0; } .lg-css3.lg-rotate .lg-item.lg-prev-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate .lg-item.lg-next-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate-rev .lg-item { opacity: 0; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-tube .lg-item { opacity: 0; } .lg-css3.lg-tube .lg-item.lg-prev-slide { -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-next-slide { -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1090; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1090; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1090; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 0.85; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /* * * Progress Bars * -------------------------------------------------- */ .progress-linear { position: relative; text-align: left; } .progress-linear .progress-header { display: flex; align-items: center; justify-content: space-between; } .progress-linear .progress-bar-linear-wrap, .progress-linear .progress-linear-bar { height: 100%; border-radius: 3px; } .progress-linear .progress-bar-linear-wrap { background: #f5f5f5; height: 5px; } .progress-linear .progress-linear-bar { background-color: #33b234; width: 0; transition: .5s all ease-in-out; } .progress-linear .progress-value:after { content: "%"; } .progress-header { font-size: inherit; color: #333; font-weight: 700; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .progress-header > div:first-child { padding-right: 30px; } .progress-header + .progress-bar-linear-wrap { margin-top: 6px; } .progress-linear + .progress-linear { margin-top: 16px; } /* * * Select 2 * -------------------------------------------------- */ .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; text-align: left; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 50px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 0; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 12; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__options > li:first-child { display: none; } .select2-results__option { padding: 8px 22px; font-size: 14px; transition: .3s; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { width: 100%; padding: 4px; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2 + .form-validation { z-index: 14; } .select2-container--bootstrap { display: inline-block; } .select2-container--bootstrap .select2-selection { border: 1px solid #f5f5f5; background-color: #f5f5f5; border-radius: 0; color: #33b234; font-size: 14px; font-weight: 400; line-height: 23px; outline: 0; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { border: 1px solid #f5f5f5; background-color: #f5f5f5; border-radius: 0; color: #33b234; font-size: 14px; font-weight: 400; line-height: 23px; } .select2-container--bootstrap .select2-search__field { outline: 0; font-size: 14px; } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #939292; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #939292; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #939292; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #939292; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #7e7e7e; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #33b234; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 10px 20px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -15px; padding-left: 30px; } .select2-container--bootstrap .select2-results__group { color: #7e7e7e; display: block; padding: 10px 15px; font-weight: 700; font-size: 16px; line-height: 1.875; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #33b234 transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; } .select2-container--bootstrap .select2-selection__clear { color: #333; cursor: pointer; float: right; font-weight: 400; margin-right: 10px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #33b234; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #ccc; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #ccc; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { overflow-x: hidden; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { text-align: left; height: 49px; line-height: 47px; padding: 0 22px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 15px; top: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before { position: absolute; content: "\e317"; margin-top: -10px; top: 50%; right: 0; height: 20px; font-size: 18px; line-height: 20px; font-weight: 400; font-family: 'Material Icons'; transform: rotate(-90deg); will-change: transform; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #7e7e7e; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #7e7e7e; } .select2-container--bootstrap .select2-selection--multiple { min-height: 50px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 24px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #7e7e7e; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #939292; background: #000; border: 1px solid #000; border-radius: 3px; cursor: default; float: left; margin: 0; padding: 0 15px; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 15px; height: 48px; line-height: 24px; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #333; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 10px / 2; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #33b234; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 10px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 27px; padding-right: 15px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 15px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 15px/2; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #8a6d3b; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; border-color: #66512c; } .has-warning.select2-drop-active { border-color: #66512c; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #66512c; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #3c763d; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; border-color: #2b542c; } .has-success.select2-drop-active { border-color: #2b542c; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #2b542c; } .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { order-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { order-bottom-right-radius: 0; border-top-right-radius: 0; } .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } .form-input.select2-hidden-accessible { position: absolute !important; width: 1px !important; } .form-inline .select2-container--bootstrap { display: inline-block; } /* * * Counter * -------------------------------------------------- */ .counter-index { counter-reset: div; } .counter-index .counter-index-item div.counter-wrap:before { content: counter(div, decimal-leading-zero) ". "; counter-increment: div; } .counter-index-sec { counter-reset: div; } .counter-index-sec .counter-index-item span.counter-wrap:before { content: counter(div, decimal-leading-zero) "/ "; counter-increment: div; } .counter-wrap { font-family: "Montserrat", Helvetica, Arial, sans-serif; } /** @section Countdown */ .countdown { display: flex; align-items: center; justify-content: center; font-family: "Montserrat", Helvetica, Arial, sans-serif; line-height: 1.2; color: #333; text-align: center; margin-bottom: -15px; margin-left: -15px; } .countdown:empty { margin-bottom: 0; margin-left: 0; } .countdown > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 15px; } @media (min-width: 768px) { .countdown { margin-bottom: -30px; margin-left: -30px; } .countdown:empty { margin-bottom: 0; margin-left: 0; } .countdown > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 30px; } } .countdown-block { position: relative; flex: 1 1 33.33%; } @media (min-width: 576px) { .countdown-block { flex: 1 1 25%; } } .countdown-block-seconds { display: none; } @media (min-width: 576px) { .countdown-block-seconds { display: block; } } .countdown-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; } .countdown-circle { fill: transparent; width: 100%; max-width: 170px; height: auto; } .countdown-circle-bg { stroke: #e9ecef; stroke-width: 3px; } .countdown-circle-fg { stroke: #33b234; stroke-width: 6px; } .countdown-counter { margin-bottom: 0; line-height: 1; letter-spacing: 0; } .countdown-title { font-weight: 700; font-size: 14px; line-height: 1.2; } * + .countdown { margin-top: 35px; } .countdown + * { margin-top: 35px; } @media (min-width: 768px) { * + .countdown-title { margin-top: 3px; } } /** @section Progress Circle */ .progress-circle { display: inline-block; text-align: center; font-family: "Montserrat", Helvetica, Arial, sans-serif; line-height: 1.2; color: #212529; } .progress-circle-block { position: relative; } .progress-circle-bg { fill: transparent; stroke: #e9ecef; stroke-width: 6px; } .progress-circle-fg { fill: transparent; stroke: #33b234; stroke-width: 6px; } .progress-circle-content { position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); } .progress-circle-counter { font-weight: 400; font-size: 28px; line-height: 1; } .progress-circle-counter::after { content: "%"; } .progress-circle-title { font-weight: 700; text-transform: lowercase; } * + .progress-circle-title { margin-top: 2px; } @media (min-width: 768px) { .progress-circle-counter { font-size: 48px; } } /* * * Time Circles * -------------------------------------------------- */ /** * This element is created inside your target element * It is used so that your own element will not need to be altered **/ .time_circles { position: relative; width: 100%; height: 100%; } .DateCountdown { margin: 0 auto; max-width: 870px; } /** * This is all the elements used to house all text used * in time circles **/ .time_circles > div { position: absolute; text-align: center; top: 45% !important; transform: translateY(-125%) !important; -webkit-transform: translateY(-125%) !important; color: #222; font-family: "Montserrat", Helvetica, Arial, sans-serif; } @media (min-width: 576px) { .time_circles > div { top: 50% !important; } } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } /** * Titles (Days, Hours, etc) **/ .time_circles > div > h4 { position: absolute; right: 0; left: 0; padding: 0; margin: 0; text-align: center; font-size: 12px !important; text-transform: lowercase; top: 18px; } @media (min-width: 576px) { .time_circles > div > h4 { font-size: 14px !important; top: 25px; } } @media (min-width: 768px) { .time_circles > div > h4 { top: 33px; } } .time_circles > div > h4 + * { margin-top: 0; } /** * Time numbers, ie: 12 **/ .time_circles > div > span { display: block; font-size: 30px; text-align: center; } @media (min-width: 768px) { .time_circles > div > span { font-size: 36px !important; } } @media (min-width: 1200px) { .time_circles > div > span { font-size: 48px !important; } } /* * * Swiper * -------------------------------------------------- */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; min-height: 250px; } .swiper-container .container-fluid { width: 100%; } .swiper-bg-wrap { position: relative; } .swiper-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .swiper-bg-content { position: relative; z-index: 2; height: inherit; min-height: inherit; color: #fff; } .swiper-bg-content h2 > span { margin-right: 4px; } .swiper-bg-content h3 { letter-spacing: .025em; max-width: 300px; margin-left: auto; margin-right: auto; } .swiper-bg-content h6 { max-width: 320px; margin-left: auto; margin-right: auto; letter-spacing: .15em; text-transform: uppercase; } .swiper-bg-content h3 + h2 { margin-top: 20px; } .swiper-bg-content h6 + h2 { margin-top: 22px; } .swiper-bg-content * + .group-xs { margin-top: 28px; } @media (min-width: 768px) { .swiper-bg-content h6 { margin-left: 0; } .swiper-bg-content h2 > span { margin-right: 10px; } } .form-creative h2 > span { margin-right: 4px; } .form-creative h4 { line-height: 1.3; max-width: 350px; margin-left: auto; margin-right: auto; } .form-creative .offset-bottom-0 { margin-bottom: 0; } .form-creative * + .button { margin-top: 28px; } .form-creative h4 + h2 { margin-top: 16px; } @media (min-width: 768px) { .form-creative h2 > span { margin-right: 10px; } .form-creative h4 { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .form-creative h2 { font-size: 36px; } .form-creative h2 span { font-size: 34px; } } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { touch-action: pan-y; } .swiper-wp8-vertical { touch-action: pan-x; } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-button-prev, .swiper-button-next { position: relative; transition: all 200ms ease-in-out; cursor: pointer; will-change: transform; z-index: 2; } .swiper-button-prev:before, .swiper-button-prev:after, .swiper-button-next:before, .swiper-button-next:after { display: inline-block; vertical-align: middle; background: #fff; transition: inherit; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-black .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.6); } .swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active { background: black; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 20px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-slide { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100%; height: 100%; white-space: nowrap; } .swiper-slide-caption { width: 100%; white-space: normal; } .swiper-custom-container { position: relative; } .swiper-classic .swiper-slide-caption { min-height: 300px; } @media (min-width: 768px) { .swiper-classic .swiper-slide-caption { min-height: 500px; } } @media (min-width: 992px) { .swiper-classic .swiper-slide-caption { min-height: 650px; } } @media (min-width: 1200px) { .swiper-classic .swiper-slide-caption { min-height: 764px; } } .swiper-classic .swiper-slide-content { width: 100%; padding-top: 80px; padding-bottom: 100px; } @media (min-width: 992px) { .swiper-classic .swiper-slide-content { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 1200px) { .swiper-classic .swiper-slide-content { padding-top: 150px; padding-bottom: 150px; } } @media (min-width: 992px) { .desktop .swiper-classic .swiper-slide-content { padding-top: 200px; } } @media (min-width: 1200px) { .desktop .swiper-classic .swiper-slide-content { padding-top: 265px; } } .swiper-modern .swiper-slide-caption { min-height: 420px; } @media (min-width: 768px) { .swiper-modern .swiper-slide-caption { min-height: 500px; } } @media (min-width: 992px) { .swiper-modern .swiper-slide-caption { min-height: 550px; } } @media (min-width: 1200px) { .swiper-modern .swiper-slide-caption { min-height: 685px; } } .swiper-modern .swiper-slide-content { width: 100%; padding-top: 80px; padding-bottom: 80px; } @media (min-width: 992px) { .swiper-modern .swiper-slide-content { padding-top: 60px; padding-bottom: 120px; } } .swiper-modern .swiper-button-prev, .swiper-modern .swiper-button-next { position: absolute; display: none; top: 44%; color: #fff; white-space: nowrap; transform: translateY(-50%); } .swiper-modern .swiper-button-prev .icon-arrow, .swiper-modern .swiper-button-next .icon-arrow { font-size: 60px; vertical-align: middle; max-height: 86px; } .swiper-modern .swiper-button-prev:hover:after, .swiper-modern .swiper-button-next:hover:after { width: 114px; } .swiper-modern .swiper-button-prev:hover:before, .swiper-modern .swiper-button-next:hover:before { width: 114px; } @media (min-width: 992px) { .swiper-modern .swiper-button-prev, .swiper-modern .swiper-button-next { display: block; } } .swiper-modern .swiper-button-prev { left: calc(50% - 450px); } .swiper-modern .swiper-button-prev:after { content: ''; width: 0; height: 5px; margin-left: 4px; } .swiper-modern .swiper-button-next { right: calc(50% - 450px); transform: translateY(-50%); } .swiper-modern .swiper-button-next:before { content: ''; width: 0; height: 5px; margin-right: 4px; } .swiper-modern .swiper-button-next > .icon-arrow { transform: scale(-1, 1); } .swiper-modern .swiper-pagination { position: absolute; left: 0; bottom: 30px; width: 100%; display: block; text-align: center; transition: .3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-modern .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 15px; display: inline-block; background: transparent; border: 2px solid #fff; transition: .2s; transform: rotate(45deg); will-change: transform; } .swiper-modern .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-modern .swiper-pagination .swiper-pagination-bullet:hover { background: white; } @media (min-width: 992px) { .swiper-modern .swiper-pagination { display: none; } } @media (min-width: 1200px) { .swiper-modern .swiper-button-prev { left: calc(50% - 500px); } .swiper-modern .swiper-button-next { right: calc(50% - 500px); } } @media (min-width: 1600px) { .swiper-modern .swiper-button-prev { left: calc(50% - 600px); } .swiper-modern .swiper-button-next { right: calc(50% - 600px); } } .swiper-custom-nav .box-nav { position: absolute; left: 50%; line-height: 1; font-family: "Montserrat", Helvetica, Arial, sans-serif; z-index: 2; } .swiper-custom-nav .box-nav > * { display: inline-block; margin: 0 3px; } .swiper-custom-nav .box-nav-small { font-size: 24px; } .swiper-custom-nav .box-nav-small .swiper-pagination { width: 32px; margin-right: -4px; } .swiper-custom-nav .box-nav-small .total-counter { font-size: 14px; margin-left: -3px; } .swiper-custom-nav .box-nav-small .swiper-button-prev:after, .swiper-custom-nav .box-nav-small .swiper-button-next:after { width: 0; height: 2px; content: ''; } .swiper-custom-nav .box-nav-small .swiper-button-prev:hover:after, .swiper-custom-nav .box-nav-small .swiper-button-next:hover:after { width: 53px; } .swiper-custom-nav .box-nav-large { font-size: 48px; } .swiper-custom-nav .box-nav-large .swiper-pagination { width: 64px; margin-right: -14px; } .swiper-custom-nav .box-nav-large .swiper-pagination .swiper-pagination-bullet-active { color: #fff; } .swiper-custom-nav .box-nav-large .total-counter { font-size: 24px; margin-left: -14px; } .swiper-custom-nav .box-nav-large .swiper-button-prev, .swiper-custom-nav .box-nav-large .swiper-button-next { top: -2px; height: 48px; padding-left: 15px; } .swiper-custom-nav .box-nav-large .swiper-button-prev:before, .swiper-custom-nav .box-nav-large .swiper-button-next:before { top: 58%; right: 34px; height: 3px; width: 25px; } .swiper-custom-nav .swiper-pagination { position: relative; counter-reset: span; } .swiper-custom-nav .swiper-pagination .swiper-pagination-bullet { position: absolute; overflow: hidden; pointer-events: none; opacity: 0; left: 0; } .swiper-custom-nav .swiper-pagination .swiper-pagination-bullet-active { position: relative; overflow: visible; opacity: 1; } .swiper-custom-nav .swiper-pagination .swiper-pagination-bullet:before { line-height: 1; letter-spacing: .025em; content: counter(span, decimal-leading-zero); counter-increment: span; } .swiper-custom-nav .swiper-button-next { transform: scale(-1, 1); } .swiper-custom-nav .wrap-counter { color: #fff; } .swiper-custom-nav .wrap-counter > * { display: inline-block; } .swiper-custom-nav .icon-arrow { font-size: 24px; line-height: 30px; color: #fff; vertical-align: middle; max-height: 30px; } .swiper-creative .swiper-container:after { position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; } @media (min-width: 1200px) { .swiper-creative .swiper-container:after { min-width: 860px; left: auto; background: rgba(0, 0, 0, 0.7); } } @media (min-width: 1600px) { .swiper-creative .swiper-container:after { min-width: 951px; } } .swiper-creative .swiper-slide-caption { min-height: 420px; } @media (min-width: 768px) { .swiper-creative .swiper-slide-caption { min-height: 500px; } } @media (min-width: 992px) { .swiper-creative .swiper-slide-caption { min-height: 650px; } } @media (min-width: 1200px) { .swiper-creative .swiper-slide-caption { min-height: 790px; } } .swiper-creative .swiper-slide-content { width: 100%; padding-top: 100px; padding-bottom: 100px; } @media (min-width: 992px) { .swiper-creative .swiper-slide-content { padding-top: 150px; } } @media (min-width: 1200px) { .swiper-creative .swiper-slide-content { padding-top: 130px; } } @media (min-width: 1200px) { .swiper-creative h1 { max-width: 700px; } } @media (min-width: 1600px) { .swiper-creative h1 { max-width: 100%; } } @media (min-width: 1200px) { .swiper-creative .box-right { max-width: 710px; margin-left: auto; } } @media (min-width: 1600px) { .swiper-creative .box-right { max-width: 762px; } } .swiper-creative .box-nav { bottom: 40px; width: 100%; text-align: center; transform: translateX(-50%); } @media (min-width: 1200px) { .swiper-creative .box-nav { right: 0; left: auto; max-width: 787px; text-align: left; transform: translateX(0); } } @media (min-width: 992px) { .swiper-creative .box-nav { bottom: 50px; } } @media (min-width: 1600px) { .swiper-creative .box-nav { max-width: 837px; } } .box-nav__classic { width: 100%; transform: translateX(-50%); bottom: 35px; } @media (min-width: 992px) { .box-nav__classic { bottom: 50px; } } @media (min-width: 1600px) { .box-nav__classic { bottom: 100px; } } .box-nav__creative { bottom: 50%; width: 100%; transform: translate(-50%, 50%) scale(0.7); } @media (min-width: 768px) { .box-nav__creative { transform: translate(-50%, 50%) scale(1); width: auto; } } @media (min-width: 1200px) { .box-nav__creative { transform: translate(-50%, 100%); } } .swiper-slide-caption { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; } .swiper-carousel .swiper-slide-caption { justify-content: flex-end; min-height: 100%; padding-top: 30px; padding-bottom: 80px; } @media (min-width: 1600px) { .swiper-carousel .swiper-slide-caption { padding-bottom: 130px; } } .swiper-carousel .swiper-slide { min-height: 100%; } .swiper-carousel .swiper-slide-content { text-align: center; max-width: 90%; } @media (min-width: 1600px) { .swiper-carousel .swiper-slide-content { max-width: 75%; } } .swiper-carousel p.text-divider { opacity: 1; min-height: 133px; max-height: 133px; } .swiper-carousel p.text-divider span { color: rgba(255, 255, 255, 0.5); } @media (min-width: 576px) { .swiper-carousel p.text-divider { min-height: 95px; max-height: 95px; } } @media (min-width: 768px) { .swiper-carousel p.text-divider { min-height: 133px; max-height: 133px; } } @media (min-width: 992px) { .swiper-carousel p.text-divider { min-height: 95px; max-height: 95px; } } @media (min-width: 1200px) { .swiper-carousel p.text-divider { min-height: 114px; max-height: 114px; } } @media (min-width: 1600px) { .swiper-carousel p.text-divider { min-height: auto; max-height: 135px; } } @media (min-width: 576px) { .swiper-carousel .row-custom > div:nth-child(2) { order: 1; } } @media (min-width: 768px) { .swiper-carousel .row-custom > div:nth-child(2) { order: 0; } } @media (min-width: 1200px) { .swiper-carousel-classic .swiper-slide-caption { min-height: 400px; } } @media (min-width: 768px) { .swiper-carousel-classic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; } } @supports (object-fit: cover) { @media (min-width: 768px) { .swiper-carousel-classic img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; left: auto; top: auto; transform: translate(0, 0); min-width: auto; min-height: auto; } } } .swiper-carousel-creative .swiper-slide-active { z-index: 1; } .ie-10 .swiper-classic .swiper-slide-caption, .ie-11 .swiper-classic .swiper-slide-caption { height: 300px; } @media (min-width: 768px) { .ie-10 .swiper-classic .swiper-slide-caption, .ie-11 .swiper-classic .swiper-slide-caption { height: 540px; } } @media (min-width: 992px) { .ie-10 .swiper-classic .swiper-slide-caption, .ie-11 .swiper-classic .swiper-slide-caption { height: 650px; } } @media (min-width: 1200px) { .ie-10 .swiper-classic .swiper-slide-caption, .ie-11 .swiper-classic .swiper-slide-caption { height: 784px; } } .ie-10 .swiper-modern .swiper-slide-caption, .ie-11 .swiper-modern .swiper-slide-caption { height: 420px; } @media (min-width: 768px) { .ie-10 .swiper-modern .swiper-slide-caption, .ie-11 .swiper-modern .swiper-slide-caption { height: 500px; } } @media (min-width: 992px) { .ie-10 .swiper-modern .swiper-slide-caption, .ie-11 .swiper-modern .swiper-slide-caption { height: 600px; } } @media (min-width: 1200px) { .ie-10 .swiper-modern .swiper-slide-caption, .ie-11 .swiper-modern .swiper-slide-caption { height: 738px; } } .ie-10 .swiper-creative .swiper-slide-caption, .ie-11 .swiper-creative .swiper-slide-caption { height: 420px; } @media (min-width: 768px) { .ie-10 .swiper-creative .swiper-slide-caption, .ie-11 .swiper-creative .swiper-slide-caption { height: 500px; } } @media (min-width: 992px) { .ie-10 .swiper-creative .swiper-slide-caption, .ie-11 .swiper-creative .swiper-slide-caption { height: 650px; } } @media (min-width: 1200px) { .ie-10 .swiper-creative .swiper-slide-caption, .ie-11 .swiper-creative .swiper-slide-caption { height: 790px; } } .ie-10 .swiper-carousel .swiper-slide-caption, .ie-11 .swiper-carousel .swiper-slide-caption { height: 396px; } .swiper-scale-effect .swiper-slide-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 8.5s ease-out; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .swiper-scale-effect .swiper-slide:nth-child(1) .swiper-slide-cover { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .swiper-scale-effect .swiper-slide:nth-child(2) .swiper-slide-cover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .swiper-scale-effect .swiper-slide:nth-child(3) .swiper-slide-cover { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-scale-effect .swiper-slide:nth-child(2).swiper-slide-active .swiper-slide-cover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 16px; height: 100%; margin: 0 auto; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 16px; height: 100%; margin: 0 auto; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #f2f3f8; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #d1d4e6; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; text-align: center; padding-left: 0; padding-right: 0; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide:focus { outline: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 40px; font-size: 24px; cursor: pointer; background: #33b234; color: #fff; top: 50%; margin-top: -10px \9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; } .slick-prev:hover, .slick-next:hover { outline: none; color: #33b234; background-color: #fff; } .slick-prev.slick-disabled, .slick-next.slick-disabled { background-color: #333; } .slick-prev:before, .slick-next:before { font-family: "Material Icons"; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-slider { margin-bottom: 1px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.7; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 1; } #child-carousel .slick-slide { cursor: pointer; max-width: calc(25% - 1px); } #child-carousel .slick-slide img { width: 100%; } #child-carousel .slick-slide + .slick-slide { margin-left: 1px; } #child-carousel .slick-slide:hover .slick-slide-overlay:before { border-color: #33b234; } #child-carousel .slick-slide-overlay { position: relative; } #child-carousel .slick-slide-overlay:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; display: inline-block; border: 2px solid transparent; transition: 300ms ease-in; } #child-carousel .slick-current .slick-slide-overlay:before { border-color: #33b234; } @media (min-width: 768px) { #child-carousel .slick-slide { max-width: 100%; } } @media (min-width: 992px) { #child-carousel .slick-slide { max-width: calc(25% - 1.5px); } } @media (min-width: 768px) and (max-width: 991.98px) { .slick-vertical { display: flex; margin-left: -15px; margin-right: -15px; } .slick-vertical .carousel-parent, .slick-vertical #child-carousel { padding-left: 15px; padding-right: 15px; } .slick-vertical .carousel-parent { width: 80%; margin-bottom: 0; } .slick-vertical .carousel-parent .slick-slide img { width: 100%; } .slick-vertical #child-carousel { width: 20%; display: flex; align-content: stretch; } .slick-vertical #child-carousel .slick-arrow { display: none !important; } .slick-vertical #child-carousel .slick-track { display: flex; flex-direction: column; justify-content: space-between; height: auto !important; width: auto !important; } .slick-vertical #child-carousel .slick-track:before, .slick-vertical #child-carousel .slick-track:after { content: none; } .slick-vertical #child-carousel .slick-list { display: flex; height: auto !important; } .slick-vertical #child-carousel .slick-slide img { display: block; } .slick-vertical #child-carousel .slick-slide { width: 100% !important; max-height: 115px; } } .slick-custom-nav .slick-prev, .slick-custom-nav .slick-next { background-color: transparent; font-size: 60px; } .slick-custom-nav .slick-prev { left: -30px; } .slick-custom-nav .slick-next { right: -20px; } @media (min-width: 1600px) { .slick-custom-nav .slick-prev { left: -50px; } .slick-custom-nav .slick-next { right: -40px; } } .blog-h3 { color: green; font-size: 1.5em; margin: 1em; margin-left: 0; } .blog-bullet { display:list-item; margin-left: 1em; font-size: 1em; font-weight: 700; }