html *:first-child { margin-top: 0; } html *:last-child { margin-bottom: 0; } body { font-family: Lato, Helvetica, Arial, sans-serif; font-size: var(--font-size); width: 100vw; font-weight: var(--font-weight); line-height: var(--line-height); color: var(--font-color); background-color: #fff; margin: 0; overflow-x: hidden; } a { color: var(--first-color); text-decoration: none; transition: 0.3s; } a:hover, a:focus { color: #272c4c; text-decoration: none; outline: none; } a[href*="mailto"] { white-space: nowrap; } a.link-default { color: #737373; } a.link-default:hover { color: var(--first-color); } .link { display: inline-block; } img { display: inline-block; max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h1, h2, h3, h4, h5, .heading-1 { color: #292929; } h1, h2, h3, h4, h5, .heading-1 { margin-top: 0; margin-bottom: 0; font-weight: 700; color: #292929; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .heading-1 a:hover { color: #303b81; } h1, .heading-1 { font-size: 40px; line-height: 1.1; } @media (min-width: 1200px) { h1, .heading-1 { line-height: 1.1875; font-size: 64px; } } h2 { font-size: 36px; line-height: 1.1; } @media (min-width: 1200px) { h2 { line-height: 1.20833; font-size: 48px; } } h3 { font-size: 30px; line-height: 1.2; } @media (min-width: 1200px) { h3 { line-height: 1.16667; font-size: 36px; } } h4 { font-size: 26px; line-height: 1.3; } @media (min-width: 1200px) { h4 { line-height: 1.41667; font-size: 24px; } } h5 { font-size: 22px; line-height: 1.3; } @media (min-width: 1200px) { h5 { line-height: 1.36364; font-size: 22px; } } small, .small { display: block; font-size: 12px; } hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #b8b8b8; } .decorative-divider { display: block; font-size: 0; line-height: 0; } .decorative-divider:before { content: ""; display: inline-block; width: 30px; margin-top: 0; margin-bottom: 0; border-top: 3px solid var(--second-color); } .relative-block { position: relative; } .inline-block { display: inline-block; } .block-centered { margin-left: auto; margin-right: auto; } .bg-white { background-color: #fff; } .bg-gray { background-color: #f1f4fc; } .bg-primary { background-color: var(--first-color); } .bg-primary a { color: var(--second-color); } .bg-primary a:hover { color: #fff; } .bg-primary .btn-primary { color: var(--first-color); background-color: transparent; border-color: #fff; } .bg-primary .btn-primary:after { border-color: #f2f2f2 transparent transparent transparent; } .bg-primary .btn-primary:before { background-color: #fff; } .bg-primary .btn-primary:hover, .bg-primary .btn-primary:focus, .bg-primary .btn-primary:active, .bg-primary .btn-primary:hover { color: var(--first-color); background-color: transparent; border-color: #f2f2f2; } .bg-primary-dark { background-color: #272c4c; } .bg-primary-dark a { color: var(--second-color); } .bg-primary-dark a:hover { color: #fff; } .bg-primary-dark a.link-default { color: #b8b8b8; } .bg-primary-dark a.link-default:hover { color: var(--second-color); } .bg-primary-dark p { color: #b8b8b8; } .bg-image-1 { background-size: cover; background-position: center center; background-repeat: no-repeat; } .bg-image-1 { position: relative; background-image: url("../images/index-sustainability-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .bg-image-1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .bg-image-1 > * { position: relative; z-index: 2; } .page .text-gray-base { color: #000; } .page a.text-gray-base:hover, .page a.text-gray-base:focus { color: var(--first-color); } .page .text-gray-darker { color: #292929; } .page a.text-gray-darker:hover, .page a.text-gray-darker:focus { color: var(--first-color); } .py-5 { padding: 5rem 0; } .page .text-gray-dark { color: #737373; } .page a.text-gray-dark:hover, .page a.text-gray-dark:focus { color: var(--first-color); } .page .text-gray { color: #555; } .page a.text-gray:hover, .page a.text-gray:focus { color: var(--first-color); } .page .text-gray-light { color: #ddd; } .page a.text-gray-light:hover, .page a.text-gray-light:focus { color: var(--first-color); } .page .text-gray-lighter { color: #b8b8b8; } .page a.text-gray-lighter:hover, .page a.text-gray-lighter:focus { color: var(--first-color); } .page .text-primary { color: var(--first-color); } .page a.text-primary:hover, .page a.text-primary:focus { color: #374494; } .page .text-secondary { color: var(--second-color); } .page a.text-secondary:hover, .page a.text-secondary:focus { color: #cc9500; } .page .text-white { color: #fff; } .page a.text-white:hover, .page a.text-white:focus { color: #e6e6e6; } .page { position: relative; z-index: 1; overflow: hidden; min-height: 100vh; } .page-header { padding: 0; margin: 0; border-bottom: none; position: relative; z-index: 1000; } .page-footer-default { padding-top: 10px; padding-bottom: 10px; } .page-footer-default .footer-top { padding-top: 40px; padding-bottom: 20px; } .page-footer-default .footer-bottom { padding-top: 20px; padding-bottom: 10px; } @media (min-width: 1200px) { .page-footer-default .decorative { padding-left: 0; } .page-footer-default .decorative-title:before { display: none; } } @media (min-width: 1800px) { .page-footer-default .footer-top { padding-top: 87px; padding-bottom: 50px; } .page-footer-default .footer-bottom { padding-top: 36px; padding-bottom: 17px; } .page-footer-default .decorative { padding-left: 31px; } .page-footer-default .decorative-title:before { display: block; } } .brand { display: block; } .brand img { max-width: none; } .col-12 { width: 100%; } .mt-2 { margin-top: 20px; } .mt-3 { margin-top: 30px; } .mt-4 { margin-top: 40px; } .mt-5 { margin-top: 50px; } .page .icon { display: inline-block; text-align: center; font-size: 40px; line-height: 40px; border-radius: 50%; vertical-align: middle; } .page .icon-image { position: relative; } .page .icon-image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .page .icon-image-primary { background: var(--first-color); } .bg-primary .page .icon-image-primary { color: var(--second-color); } .page .icon-white { color: #fff; } .bg-white .page .icon-white { color: var(--second-color); } .page .icon-xs { font-size: 24px; min-width: 24px; height: 24px; line-height: 24px; } .page .icon-image-lg { width: 120px; height: 120px; } .blurb .blurb-title { margin-top: 10px; font-weight: bold; } .blurb .blurb-content { margin-top: 5px; } @media (min-width: 1800px) { .blurb .blurb-title { margin-top: 20px; } } .blurb-custom { text-align: center; padding: 0 10px 20px; position: relative; } .blurb-custom:before { content: ""; position: absolute; left: 0; top: 60px; right: 0; bottom: 0; z-index: -1; background: #fff; } .blurb-custom a { color: var(--first-color); } .blurb-custom a:hover { color: #272c4c; } .blurb-custom p { color: #737373; } .blurb-custom .blurb-title { margin-top: 10px; font-weight: bold; } .blurb-custom .blurb-content { margin-top: 15px; } @media (min-width: 1800px) { .blurb-custom { padding: 0 20px 42px; } .blurb-custom .blurb-title { margin-top: 27px; } } .blurb-1 .blurb-title { margin-top: 15px; } .blurb-1 .blurb-content { margin-top: 9px; } .blurb-1 a { color: #272c4c; } .blurb-1 a:hover { color: var(--first-color); } @media (min-width: 1800px) { .blurb-1 .blurb-title { margin-top: 30px; } } .btn-kwasi { color: #fff; position: relative; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .button { display: inline-block; position: relative; padding: 10px 10px; font-size: 14px; line-height: 30px; border-radius: 0; white-space: nowrap; letter-spacing: 0.9px; overflow: hidden; text-overflow: ellipsis; border-style: solid; border-width: 2px; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; vertical-align: middle; user-select: none; transition: 0.5s; z-index: 1; } .button:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; } .button:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 0 0; border-color: #2791d3 transparent transparent transparent; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: -1; } .button:hover:after, .button:focus:after, .button:active:after { border-width: 370px 370px 0 0; } .button:focus, .button:active, .button:active:focus { outline: none; } @media (min-width: 768px) { .button { padding: 10px 49px; font-size: 16px; line-height: 30px; border-radius: 0; } } .button-primary { color: #fff; background-color: transparent; border-color: var(--first-color); } .button-primary:after { border-color: #3e4ca6 transparent transparent transparent; } .button-primary:before { background-color: var(--first-color); } .button-primary:hover, .button-primary:focus, .button-primary:active, .button-primary:hover { color: #fff; background-color: transparent; border-color: #3e4ca6; } .button-secondary { color: #292929; background-color: transparent; border-color: var(--second-color); } .button-secondary:after { border-color: var(--first-color) transparent transparent transparent; } .button-secondary:before { background-color: var(--second-color); } .button-secondary:hover, .button-secondary:focus, .button-secondary:active, .button-secondary:hover { color: #fff; background-color: transparent; border-color: var(--first-color); } .button-white-outline { color: #fff; background-color: transparent; border-color: #fff; } .button-white-outline:after { border-color: #fff transparent transparent transparent; } .button-white-outline:before { background-color: transparent; } .button-white-outline:hover, .button-white-outline:focus, .button-white-outline:active, .button-white-outline:hover { color: var(--first-color); background-color: transparent; border-color: #fff; } .btn-group-fullwidth { display: flex; width: 100%; } .btn-group-fullwidth > .button { flex-grow: 1; padding-left: 10px; padding-right: 10px; } .btn-group-fullwidth * + .button { margin-top: 0; } .btn-group-custom > .button, .btn-group-custom { max-width: 100%; } .btn-group-md { transform: translateY(-20px); margin-bottom: -20px; margin-left: -30px; } .btn-group-md > .button, .btn-group-md > .button:first-child { margin-top: 20px; margin-left: 30px; } .rd-mailform { position: relative; text-align: left; } label { margin-bottom: 2px; } .form-validation { position: absolute; right: 10px; top: 1px; font-size: 11px; line-height: 11px; color: #d9534f; margin-top: 1px; transition: 0.3s; z-index: 11; } .checkbox { padding-left: 20px; } ul, ol { list-style: none; padding: 0; margin: 0; } .list > li + li { margin-top: 10px; } .list-lg > li + li { margin-top: 18px; } .list-inline-sm { margin-left: -5px; margin-right: -5px; } .list-inline-sm > li { display: inline-block; padding-left: 5px; padding-right: 5px; } @media (min-width: 1800px) { .list-inline-sm { margin-left: -10px; margin-right: -10px; } .list-inline-sm > li { display: inline-block; padding-left: 10px; padding-right: 10px; } } .list-marked li { position: relative; } .list-marked li:before { content: "\f285"; font-family: "bootstrap-icons"; position: absolute; left: 0; color: #b8b8b8; } .list-marked-1 li { padding-left: 28px; } .list-marked-1 li:before { top: 0; } .list-marked-1 li + li { margin-top: 10px; } .list-dotted > li { position: relative; display: inline-block; padding: 3px 0; vertical-align: middle; } .list-dotted > li:not(:last-child) { padding-right: 18px; } .list-dotted > li:not(:last-child):after { content: ""; position: absolute; top: 50%; right: 8px; width: 2px; height: 2px; background: #292929; transform: translateY(-50%); } @media (min-width: 768px) { .list-dotted > li:not(:last-child) { padding-right: 38px; } .list-dotted > li:not(:last-child):after { right: 16px; } } .post-default .post-media > a { display: block; } .post-default .post-media img { width: 100%; } .post-default * + .post-title { margin-top: 20px; } .post-default * + .post-meta { margin-top: 12px; } .post-default * + .post-content { margin-top: 15px; } .post-default * + .post-link { margin-top: 12px; } @media (min-width: 1800px) { .post-default * + .post-title { margin-top: 31px; } .post-default * + .post-meta { margin-top: 16px; } .post-default * + .post-content { margin-top: 17px; } .post-default * + .post-link { margin-top: 19px; } } .post-link, .post-link-after { position: relative; display: inline-block; padding-left: 37px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .post-link:before { content: "\f1bb"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: "bootstrap-icons"; font-size: 24px; } .post-link-after::before { content: "\f1c3"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: "bootstrap-icons"; font-size: 24px; } .mt-2 { margin-top: 2rem; } .product-small { padding: 20px; text-align: center; } .product-small > a { display: inline-block; } .product-small .product-title { font-weight: 700; margin-top: 20px; } @media (min-width: 1800px) { .product-small .product-title { margin-top: 43px; } } .thumbnail-type-3 { position: relative; margin: auto; max-width: 475px; } .thumbnail-type-3:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 6px solid var(--second-color); pointer-events: none; } .thumbnail-type-3 .caption { padding: 20px 30px; } @media (min-width: 1200px) { .thumbnail-type-3 { max-width: 405px; } .thumbnail-type-3:before { left: -40px; top: 87px; right: 73px; } .thumbnail-type-3 img { position: relative; } .thumbnail-type-3 .caption { margin-top: 44px; padding: 0 130px 49px 0; } .thumbnail-type-3 .description { margin-top: 15px; } .thumbnail-type-3 .post-link { position: absolute; bottom: 0; right: 17px; transform: rotate(-90deg) translateX(100%); transform-origin: 100% 100%; } } @media (min-width: 1800px) { .thumbnail-type-3 { max-width: 490px; } .thumbnail-type-3:before { left: -47px; } } .timeline .timeline-item { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: center; } .timeline .timeline-item-header { flex-shrink: 0; } .timeline .timeline-item-body { position: relative; padding-left: 73px; flex-grow: 1; } .timeline .timeline-item-body:before, .timeline .timeline-item-body:after { content: ""; position: absolute; top: 7px; } .timeline .timeline-item-body:before { left: 37px; background: #ddd; } .timeline .timeline-item-body:after { left: 32px; width: 11px; height: 11px; border-radius: 12px; background: var(--first-color); } .timeline > li:not(:last-child) .timeline-item-body { padding-bottom: 21px; } .timeline > li:not(:last-child) .timeline-item-body:before { width: 1px; height: 100%; } .navigation-pills li a { display: inline-block; padding: 3px 9px; border: 1px solid var(--first-color); border-radius: 5px; font-size: 16px; transition: 0.2s; } .navigation-pills li a.active, .navigation-pills li a:hover, .navigation-pills li a:focus { background-color: var(--first-color); color: #fff; } .me-2 { margin-right: 20px; } .section-bredcrumbs { padding-top: 160px; padding-bottom: 60px; position: relative; } .section-bredcrumbs:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(top, #000 0%, transparent 100%); background-image: -o-linear-gradient(top, #000 0%, transparent 100%); background-image: linear-gradient(to bottom, #000 0%, transparent 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#00000000', GradientType=0); opacity: 0.5; } .section-bredcrumbs > * { position: relative; z-index: 1; } @media (min-width: 992px) { .desktop .section-bredcrumbs { padding-top: 200px; } } @media (min-width: 1800px) { .desktop .section-bredcrumbs { padding-top: 248px; } } .breadcrumbs-custom { margin-top: 20px; list-style: none; } .breadcrumbs-custom > li { display: inline-block; color: #fff; } .breadcrumbs-custom > li > a { color: var(--second-color); } .breadcrumbs-custom > li > a:hover { text-decoration: underline; } .breadcrumbs-custom > li:not(:last-child):after { padding: 0 16px 0 10px; font-family: "bootstrap-icons"; content: "\f285"; color: #fff; } @media (min-width: 992px) { .breadcrumbs-custom { margin-top: 30px; } } @media (min-width: 1800px) { .breadcrumbs-custom { margin-top: 111px; } } .pagination-custom { font-size: 0; } .pagination-custom > li { margin: 0 3px; } .pagination-custom > li, .pagination-custom > li > a, .pagination-custom > li > span { display: inline-block; } .pagination-custom > li > a, .pagination-custom > li > span { padding: 10px 10px; font-size: 14px; line-height: 20px; } .pagination-custom > li > a, .pagination-custom > li > span { min-width: 44px; font-weight: 700; transition: 0.3s; text-align: center; background-color: transparent; color: var(--first-color); border: 2px solid #ddd; } @media (max-width: 479px) { .pagination-custom > li:first-child, .pagination-custom > li:last-child { display: none; } } .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; font-size: 11px; line-height: 1; } .pagination-custom > li > a:hover, .pagination-custom > li > a:focus, .pagination-custom > li > a:active, .pagination-custom > li > a:active:focus, .pagination-custom > li > span:hover, .pagination-custom > li > span:focus, .pagination-custom > li > span:active, .pagination-custom > li > span:active:focus { color: #fff; background-color: #ccc; border-color: #ccc; box-shadow: none; } .pagination-custom > .active > a, .pagination-custom > .active > a:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > a:active, .pagination-custom > .active > a:active:focus, .pagination-custom > .active > span, .pagination-custom > .active > span:hover, .pagination-custom > .active > span:focus, .pagination-custom > .active > span:active, .pagination-custom > .active > span:active:focus { color: #fff; background-color: var(--first-color); border-color: var(--first-color); box-shadow: none; } .decorative-title { position: relative; font-weight: 700; } .decorative-title > * { font-weight: 700; } .decorative-title:before { content: ""; position: absolute; background-color: var(--second-color); top: 0; bottom: 0; } .decorative .decorative-title + .decorative-title { margin-top: 0; } .decorative-md { padding-left: 15px; } .decorative-md .decorative-title:before { left: -15px; width: 3px; } .decorative-lg { padding-left: 0; } @media (max-width: 992px) { .decorative-lg > h1, .decorative-lg > h3, .decorative-lg > p { margin-left: 15px; } } .decorative-lg .decorative-title:before { left: -15px; width: 6px; } @media (min-width: 992px) { .decorative-md { padding-left: 31px; } .decorative-md .decorative-title:before { left: -31px; } .decorative-lg { padding-left: 44px; } .decorative-lg .decorative-title:before { left: -44px; } } .decorative-container { position: relative; padding: 25px 0; } html .decorative-container .decorative-cell { padding: 25px 0; } html .decorative-container .decorative-cell > * { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .decorative-container { padding: 50px 0; } } @media (min-width: 992px) { .decorative-container { padding: 65px 0; } .decorative-container .decorative-cell:before, .decorative-container .decorative-cell:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; padding: 0; } .decorative-container .decorative-cell:before { border-right: 1px solid rgba(255, 255, 255, 0.2); } .decorative-container .decorative-cell:last-child:after { right: 0; border-left: 1px solid rgba(255, 255, 255, 0.2); } } @media (min-width: 768px) { .image-wrapper-2 { display: flex; align-items: flex-start; } .image-wrapper-2 > * { max-width: 33.333%; height: auto; } } @media (min-width: 1200px) { .image-wrapper-2 { flex-direction: column; max-width: 700px; margin: auto; } .image-wrapper-2 > * { position: relative; max-width: 100%; } .image-wrapper-2 > *:nth-child(3n + 1) { align-self: flex-start; margin-top: -99px; } .image-wrapper-2 > *:nth-child(3n + 2) { align-self: flex-end; margin-top: -99px; } .image-wrapper-2 > *:nth-child(3n + 3) { align-self: center; margin-top: -49px; } .image-wrapper-2 > *:first-child { margin-top: 0; } } @media (min-width: 1200px) { .text-block-1 { max-width: 590px; } } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-middle { vertical-align: middle; } @media (min-width: 480px) { 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; } } @media (min-width: 1800px) { html:not(.lt-ie10) .text-xl-left { text-align: left; } html:not(.lt-ie10) .text-xl-center { text-align: center; } html:not(.lt-ie10) .text-xl-right { text-align: right; } html:not(.lt-ie10) .text-xl-justify { text-align: justify; } } .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; } html .page .group { transform: translateY(-20px); margin-bottom: -20px; margin-left: -15px; } html .page .group > *, html .page .group > *:first-child { display: inline-block; margin-top: 20px; margin-left: 15px; } .context-dark h1, .swiper-slide h1, .context-dark .h1, .swiper-slide .h1, .context-dark h2, .swiper-slide h2, .context-dark .h2, .swiper-slide .h2, .context-dark h3, .swiper-slide h3, .context-dark .h3, .swiper-slide .h3, .context-dark h4, .swiper-slide h4, .context-dark .h4, .swiper-slide .h4, .context-dark h5, .swiper-slide h5, .context-dark .h5, .swiper-slide .h5, .context-dark, .swiper-slide { color: #fff; } .section-xs, .section-sm, .section-md, .section-lg, .section-xl { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .section-xs, .section-sm, .section-md, .section-lg, .section-xl { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .section-xs, .section-sm, .section-md, .section-lg, .section-xl { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 1200px) { .section-xs { padding-top: 90px; padding-bottom: 90px; } .section-md { padding-top: 111px; padding-bottom: 111px; } .section-lg { padding-top: 108px; padding-bottom: 108px; } } @media (min-width: 1800px) { .section-xs { padding-top: 90px; padding-bottom: 90px; } .section-sm { padding-top: 120px; padding-bottom: 120px; } .section-md { padding-top: 111px; padding-bottom: 111px; } .section-lg { padding-top: 108px; padding-bottom: 108px; } .section-xl { padding-top: 237px; padding-bottom: 238px; } } * + p { margin-top: 15px; } * + h3 { margin-top: 34px; } p + p { margin-top: 10px; } * + h2 { margin-top: 20px; } * + h2 { margin-top: 20px; } * + h3 { margin-top: 20px; } * + h4 { margin-top: 20px; } * + h5 { margin-top: 20px; } h1 + h2, h2 + h3, h3 + h4, h4 + h5 { margin-top: 10px; } h1 + p, h2 + p, h4 + p, h5 + p { margin-top: 10px; } h3 + p { margin-top: 20px; } p + h2 { margin-top: 45px; } p + h3 { margin-top: 45px; } p + h4 { margin-top: 45px; } p + h5 { margin-top: 45px; } img + p { margin-top: 15px; } h3 + img { margin-top: 42px; } article + .button { margin-top: 40px; } h5 + .button { margin-top: 20px; } * + .row { margin-top: 30px; } * + .rd-mailform { margin-top: 25px; } * + .btn-group { margin-top: 30px; } * + .button-wrap-md { margin-top: 30px; } * + .blurb-custom { margin-top: 70px; } * + .post-link { margin-top: 18px; } * + .list-marked { margin-top: 11px; } * + .text-block { margin-top: 20px; } * + .timeline, * + .range { margin-top: 30px; } html * + .quote { margin-top: 20px; } html * + .list-lg { margin-top: 26px; } .range + h3 { margin-top: 80px; } .decorative-title + p { margin-top: 20px; } .decorative-title + .list-marked { margin-top: 27px; } .link + .decorative-md, .link + .decorative-title { margin-top: 20px; } .shell + .shell { margin-top: 60px; } .range + .range { margin-top: 30px; } .btn-group + .rd-mailform { margin-top: 22px; } @media (min-width: 1800px) { * + p { margin-top: 15px; } p + p { margin-top: 10px; } h1 + h2 { margin-top: 31px; } h2 + h3 { margin-top: 31px; } h3 + h4 { margin-top: 32px; } h4 + h5 { margin-top: 29px; } h1 + p { margin-top: 31px; } h2 + p { margin-top: 32px; } h3 + p { margin-top: 30px; } h4 + p { margin-top: 21px; } h5 + p { margin-top: 10px; } p + h2 { margin-top: 45px; } p + h3 { margin-top: 45px; } p + h4 { margin-top: 45px; } p + h5 { margin-top: 45px; } article + .button { margin-top: 90px; } .decorative-title + p { margin-top: 29px; } .link + .decorative-md, .link + .decorative-title { margin-top: 36px; } .range + .range { margin-top: 50px; } * + .row { margin-top: 50px; } * + .blurb-custom { margin-top: 70px; } * + .btn-group { margin-top: 70px; } * + .rd-mailform { margin-top: 55px; } * + .range { margin-top: 38px; } * + .quote { margin-top: 44px; } * + .text-block { margin-top: 33px; } } html .shell .range-60, html .range-60 { position: relative; transform: translateY(-60px); margin-bottom: -60px; pointer-events: none; } html .shell .range-60 > *:before, html .range-60 > *:before { content: ""; display: table; width: 0; } html .shell .range-60 > *, html .range-60 > * { margin-top: 60px; pointer-events: auto; } html .shell .range-50, html .range-50 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .shell .range-50 > *:before, html .range-50 > *:before { content: ""; display: table; width: 0; } html .shell .range-50 > *, html .range-50 > * { margin-top: 50px; pointer-events: auto; } html .shell .range-40, html .range-40 { position: relative; transform: translateY(-40px); margin-bottom: -40px; pointer-events: none; } html .shell .range-40 > *:before, html .range-40 > *:before { content: ""; display: table; width: 0; } html .shell .range-40 > *, html .range-40 > * { margin-top: 40px; pointer-events: auto; } html .shell .range-30, html .range-30 { position: relative; transform: translateY(-30px); margin-bottom: -30px; pointer-events: none; } html .shell .range-30 > *:before, html .range-30 > *:before { content: ""; display: table; width: 0; } html .shell .range-30 > *, html .range-30 > * { margin-top: 30px; pointer-events: auto; } html .shell .range-15, html .range-15 { position: relative; transform: translateY(-15px); margin-bottom: -15px; pointer-events: none; } html .shell .range-15 > *:before, html .range-15 > *:before { content: ""; display: table; width: 0; } html .shell .range-15 > *, html .range-15 > * { margin-top: 15px; pointer-events: auto; } @media (min-width: 1800px) { html .range-xl-3-col > [class*="cell-"] { flex-basis: 30%; max-width: 30%; } } p { margin: 0; } .quote { padding: 0; margin: 0; font-size: inherit; border-left: none; } .quote q:before, .quote q:after { content: none; } .quote small { margin-top: 6px; font-size: 12px; line-height: 16px; color: #b8b8b8; } .quote small:before { display: none; } .context-dark .quote q { color: #fff; } .quote-secondary .bi-quote { color: var(--second-color); } .quote-default .bi-quote { font-size: 36px; min-width: 36px; height: 36px; line-height: 36px; } .quote-default q { font-size: 22px; line-height: 1.4; font-style: italic; color: #737373; } .quote-default * + p { margin-top: 15px; } @media (min-width: 1800px) { .quote-default q { font-size: 24px; line-height: 1.41667; } .quote-default * + p { margin-top: 27px; } } .mark { background-color: var(--first-color); color: #fff; } .text-extra-large { font-size: 60px; line-height: 0.9; } @media (min-width: 768px) { .text-extra-large { font-size: 150px; } } @media (min-width: 992px) { .text-extra-large { font-size: 200px; } } .shell, .shell-wide, .shell-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .shell, .shell-wide { min-width: 300px; max-width: 480px; } @media (min-width: 768px) { .shell, .shell-wide { max-width: 750px; } } @media (min-width: 992px) { .shell, .shell-wide { max-width: 970px; } } @media (min-width: 1200px) { .shell, .shell-wide { max-width: 1200px; } } @media (min-width: 1200px) { .shell-wide { max-width: 1800px; } } .shell-fluid { width: 100%; } @media (min-width: 1200px) { .shell-fluid { padding-left: 30px; padding-right: 30px; max-width: 2560px; } } @media (min-width: 1800px) { .shell-fluid { padding-left: 0; padding-right: 0; } } .range { margin-left: -15px; margin-right: -15px; } .range > .range { margin-left: 0; margin-right: 0; } .range-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } [class*="cell-"] { padding-left: 15px; padding-right: 15px; } html.lt-ie-10 * + .range, * + .range { margin-top: 50px; } html.lt-ie-10 * + [class*="cell-"], * + [class*="cell-"] { margin-top: 30px; } html.lt-ie-10 .range-condensed, .range-condensed { margin-left: 0; margin-right: 0; } html.lt-ie-10 .range-condensed > [class*="cell"], .range-condensed > [class*="cell"] { padding-left: 0; padding-right: 0; } html.lt-ie-10 .range-condensed > * + [class*="cell"], .range-condensed > * + [class*="cell"] { margin-top: 0; } .range { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .range > .range { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > [class*="cell"] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 480px) { * + [class*="cell-xs-"] { margin-top: 0; } .range > .cell-xs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } } @media (min-width: 768px) { * + [class*="cell-sm-"] { margin-top: 0; } .range > .cell-sm-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 992px) { * + [class*="cell-md-"] { margin-top: 0; } .range-md-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range > .cell-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-md-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-md-preffix-6 { margin-left: 50%; } .range > .cell-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } } @media (min-width: 1200px) { * + [class*="cell-lg-"] { margin-top: 0; } .range > .cell-lg-preffix-1 { margin-left: 8.33333%; } .range > .cell-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-lg-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 1800px) { * + [class*="cell-xl-"] { margin-top: 0; } .range-xl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range > .cell-xl-preffix-1 { margin-left: 8.33333%; } .range > .cell-xl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } } html.lt-ie-10 .range > .cell-xs-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-sm-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-sm-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-sm-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-sm-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-sm-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-md-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-md-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-md-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-md-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-md-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-md-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-lg-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-lg-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-lg-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-lg-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-lg-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-lg-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-lg-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > [class*="cell-md-preffix-"], html.lt-ie-10 .range > [class*="cell-lg-preffix-"] { margin-left: auto; } @media (min-width: 1800px) { .range-xl-condensed { margin-left: 0; margin-right: 0; } .range-xl-condensed > [class*="cell"] { padding-left: 0; padding-right: 0; } } @media (min-width: 1800px) { .cell-xl-postfix-1 { margin-right: 8.33333%; } } html .row.row-no-gutter > [class*="col"] { margin-top: 0; padding-left: 0; padding-right: 0; } html .row-no-gutter { margin-left: 0; margin-right: 0; } .unit { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit__body { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .unit__left { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .unit-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit > [class*="unit-"]:first-child { padding-top: 0; } .unit > .unit__left + .unit__body { padding-left: 0; padding-top: 20px; } .unit-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-horizontal > .unit__left + .unit__body { padding-top: 0; padding-left: 30px; } .unit-spacing-xxs.unit > [class*="unit-"]:first-child { padding-top: 0; } .unit-spacing-xxs.unit > .unit__left + .unit__body { padding-left: 0; padding-top: 7px; } .unit-spacing-xxs.unit-horizontal > .unit__left + .unit__body { padding-top: 0; padding-left: 15px; } @media (min-width: 992px) { .unit-spacing-xxs.unit > [class*="unit-"]:first-child { padding-top: 0; } .unit-spacing-xxs.unit > .unit__left + .unit__body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxs.unit-horizontal > .unit__left + .unit__body { padding-top: 0; padding-left: 14px; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; will-change: auto; } @-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; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-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; } html .isotope { margin-top: 60px; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px "bootstrap-icons"; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: "\f144"; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-item { width: 100%; } .owl-nav.disabled { display: none; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font: 400 46px/50px "bootstrap-icons"; color: #000; transition: 0.3s; } .owl-prev:hover, .owl-next:hover { color: var(--first-color); } .context-dark .owl-prev, .context-dark .owl-next { color: #fff; } .context-dark .owl-prev:hover, .context-dark .owl-next:hover { color: var(--first-color); } .owl-prev { left: 0; } .owl-prev:before { content: "\f104"; } .owl-next { right: 0; } .owl-next:before { content: "\f105"; } .owl-dots { text-align: center; margin-top: 10px; } .owl-dots.disabled { display: none; } .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border: 2px solid #000; border-radius: 50%; text-align: center; outline: none; cursor: pointer; background-color: transparent; transition: 0.2s; } .owl-dot:hover, .owl-dot:focus { background-color: #000; } .owl-dot:only-child { display: none; } .owl-dot.active { background-color: #000; } .owl-dot + .owl-dot { margin-left: 10px; } .owl-carousel-numbered .owl-dots { counter-reset: owl-dot; } .owl-carousel-numbered .owl-dot { position: relative; margin: 0 3px; padding-bottom: 0; width: auto; height: auto; border-radius: 0; font-weight: 700; color: rgba(41, 41, 41, 0.5); background: transparent; border: none; } .owl-carousel-numbered .owl-dot:before { content: counter(owl-dot, decimal-leading-zero); counter-increment: owl-dot; } .owl-carousel-numbered .owl-dot:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid transparent; transition: 0.3s; pointer-events: none; } .owl-carousel-numbered .owl-dot.active { color: #292929; } .owl-carousel-numbered .owl-dot.active:after { border-bottom: 1px solid var(--first-color); } .owl-carousel-numbered .owl-dot:hover, .owl-carousel-numbered .owl-dot:focus { color: var(--first-color); } @media (min-width: 768px) { .owl-carousel-numbered .owl-dots { margin-top: 0; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .owl-carousel-numbered .owl-dot { display: block; margin: 15px 0; padding-bottom: 4px; } .owl-carousel-numbered .owl-dot:after { width: 50vw; } .owl-carousel-numbered-custom { width: calc(100% - 80px); } .owl-carousel-numbered-custom .owl-dots { right: -50px; } } @media (min-width: 1800px) { .owl-carousel-numbered .owl-dots { right: 152px; } .owl-carousel-numbered .owl-dot { margin: 32px 0; } .owl-carousel-numbered-custom { width: calc(100% - 24%); margin-left: 8%; } .owl-carousel-numbered-custom .owl-dots { right: -11%; } } .context-dark .owl-carousel-numbered .owl-dot { color: rgba(255, 255, 255, 0.5); } .context-dark .owl-carousel-numbered .owl-dot.active { color: #fff; } .rd-navbar { display: none; font-size: 16px; line-height: 1; } .rd-navbar-wrap { position: relative; z-index: 1000; background: transparent; } .rd-navbar-toggle { position: relative; display: inline-block; padding: 0; border: none; cursor: pointer; vertical-align: top; background: none; color: #fff; width: 50px; height: 50px; line-height: 50px; display: none; } .rd-navbar-toggle:focus { outline: none; color: #fff; } .rd-navbar-toggle .toggle-icon { position: relative; display: block; margin: auto; transition: 0.3s all ease; } .rd-navbar-toggle .toggle-icon:after, .rd-navbar-toggle .toggle-icon:before { content: ""; position: absolute; left: 0; transition: 0.3s all ease; } .rd-navbar-toggle .toggle-icon:before { top: -10px; } .rd-navbar-toggle .toggle-icon:after { top: 10px; } .rd-navbar-toggle .toggle-icon:after, .rd-navbar-toggle .toggle-icon:before, .rd-navbar-toggle .toggle-icon { width: 30px; height: 5px; background-color: #fff; backface-visibility: hidden; } .rd-navbar-toggle .toggle-icon:before, .rd-navbar-toggle .toggle-icon:after { transition: top 0.3s 0.3s, transform 0.3s 0s; } .rd-navbar-toggle.active .toggle-icon { transition: background 0.3s 0s ease; background: transparent; } .rd-navbar-toggle.active .toggle-icon:before, .rd-navbar-toggle.active .toggle-icon:after { top: 0; transition: top 0.3s 0s, transform 0.3s 0.3s; } .rd-navbar-toggle.active .toggle-icon:before { transform: rotate(45deg); } .rd-navbar-toggle.active .toggle-icon:after { transform: rotate(-45deg); } .collapse-toggle { position: relative; display: inline-block; padding: 0; border: none; cursor: pointer; vertical-align: top; background: none; color: #292929; width: 50px; height: 50px; line-height: 50px; display: none; } .collapse-toggle:focus { outline: none; color: #292929; } .collapse-toggle .toggle-icon { top: 50%; margin-top: -3.125px; } .collapse-toggle .toggle-icon, .collapse-toggle .toggle-icon:before, .collapse-toggle .toggle-icon:after { position: absolute; width: 6.25px; height: 6.25px; line-height: 6.25px; text-align: center; background: #292929; left: 50%; margin-left: -3.125px; border-radius: 50%; transition: 0.3s all ease; } .collapse-toggle .toggle-icon:before, .collapse-toggle .toggle-icon:after { content: ""; } .collapse-toggle .toggle-icon:before { bottom: 100%; margin-bottom: 3.125px; } .collapse-toggle .toggle-icon:after { top: 100%; margin-top: 3.125px; } .collapse-toggle.active .toggle-icon { transform: scale(0.7); } .collapse-toggle.active .toggle-icon:before { transform: translateY(18.75px); } .collapse-toggle.active .toggle-icon:after { transform: translateY(-18.75px); } .rd-navbar-nav { font-weight: 700; text-transform: uppercase; } .rd-navbar-nav a { transition: 0.3s; } .rd-navbar-dropdown { display: none; } .rd-navbar-dropdown li { font-weight: 400; letter-spacing: 0; text-transform: none; } .rd-navbar-megamenu { display: none; font-weight: 400; letter-spacing: 0; text-transform: none; } .rd-navbar-info { display: none; } .rd-navbar-top-panel { display: none; } .rd-navbar-nav, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-nav-wrap, .rd-navbar-panel, .rd-navbar-static .rd-navbar-outer, .rd-navbar-fullwidth .rd-navbar-outer, .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li, .rd-navbar-static .rd-navbar-nav > li > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li > a:before, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fixed .rd-navbar-top-panel, .rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-fixed .rd-navbar-nav li p, .rd-navbar-fixed .rd-navbar-nav p a, .rd-navbar-fixed .rd-navbar-nav p p { transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar a { transition: color 0.3s; } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth { display: block; } .rd-navbar-wrap.absolute { position: absolute; width: 100%; } .rd-navbar-static .rd-navbar-outer, .rd-navbar-fullwidth .rd-navbar-outer { background: white; } .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { position: relative; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: center; } .rd-navbar-static .rd-navbar-inner .rd-navbar-cell, .rd-navbar-fullwidth .rd-navbar-inner .rd-navbar-cell { flex-shrink: 0; padding-left: 15px; padding-right: 15px; } .rd-navbar-static .rd-navbar-top-panel, .rd-navbar-fullwidth .rd-navbar-top-panel { display: block; background: var(--first-color); } .rd-navbar-static .rd-navbar-panel, .rd-navbar-fullwidth .rd-navbar-panel { display: block; text-align: center; } .rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-fullwidth .rd-navbar-nav-wrap { display: block; padding-top: 0; padding-bottom: 0; background: transparent; } .rd-navbar-static .rd-navbar-nav:before, .rd-navbar-static .rd-navbar-nav:after, .rd-navbar-fullwidth .rd-navbar-nav:before, .rd-navbar-fullwidth .rd-navbar-nav:after { content: " "; display: table; } .rd-navbar-static .rd-navbar-nav:after, .rd-navbar-fullwidth .rd-navbar-nav:after { clear: both; } .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li { display: block; float: left; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { position: relative; display: inline-block; color: #292929; } .rd-navbar-static .rd-navbar-nav > li > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li > a:before { content: ""; position: absolute; width: 100%; border-bottom-width: 6px; border-bottom-color: var(--first-color); border-bottom-style: solid; opacity: 0; pointer-events: none; } .rd-navbar-static .rd-navbar-nav > li:hover > a, .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a { color: var(--first-color); background: transparent; } .rd-navbar-static .rd-navbar-nav > li:hover > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li:hover > a:before { opacity: 1; } .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a { color: var(--first-color); background: transparent; } .rd-navbar-static .rd-navbar-nav > li.active > a:before, .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before { opacity: 1; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar--has-dropdown { position: relative; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown { position: absolute; z-index: 1; display: block; border-top: 6px solid var(--first-color); width: fit-content; min-width: 200px; font-weight: 900; text-align: left; visibility: hidden; opacity: 0; transition: 0.3s; background: #fff; box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li { display: block; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li + li, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li + li { margin-top: 1px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a { display: flex; padding: 16px 30px; color: #292929; background: transparent; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:before { content: "\f132"; font-family: "bootstrap-icons"; font-size: inherit; line-height: inherit; transition: opacity 0.15s ease-in-out, 0.15s margin ease-in-out; margin-left: -10px; padding: 0; opacity: 0; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover { color: #fff; background: var(--first-color); } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover:before { margin-left: 0; padding: 0 9px 0 0; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.active > a, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.focus > a { color: #fff; background: var(--first-color); } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.active > a:before, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.opened > a:before, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.active > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.focus > a:before { margin-left: 0; padding: 0 9px 0 0; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.active > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.opened > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li.focus > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.active > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.opened > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li.focus > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown { position: relative; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown > a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown > a { padding-right: 20px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown > a:after, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown > a:after { content: "\f282"; font-family: "bootstrap-icons"; font-size: inherit; line-height: inherit; padding: 0; position: absolute; right: 10px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle { display: inline-block; width: 17px; text-align: center; cursor: pointer; color: inherit; position: relative; top: -2px; } .text-5xl { font-size: 5rem; } .text-4xl { font-size: 4rem; } .text-3xl { font-size: 3rem; } .text-2xl { font-size: 2rem; } .text-white{ color: #fff!important; } .mb-5 { margin-bottom: 5rem; } .mb-4 { margin-bottom: 4rem; } .inline-block { display: inline-block; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle:after { content: "\f282"; position: relative; display: inline-block; font-family: "bootstrap-icons"; font-size: 12px; line-height: inherit; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.active > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.active > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.active > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.active > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after { color: var(--first-color); } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { top: 100%; left: 0; } .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 { top: -7px; left: calc(100% + 1px); margin-top: 10px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 0; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-start; width: 100%; padding-top: 33px; padding-bottom: 63px; visibility: hidden; opacity: 0; background: #fff; color: #292929; border-top: 6px solid var(--first-color); box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15); max-width: 1200px; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu a { color: inherit; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu a:hover { color: #fff; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu > li { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; padding-left: 0; padding-right: 0; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu > li a, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu > li a { display: flex; padding: 17px 28px; color: inherit; } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu > li a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu > li a:hover { color: #fff; background: var(--first-color); } .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu > li a:hover:before, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu > li a:hover:before { margin-left: 0; padding: 0 9px 0 0; opacity: 1; } .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 { margin-top: 40px; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 34px; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 34px; } .rd-navbar-static .navbar-inline-list, .rd-navbar-fullwidth .navbar-inline-list { margin-left: -40px; margin-right: -40px; } .rd-navbar-static .navbar-inline-list:before, .rd-navbar-static .navbar-inline-list:after, .rd-navbar-fullwidth .navbar-inline-list:before, .rd-navbar-fullwidth .navbar-inline-list:after { content: " "; display: table; } .rd-navbar-static .navbar-inline-list:after, .rd-navbar-fullwidth .navbar-inline-list:after { clear: both; } .rd-navbar-static .navbar-inline-list > li, .rd-navbar-fullwidth .navbar-inline-list > li { float: left; padding-left: 40px; padding-right: 40px; } .rd-navbar-static .rd-navbar-info, .rd-navbar-fullwidth .rd-navbar-info { display: flex; align-items: center; vertical-align: middle; color: #f1f4fc; transform: translateY(-5px); margin-bottom: -5px; margin-left: -15px; } .rd-navbar-static .rd-navbar-info > *, .rd-navbar-static .rd-navbar-info > *:first-child, .rd-navbar-fullwidth .rd-navbar-info > *, .rd-navbar-fullwidth .rd-navbar-info > *:first-child { display: inline-block; margin-top: 5px; margin-left: 15px; } .rd-navbar-static .rd-navbar-info > *, .rd-navbar-fullwidth .rd-navbar-info > * { display: inline-block; vertical-align: middle; } .rd-navbar-static .rd-navbar-info a, .rd-navbar-fullwidth .rd-navbar-info a { color: inherit; } .rd-navbar-static .rd-navbar-info a:hover, .rd-navbar-fullwidth .rd-navbar-info a:hover { color: var(--second-color); } @media (min-width: 1800px) { .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 { margin-top: 60px; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 52px; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 52px; } } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck { transform: translateY(-110%); display: block; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav:before, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav:after, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav:before, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:before, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:before, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:after { content: " "; display: table; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav:after, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:after { clear: both; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 20px; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 14px; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 14px; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-stuck.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-stuck.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; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-panel, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-top-panel { display: none; } .rd-navbar-static.rd-navbar-transparent, .rd-navbar-fullwidth.rd-navbar-transparent { font-size: 16px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-top-panel, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-top-panel { background: #272c4c; } .rd-navbar-static.rd-navbar-transparent .outer-transparent, .rd-navbar-fullwidth.rd-navbar-transparent .outer-transparent { position: absolute; left: 0; right: 0; background: transparent; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li > a, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li > a { color: #000; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li > a:before, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li > a:before { border-bottom-width: 3px; border-bottom-color: var(--second-color); border-bottom-style: solid; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li:hover > a, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li:hover > a { color: var(--second-color); } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.active > a, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.focus > a, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.opened > a { color: var(--second-color); } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu > .rd-navbar-submenu-toggle { color: #000; } .rd-navbar--is-stuck .rd-navbar-outer{ border-bottom:1px solid #000; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.active > .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.active > .rd-navbar-submenu-toggle:after, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.active > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu:hover > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.active > .rd-navbar-submenu-toggle:after, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-submenu-toggle:after { color: var(--second-color); } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown { border-top: 3px solid var(--second-color); } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown .rd-navbar-dropdown { top: -4px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { border-top: 3px solid var(--second-color); } .gap-50 { gap: 50px; } .gap-3{ gap:3rem; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ms-3{ margin-left: 3rem; } .circle-number{ height: 70px; width: 70px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: bold; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 26px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 18px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 18px; } @media (min-width: 1200px) { .rd-navbar-static.rd-navbar-transparent .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-inner { padding-left: 15px; padding-right: 15px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { left: auto; transform: none; right: 15px; max-width: calc(1200px - 45px); } } @media (min-width: 1800px) { .rd-navbar-static.rd-navbar-transparent .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-inner { margin-left: calc(8.333% - 15px); margin-right: calc(8.333% - 15px); padding-left: 0; padding-right: 0; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { left: auto; } } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 999; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-megamenu { margin-top: 25px; } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 17px; } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 17px; } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-top-panel, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone .rd-navbar-top-panel { display: none; } .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-outer, .rd-navbar-static.rd-navbar-transparent.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-outer, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-outer, .rd-navbar-fullwidth.rd-navbar-transparent.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-outer { background: #fff; } .rd-navbar-static .rd-navbar-inner { max-width: 1200px; } .rd-navbar-static .rd-navbar-top-panel { padding-top: 22px; padding-bottom: 24px; } .rd-navbar-static .rd-navbar-panel { padding-top: 14px; padding-bottom: 10px; text-align: left; } .rd-navbar-static .rd-navbar-nav { margin-left: -20px; margin-right: -20px; } .rd-navbar-static .rd-navbar-nav > li { margin-top: 40px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; padding: 0 1px; } .rd-navbar-static .rd-navbar-nav > li > a:before { bottom: -40px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-top-panel { padding-top: 14px; padding-bottom: 16px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav { margin-left: -14px; margin-right: -14px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li { margin-top: 21px; margin-bottom: 21px; margin-left: 14px; margin-right: 14px; padding: 0 1px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li > a:before { bottom: -21px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-info { transform: translateY(-5px); margin-bottom: -5px; margin-left: -11px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-info > *, .rd-navbar-static.rd-navbar-transparent .rd-navbar-info > *:first-child { display: inline-block; margin-top: 5px; margin-left: 11px; } .rd-navbar-static.rd-navbar-transparent .navbar-inline-list { margin-left: -15px; margin-right: -15px; } .rd-navbar-static.rd-navbar-transparent .navbar-inline-list > li { padding-left: 15px; padding-right: 15px; } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-top-panel { padding-top: 22px; padding-bottom: 24px; } .rd-navbar-static .rd-navbar-nav { margin-left: -30px; margin-right: -30px; } .rd-navbar-static .rd-navbar-nav > li { margin-top: 55px; margin-bottom: 58px; padding: 0 30px; } .rd-navbar-static .rd-navbar-nav > li > a:before { bottom: -58px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-info { transform: translateY(-5px); margin-bottom: -5px; margin-left: -11px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-info > *, .rd-navbar-static.rd-navbar-transparent .rd-navbar-info > *:first-child { display: inline-block; margin-top: 5px; margin-left: 11px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav { margin-left: -30px; margin-right: -30px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li { margin-top: 21px; margin-bottom: 21px; margin-left: 20px; margin-right: 20px; padding: 0 1px; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-nav > li > a:before { bottom: -21px; } .rd-navbar-static.rd-navbar-transparent .navbar-inline-list { margin-left: -44px; margin-right: -44px; } .rd-navbar-static.rd-navbar-transparent .navbar-inline-list > li { padding-left: 44px; padding-right: 44px; } } .rd-navbar-static.rd-navbar-transparent .rd-navbar-inner .rd-navbar-panel { flex-shrink: 1; flex-basis: 100%; } .rd-navbar-static.rd-navbar-transparent .rd-navbar-panel { padding-top: 50px; padding-bottom: 50px; margin-right: 50px; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-panel { padding-top: 10px; padding-bottom: 10px; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li { margin-top: 20px; margin-bottom: 20px; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a:before, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a:before { bottom: -20px; } .rd-navbar-fullwidth .rd-navbar-inner { flex-wrap: wrap; justify-content: center; } .rd-navbar-fullwidth .rd-navbar-top-panel { padding-top: 10px; padding-bottom: 10px; } .rd-navbar-fullwidth .rd-navbar-panel { padding-top: 14px; padding-bottom: 10px; } .rd-navbar-fullwidth .rd-navbar-nav { margin-left: -17px; margin-right: -17px; } .rd-navbar-fullwidth .rd-navbar-nav > li { margin-top: 25px; margin-bottom: 25px; padding: 0 14px; } .rd-navbar-fullwidth .rd-navbar-nav > li > a:before { bottom: -25px; } .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 26px; } .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 19px; } .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 19px; } .rd-navbar-fullwidth .navbar-inline-list { margin-left: -20px; margin-right: -20px; } .rd-navbar-fullwidth .navbar-inline-list:before, .rd-navbar-fullwidth .navbar-inline-list:after { content: " "; display: table; } .rd-navbar-fullwidth .navbar-inline-list:after { clear: both; } .rd-navbar-fullwidth .navbar-inline-list > li { float: left; padding-left: 20px; padding-right: 20px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-inner .rd-navbar-panel { flex-basis: 100%; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-top-panel { font-size: 12px; } .rd-navbar-fullwidth.rd-navbar-transparent .navbar-inline-list { margin-left: -10px; margin-right: -10px; } .rd-navbar-fullwidth.rd-navbar-transparent .navbar-inline-list > li { padding-left: 10px; padding-right: 10px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-info { transform: translateY(-5px); margin-bottom: -5px; margin-left: -5px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-info > *, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-info > *:first-child { display: inline-block; margin-top: 5px; margin-left: 5px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 28px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 22px; } .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 22px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:before, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:before, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:after { content: " "; display: table; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav:after, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav:after { clear: both; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 26px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 19px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 19px; } .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li .rd-navbar-megamenu { margin-top: 28px; } .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-dropdown.opened > .rd-navbar-dropdown { margin-top: 22px; } .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-nav > li.rd-navbar--has-megamenu.opened > .rd-navbar-megamenu { margin-top: 22px; } .rd-navbar-fullwidth.rd-navbar--is-stuck.rd-navbar-transparent .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar-transparent .rd-navbar-panel { display: none; } .rd-navbar-fixed { display: block; } .rd-navbar-fixed .brand { display: flex; align-items: center; height: 50px; } .rd-navbar-fixed .rd-navbar-top-panel { display: block; max-width: 270px; position: fixed; top: 55px; right: 5px; transform: translateX(-20px); padding: 12px; opacity: 0; visibility: hidden; background: var(--first-color); } .rd-navbar-fixed .rd-navbar-top-panel .rd-navbar-cell + .rd-navbar-cell { margin-top: 15px; } .rd-navbar-fixed .rd-navbar-top-panel.active { transform: translateX(0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-toggle { display: block; float: left; } .rd-navbar-fixed .rd-navbar-panel { display: block; position: fixed; top: 0; left: 0; right: 0; height: 60px; background: var(--first-color); } .rd-navbar-fixed .rd-navbar-panel:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background: var(--first-color); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-fixed .rd-navbar-outer { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .rd-navbar-fixed .rd-navbar-nav { position: fixed; top: 50px; bottom: 0; left: 0; transform: translateX(-300px); z-index: -1; display: block; width: 270px; padding: 4px; padding-top: 10px; text-transform: uppercase; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background: var(--first-color); color: #fff; } .rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-fixed .rd-navbar-nav p { position: relative; color: inherit; } .rd-navbar-fixed .rd-navbar-nav li a, .rd-navbar-fixed .rd-navbar-nav li p, .rd-navbar-fixed .rd-navbar-nav p a, .rd-navbar-fixed .rd-navbar-nav p p { display: block; padding: 13px 40px 13px 15px; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; background: transparent; color: inherit; } .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, .rd-navbar-fixed .rd-navbar-nav p:hover > a, .rd-navbar-fixed .rd-navbar-nav p.active > a, .rd-navbar-fixed .rd-navbar-nav p.opened > a { color: var(--first-color); background: #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, .rd-navbar-fixed .rd-navbar-nav p:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav p.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav p.opened > .rd-navbar-submenu-toggle { color: var(--first-color); } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after, .rd-navbar-fixed .rd-navbar-nav p.opened > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav p.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav p.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav p .rd-navbar-submenu-toggle { position: absolute; top: 5px; right: 0; width: 40px; height: 40px; z-index: 2; color: inherit; background: transparent; cursor: pointer; } .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-submenu-toggle:after, .rd-navbar-fixed .rd-navbar-nav p .rd-navbar-submenu-toggle:after { content: "\f282"; position: absolute; top: calc(50% - 7px); left: calc(50% - 7px); width: 14px; height: 14px; font: 400 14px "bootstrap-icons"; line-height: 14px; transition: 0.4s all ease; will-change: transform; } .rd-navbar-fixed .rd-navbar-nav * + li { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown a { padding-left: 30px; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown .rd-navbar-dropdown a { padding-left: 50px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown .rd-navbar-dropdown .rd-navbar-dropdown a { padding-left: 60px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-megamenu { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-info { display: block; } .rd-navbar-fixed .navbar-inline-list { margin-left: -8px; margin-right: -8px; } .rd-navbar-fixed .navbar-inline-list:before, .rd-navbar-fixed .navbar-inline-list:after { content: " "; display: table; } .rd-navbar-fixed .navbar-inline-list:after { clear: both; } .rd-navbar-fixed .navbar-inline-list > li { padding-left: 8px; padding-right: 8px; } .rd-navbar-fixed .navbar-inline-list > li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-info { display: flex; align-items: center; line-height: 1.2; vertical-align: middle; color: #f1f4fc; transform: translateY(-5px); margin-bottom: -5px; margin-left: -10px; } .rd-navbar-fixed .rd-navbar-info > *, .rd-navbar-fixed .rd-navbar-info > *:first-child { display: inline-block; margin-top: 5px; margin-left: 10px; } .rd-navbar-fixed .rd-navbar-info > * { display: inline-block; vertical-align: middle; } .rd-navbar-fixed .rd-navbar-info a { color: inherit; } .rd-navbar-fixed .rd-navbar-info a:hover { color: var(--second-color); } .rd-navbar-fixed .collapse-toggle { position: relative; display: inline-block; padding: 0; border: none; cursor: pointer; vertical-align: top; background: none; color: #fff; width: 50px; height: 50px; line-height: 50px; right: 0; z-index: 1; } .rd-navbar-fixed .collapse-toggle:focus { outline: none; color: #fff; } .rd-navbar-fixed .collapse-toggle .toggle-icon { top: 50%; margin-top: -3.125px; } .rd-navbar-fixed .collapse-toggle .toggle-icon, .rd-navbar-fixed .collapse-toggle .toggle-icon:before, .rd-navbar-fixed .collapse-toggle .toggle-icon:after { position: absolute; width: 6.25px; height: 6.25px; line-height: 6.25px; text-align: center; background: #fff; left: 50%; margin-left: -3.125px; border-radius: 50%; transition: 0.3s all ease; } .rd-navbar-fixed .collapse-toggle .toggle-icon:before, .rd-navbar-fixed .collapse-toggle .toggle-icon:after { content: ""; } .rd-navbar-fixed .collapse-toggle .toggle-icon:before { bottom: 100%; margin-bottom: 3.125px; } .rd-navbar-fixed .collapse-toggle .toggle-icon:after { top: 100%; margin-top: 3.125px; } .rd-navbar-fixed .collapse-toggle.active .toggle-icon { transform: scale(0.7); } .rd-navbar-fixed .collapse-toggle.active .toggle-icon:before { transform: translateY(18.75px); } .rd-navbar-fixed .collapse-toggle.active .toggle-icon:after { transform: translateY(-18.75px); } .rd-navbar-fixed .collapse-toggle { position: fixed; top: 0; display: block; } .google-map-container { width: 100%; } .match { color: #b8b8b8; } .match em { font-style: normal; } .ui-to-top { width: 50px; height: 50px; font-size: 24px; line-height: 46px; color: #fff; background: var(--first-color); border-radius: 50%; position: fixed; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; transition: 0.45s all ease-in-out; transform: translateY(100px); } .ui-to-top:hover { color: #fff; background: #374494; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translateY(0); } html.mobile .ui-to-top { display: none !important; } @media (min-width: 480px) { .ui-to-top { right: 40px; bottom: 40px; } } .tab-content { padding-top: 20px; } @media (min-width: 768px) { .tab-content { padding-top: 29px; } } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a { white-space: nowrap; } } a[data-lightgallery] { cursor: pointer; } .absolute { position: absolute; } @media (max-width: 479px) { .container{ width: 90%; } .range{ margin-left: 0!important; margin-right: 0!important; } } .counter-wrap .counter { font-weight: 700; color: #fff; } .counter-wrap .decorative-divider { margin-top: 10px; } .counter-wrap .counter-description { margin-top: 14px; } @media (min-width: 992px) { .counter-wrap .decorative-divider { margin-top: 14px; } .counter-wrap .counter-description { margin-top: 19px; } } .progress-bar-circle { display: inline-block; position: relative; text-align: center; line-height: 1.2; } .progress-bar-circle span { position: absolute; top: 50%; left: 50%; font-weight: 700; font-size: 38px; line-height: 38px; transform: translate(-50%, -50%); } .progress-bar-circle span:after { content: "%"; } .swiper-container { height: calc(100vh - 119px); min-height: 44.27083vw; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; width: 100%; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; max-width: 100vw; 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; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { touch-action: pan-y; } .swiper-wp8-vertical { touch-action: pan-x; } .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-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); display: none; font-size: 26px; line-height: 1; color: #fff; text-align: center; cursor: pointer; transition: 0.2s ease-in; will-change: transform; z-index: 10; } .swiper-button-prev:hover, .swiper-button-next:hover { color: var(--first-color); } @media (min-width: 768px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 30px; } .swiper-button-next { right: 30px; } .swiper-pagination { position: absolute; display: block; text-align: center; transition: 0.3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: rgba(255, 255, 255, 0.6); transition: 0.2s; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination .swiper-pagination-bullet:hover { background: white; } .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: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; white-space: nowrap; } .swiper-slide-caption { width: 100%; white-space: normal; } .swiper-slide-caption p { display: none; } @media (min-width: 768px) { .swiper-slide-caption p { display: block; } } .swiper-slider-1 { height: auto; } .swiper-slider-1 .swiper-slide { min-height: calc(100vh - 50px); } .swiper-slider-1 .caption { display: none; } .swiper-slider-1 .swiper-slide-caption { padding: 40px 0 85px; padding-right: 40px; } .swiper-slider-1 .decorative > .decorative-title:first-child { font-weight: 300; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination { top: auto; right: auto; bottom: 10px; left: 50%; transform: translateX(-50%); width: auto; text-align: center; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet { display: inline-block; position: relative; width: auto; height: auto; padding-bottom: 4px; border-radius: 0; font-weight: 700; color: rgba(255, 255, 255, 0.5); background: transparent; border-bottom: 1px solid transparent; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid transparent; pointer-events: none; transition: 0.3s; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #fff; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border-bottom: 1px solid var(--second-color); } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet:hover { color: var(--second-color); } .swiper-slider-1 h5 { font-weight: 400; } .swiper-slider-1 .caption { color: #ddd; } .swiper-slider-1 * + h5 { margin-top: 20px; } @media (min-width: 480px) { .swiper-slider-1 .swiper-slide-caption { padding: 40px 0; padding-right: 40px; } .swiper-slider-1 .decorative > .decorative-title:first-child { font-weight: 300; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination { top: 50%; right: 5px; bottom: auto; left: auto; transform: translateY(-50%); text-align: left; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 10px 0; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet { display: block; } .swiper-slider-1 .swiper-pagination .swiper-pagination-bullet:before { width: 50vw; } } @media (min-width: 768px) { .swiper-slider-1 .swiper-slide { min-height: 500px; } .swiper-slider-1 .caption { display: block; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination { right: 50px; } .swiper-slider-1 .swiper-slide-caption { padding-right: 0; } .swiper-slider-1 .caption { display: block; } } @media (min-width: 992px) { .swiper-slider-1 .swiper-slide { min-height: 750px; } } @media (min-width: 1800px) { .swiper-slider-1 .swiper-slide { padding-top: 80px; min-height: 100vh; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination { right: 145px; } .swiper-slider-1.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 32px 0; } .swiper-slider-1 * + h5 { margin-top: 47px; } } .swiper-slider-2 { height: auto; } .swiper-slider-2 .swiper-slide-caption { padding: 40px 0 80px; } .swiper-slider-2.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0px 16px; } .swiper-slider-2 .swiper-pagination .swiper-pagination-bullet-active { transform: scale(1.5); } .swiper-slider-2 h1:first-child { font-weight: 300; } @media (min-width: 768px) { .swiper-slider-2 .swiper-slide { min-height: 400px; } } @media (min-width: 992px) { .swiper-slider-2 .swiper-slide { min-height: 750px; } } @media (min-width: 1800px) { .swiper-slider-2 .swiper-slide { min-height: 100vh; } .swiper-slider-2 .swiper-slide-caption { padding: 0; } .swiper-slider-2.swiper-container-horizontal > .swiper-pagination { bottom: 106px; } } .swiper-slider-custom { height: auto; } .swiper-slider-custom .caption { display: none; } .swiper-slider-custom .swiper-pagination { position: absolute; display: block; text-align: center; transition: 0.3s; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-slider-custom .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-slider-custom .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #ddd; border: 1px solid #737373; transition: 0.2s; } .swiper-slider-custom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-slider-custom .swiper-pagination .swiper-pagination-bullet:hover { background: #737373; border: 1px solid #ddd; } @media (min-width: 768px) { .swiper-slider-custom .swiper-pagination { display: none; } } .swiper-slider-custom .swiper-slide { padding: 20px 0 60px; } .swiper-slider-custom .swiper-button { cursor: pointer; } .swiper-slider-custom .swiper-button.swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; right: 0; } .swiper-slider-custom .swiper-button.swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; left: 0; } .swiper-slider-custom .swiper-button .swiper-button__arrow { position: relative; z-index: 1; display: block; padding: 45px 5px; background-color: rgba(41, 41, 41, 0.6); transition: 0.3s; } .swiper-slider-custom .swiper-button .swiper-button__arrow svg { transition: 0.3s; fill: #fff; } .swiper-slider-custom .swiper-button:hover .swiper-button__arrow { background: var(--first-color); } .swiper-slider-custom .swiper-button:hover svg { transition-delay: 0.2s; } @media (min-width: 768px) { .swiper-slider-custom .swiper-slide { min-height: 400px; padding: 20px 0; } .swiper-slider-custom .caption { display: block; } } @media (min-width: 992px) { .swiper-slider-custom .swiper-slide { min-height: 450px; } } @media (min-width: 1200px) { .swiper-slider-custom .swiper-slide { min-height: 700px; } } .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; } .top-50 { top: 50%; } .transform-center { transform: translate(-50%, -50%); } .left-50 { left: 50%; } .slick-slider { margin-bottom: 30px; }