.font-10 {font-size: 0.625rem}

.font-11 {font-size: 0.6875rem}

.font-12 {font-size: 0.75rem}

.font-13 {font-size: 0.8125rem}

.font-14 {font-size: 0.875rem}

.font-15 {font-size: 0.9375rem}

.font-16 {font-size: 1rem}

.font-17 {font-size: 1.0625rem}

.font-18 {font-size: 1.125rem}

.font-19 {font-size: 1.1875rem}

.font-20 {font-size: 1.25rem}

.font-21 {font-size: 1.3125rem}

.font-22 {font-size: 1.375rem}

.font-23 {font-size: 1.4375rem}

.font-24 {font-size: 1.5rem}

.font-25 {font-size: 1.5625rem}

.font-26 {font-size: 1.625rem}

.font-27 {font-size: 1.6875rem}

.font-28 {font-size: 1.75rem}

.font-29 {font-size: 1.8125rem}

.font-30 {font-size: 1.875rem}

.font-31 {font-size: 1.9375rem}

.font-32 {font-size: 2rem}

.font-33 {font-size: 2.0625rem}

.font-34 {font-size: 2.125rem}

.font-35 {font-size: 2.1875rem}

.font-36 {font-size: 2.25rem}

.font-37 {font-size: 2.3125rem}

.font-38 {font-size: 2.375rem}

.font-39 {font-size: 2.4375rem}

.font-40 {font-size: 2.5rem}

.font-41 {font-size: 2.5625rem}

.font-42 {font-size: 2.625rem}

.font-43 {font-size: 2.6875rem}

.font-44 {font-size: 2.75rem}

.font-45 {font-size: 2.8125rem}

.font-46 {font-size: 2.875rem}

.font-47 {font-size: 2.9375rem}

.font-48 {font-size: 3rem}

.font-49 {font-size: 3.0625rem}

.font-50 {font-size: 3.125rem}

.font-51 {font-size: 3.1875rem}

.font-52 {font-size: 3.25rem}

.font-53 {font-size: 3.3125rem}

.font-54 {font-size: 3.375rem}

.font-55 {font-size: 3.4375rem}

.font-56 {font-size: 3.5rem}

.font-57 {font-size: 3.5625rem}

.font-58 {font-size: 3.625rem}

.font-59 {font-size: 3.6875rem}

.font-60 {font-size: 3.75rem}

.font-61 {font-size: 3.8125rem}

.font-62 {font-size: 3.875rem}

.font-63 {font-size: 3.9375rem}

.font-64 {font-size: 4rem}

*, *::before, *::after {box-sizing: border-box}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {margin: 0}

ul, ol {list-style: none;margin: 0;padding: 0}

html {scroll-behavior: smooth}

html:focus-within {scroll-behavior: smooth}

body {position: relative;min-height: 100vh;line-height: 1.2;font-size: 16px;font-family: "Objective", sans-serif}

@media screen and (max-width: 992px) {
    body {font-size: 14px}
}

a {color: inherit;display: inline-block;text-decoration: none;text-decoration-skip-ink: auto}

a:hover {color: inherit}

button {background: none;border: none;outline: none;box-shadow: none;color: inherit;padding: 0;cursor: pointer}

img, picture {max-width: 100%;display: block}

svg {display: inline-block;flex-shrink: 0}

input, button, textarea, select {font: inherit}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {scroll-behavior: auto}

    *, *::before, *::after {animation-duration: .01s !important;animation-iteration-count: 1 !important;transition-duration: .01s !important;scroll-behavior: auto !important}
}

h1, h2, h3, h4, h5 {margin-bottom: 1rem}

main {position: relative;overflow: hidden}

:focus-visible {outline: none !important}

[data-niceselect] {display: none}

@font-face {
    font-family: "Objective";
    src: url("../fonts/subset-Objective-Regular.woff2") format("woff2"), url("../fonts/subset-Objective-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Objective";
    src: url("../fonts/subset-Objective-Medium.woff2") format("woff2"), url("../fonts/subset-Objective-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Objective";
    src: url("../fonts/subset-Objective-Bold.woff2") format("woff2"), url("../fonts/subset-Objective-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Otama Smb";
    src: url("../fonts/Otama-SemiBoldItalic.woff2") format("woff2");
    font-style: normal;
    font-display: swap
}

section {position: relative;z-index: 1}

.container {width: 100%;max-width: 1235px;padding-left: 15px;padding-right: 15px;margin: 0 auto;position: relative;z-index: 1}

@media screen and (min-width: 1600px) {
    .container {max-width: 1650px}
}

.mx-auto {margin-left: auto;margin-right: auto}

.pt-0 {padding-top: 0 !important}

.mt-0 {margin-top: 0 !important}

.mb-0 {margin-bottom: 0 !important}

.mt-auto {margin-top: auto}

.p-0 {padding: 0 !important}

.bg-white {background-color: #fff}

.text-white {color: #fff}

.bg-black {background-color: #000}

.text-black {color: #000}

.text-left {text-align: left !important}

.text-center {text-align: center}

.text-right {text-align: right !important}

.bg-image {background-position: top center;background-repeat: no-repeat;background-size: cover}

@media screen and (max-width: 992px) {
    .d-desktop {display: none !important}
}

@media screen and (min-width: 992px) {
    .d-mobile {display: none !important}
}

@media screen and (max-width: 1600px) {
    .d-large {display: none !important}
}

.js-no-scroll {overflow: hidden}

.text-uppercase {text-transform: uppercase}

.iti__flag {background-image: url("../images/flags.png") !important}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {background-image: url("../images/flags@2x.png") !important}
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}

input[type=number] {-moz-appearance: textfield}

.img-center {display: block;margin-left: auto;margin-right: auto}

.swal2-styled.swal2-confirm {box-shadow: none !important}

[data-fancybox] {cursor: pointer}

.d-none {display: none !important}

.text-clap-5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden}

.text-clap-4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}

.text-clap-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}

.underline {text-decoration: underline}

.font-normal {font-weight: 100}

.font-bold {font-weight: bold}

.justify-center {justify-content: center !important}

.no-border {border: none !important}

.swal2-container {z-index: 999999999999999 !important}

.font-otama {font-family: "Otama Smb"}

.flex-align-center {gap: .5rem;display: flex;align-items: center}

.visibility-hidden {visibility: hidden}

@media screen and (min-width: 992px) {
    .bg-top {background-position: center -100px !important}

    .bg-top-2 {background-position: center 30px !important}
}

.link-button {border: 1px solid #141617;padding: 14px 1rem;font-size: 14px;width: max-content;transition: .2s ease-in-out}

.link-button.brown {background: linear-gradient(270deg, #d49d7b 20%, #8c523c 100%)}

.link-button.brown:hover {color: #fff}

.link-button.border-0 {border: none}

.link-button:hover {color: inherit}

.has-black-arrow::after {content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAABHNCSVQICAgIfAhkiAAAAHVJREFUGFdjFBET/89AIfj/n2EiI8UG/f9/8c/vXw6M5DhGWFgsgJGZcT1I75///ww/vH59gWSDBICAmZXtPiMjo8C/fwyF7968nAAykGSDhEVFExgZmeYz/Gc4+Ob1SweYj0g2CKRRRETE4c+fPxc+AAHMIABJQygWvk+YcwAAAABJRU5ErkJggg==);padding-left: 1rem}

.has-white-arrow::after {content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAABHNCSVQICAgIfAhkiAAAAHdJREFUGFdj/PDx2X8GCgHQgImMlBr0////iwz8XA6M5Djm/adnAYz/GdaD9P5nZjEU5BG7QLJB7/+/F2D8+O0+AyOjANBLhYL8UhNABpJu0KfnCYz//8///5/hoKCAlAPMRyQbBNL4/vNzBwYejguCjIIfYAYBANomKkqVZNCnAAAAAElFTkSuQmCC);padding-left: 1rem}

.social-wrapper {display: flex;align-items: center;gap: 1.7rem;justify-content: center}

.social-wrapper a {transform: scale(0.8)}

.legal-text-container {display: none;padding: 0;max-width: 80%;max-height: 80vh}

.legal-text-container .legal-container {padding: 1rem;overflow: auto}

.legal-text-container .legal-container > * {margin-bottom: 1rem}

.map-section {display: flex;align-items: flex-end}

.map-section .map-img {width: 100%;height: 100%;object-fit: contain;padding: 2rem}

@media screen and (max-width: 992px) {
    .map-section .map-img {height: 600px;object-fit: cover}
}

@media screen and (max-width: 576px) {
    .map-section .map-img {height: auto; object-fit: contain;}
}

.map-section .map-content {padding: 1rem}

.map-section .map-content h3 {color: #fff;font-size: 48px;margin-bottom: 30px}

@media screen and (max-width: 992px) {
    .map-section .map-content h3 {font-size: 26px}
}

.map-section .map-content p {color: #fff;font-size: 20px}

@media screen and (max-width: 992px) {
    .map-section .map-content p {font-size: 1rem}
}

.map-section .map-content a {margin-top: 90px;display: flex;align-items: center;justify-content: center;gap: .7rem}

.map-section .container {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}

.swiper-pagination-bullet {width: 20px;height: 20px;border: 1px solid #000;background: rgba(0, 0, 0, 0);opacity: 1;position: relative}

@media screen and (max-width: 576px) {
    .swiper-pagination-bullet {width: 10px;height: 10px}
}

.swiper-pagination-bullet.swiper-pagination-bullet-active::after {content: "";display: block;position: absolute;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #c38b6c;width: 14px;height: 14px}

@media screen and (max-width: 576px) {
    .swiper-pagination-bullet.swiper-pagination-bullet-active::after {width: 7px;height: 7px}
}

.slider, .slide {position: relative;overflow: hidden;height: 100%}

@media screen and (max-width: 992px) {
    .slider, .slide {height: calc(100vh - 100px)}
}

.slide_video {width: 100%}

.slide {position: relative}

.slide .container {position: absolute !important}

.slide .slide__img {height: 100%;width: 100%;height: auto;overflow: hidden}

@media (min-width: 992px) {
    .slide .slide__img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);height: 100%}
}

@media screen and (max-width: 992px) {
    .slide .slide__img {height: calc(100vh - 100px)}
}

.slide .slide__img .full-image {width: 100%;height: 100%;opacity: 1 !important;object-fit: cover}

.slide .slide__img video {width: 100%;height: 100%;object-fit: cover}

.slide .slide__img video::-webkit-media-controls-enclosure {display: none !important}

.slide .slide__img video::-webkit-media-controls-panel {display: none !important;opacity: 1 !important}

.slide .slide__img video::-webkit-media-controls-timeline {display: none}

.slide .slide__content {position: absolute;bottom: 100px;right: 0;left: 0;z-index: 9}

@media screen and (max-width: 992px) {
    .slide .slide__content {bottom: 50px}
}

.slide .slide__content--headings_detail-button {display: flex;width: max-content;align-items: center;font-size: 14px;font-weight: 500;border: 1px solid #c08568;padding: 16px 16px;border-radius: .5px solid #141617;color: #fff}

@media screen and (max-width: 1366px) {
    .slide .slide__content--headings_detail-button {font-size: 10px;padding: 12px 16px}
}

@media screen and (max-width: 992px) {
    .slide .slide__content--headings_detail-button {margin: 35px auto;max-width: 330px}
}

.slide .slide__content--headings_detail-button:hover {background-color: #c08568}

.slide .slide__content--headings_detail-button:hover svg path {stroke: #fff}

.slide .slide__content--headings--box {text-align: start;color: #000;display: flex;flex-direction: column}

@media screen and (max-width: 992px) {
    .slide .slide__content--headings--box {align-items: center}
}

.slide .slide__content--headings--box h2 {color: #fff;width: max-content;margin-bottom: 8px;font-size: 48px;font-weight: 200}

@media screen and (max-width: 1366px) {
    .slide .slide__content--headings--box h2 {font-size: 32px}
}

@media screen and (max-width: 992px) {
    .slide .slide__content--headings--box h2 {font-size: 26px;font-weight: 400;text-align: center}
}

.slide .slide__content--headings--box h2 b {font-weight: bolder}

.slide .slide__content--headings--box--desc {width: max-content;font-size: 48px}

@media screen and (max-width: 1366px) {
    .slide .slide__content--headings--box--desc {font-size: 36px}
}

@media screen and (max-width: 992px) {
    .slide .slide__content--headings--box--desc {font-size: 24px}
}

.slide .slide__content--headings .second--desc {padding: 12px 0px;color: #fff;font-size: 20px;line-height: 24px;margin-bottom: 32px}

@media screen and (max-width: 1366px) {
    .slide .slide__content--headings .second--desc {font-size: 24px}
}

@media screen and (max-width: 992px) {
    .slide .slide__content--headings .second--desc {font-size: 14px;width: 100%;margin-bottom: -10px;text-align: center}
}

.slide .slide__content--headings .animated {transition: all .5s ease}

.slidex::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scaleY(-1);background-image: linear-gradient(1deg, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.8) 89%);z-index: 1;pointer-events: none}

.slider [data-animation-in] {opacity: 0;animation-duration: 1.5s;transition: opacity .5s ease .3s}

.slick-dotted .slick-slider {margin-bottom: 30px}

.slick-dots {height: 20px;position: absolute;bottom: 20px;list-style: none;display: block;text-align: center;padding: 0;margin: 0;width: 100%}

.slick-dots li {position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer}

.slick-dots li button {border: 0;display: block;outline: none;line-height: 0px;font-size: 0px;color: rgba(0, 0, 0, 0);padding: 5px;cursor: pointer;transition: all .3s ease}

.slick-dots li button:hover, .slick-dots li button:focus {outline: none}

.simple-dots .slick-dots li {width: 20px;height: 20px}

.simple-dots .slick-dots li button {border-radius: 50%;background-color: #fff;opacity: .25;width: 20px;height: 20px}

.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {opacity: 1}

.simple-dots .slick-dots li.slick-active button {color: #fff;opacity: .75}

.stick-dots .slick-dots li {height: 3px;width: 80px}

.stick-dots .slick-dots li button {position: relative;background-color: #fff;opacity: .25;width: 80px;height: 3px;padding: 0}

.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {opacity: 1}

.stick-dots .slick-dots li.slick-active button {color: #fff;opacity: .75}

.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {opacity: 1}

@keyframes zoomInImage {
    from {transform: scale3d(2, 2, 2)}
    to {transform: scale3d(1.1, 1.1, 1.1)}
}

.zoomInImage {animation-name: zoomInImage}

@keyframes zoomOutImage {
    from {transform: scale3d(2, 2, 2)}
    to {transform: scale3d(1, 1, 1)}
}

.zoomOutImage {animation-name: zoomOutImage}

.slick-dots li button::before {display: none}

.header {position: fixed;z-index: 5;width: 100%;height: 100px;background-color: #fff;transition: .2s ease-in-out}

@media screen and (min-width: 992px)and (max-width: 1280px) {
    .header {height: 70px}
}

@media screen and (max-width: 992px) {
    .header {position: relative}
}

.header.js-sticky {position: fixed;box-shadow: 0px 2px 6px rgba(0, 0, 0, .31)}

.header .container {height: 100%}

.header .container .navbar {height: 100%;display: flex;align-items: center;justify-content: center}
.header .container .navbar .logo img { height: 60px; }
@media screen and (min-width: 992px)and (max-width: 1280px) {
    .header .container .navbar .logo img {width: 80%;margin: 0 auto}
}

.header .container .navbar ul {display: flex;align-items: center;gap: 80px}

.header .container .navbar ul li {width: 100%;position: relative}

.header .container .navbar ul li:not(:last-child)::after {content: "";position: absolute;height: 40px;background-color: #979797;width: 1px;left: calc(100% + 2.5rem);top: 50%;transform: translateY(-50%)}

@media screen and (max-width: 992px) {
    .header .container .navbar ul li:not(:last-child) {display: none}
}

.header .container .navbar ul li a {color: #141617;width: 100%;transition: .2s ease-in-out;text-align: center}

.header .container .navbar ul li a:hover {color: #c8926d}

.header .container .navbar ul .js-toggle-form .close-btn {display: none}

.footer {padding-top: 20px; color: #2F3068; padding-bottom: 20px;}

.footer .container {height: 100%}

.footer .container .footer-nav {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4rem;margin-bottom: 50px}

.footer .container .footer-nav ul {display: flex;align-items: center;gap: 80px}

.footer .container .footer-nav ul li {position: relative}

.footer .container .footer-nav ul li:not(:last-of-type)::after {content: "";position: absolute;height: 40px;background-color: #979797;width: 1px;left: calc(100% + 2.5rem);top: 50%;transform: translateY(-50%)}

.footer .container .footer-nav ul li a {color: #fff;width: 100%;transition: .2s ease-in-out;text-align: center}

.footer .container .footer-nav ul li a:hover {color: #c8926d}

.footer .container .footer-card-wrapper {display: flex;align-items: center;justify-content: center;gap: 133px;position: relative}

@media screen and (max-width: 992px) {
    .footer .container .footer-card-wrapper {gap: 30px}
}

@media screen and (max-width: 576px) {
    .footer .container .footer-card-wrapper {gap: 0;flex-direction: column}
}

.footer .container .footer-card-wrapper .footer-card {max-width: 210px;width: 100%;height: 55px;padding: 1rem;border-radius: 5px;box-shadow: 5px 2px 13px rgba(0, 0, 0, .5);margin-bottom: 60px}

@media screen and (max-width: 576px) {
    .footer .container .footer-card-wrapper .footer-card {margin-bottom: 30px}
}

.footer .container .footer-card-wrapper .footer-card.call-us {background:#4CB748; color: #FFF; }

.footer .container .footer-card-wrapper .footer-card.call-us .text-wrapper > span {display: block}

.footer .container .footer-card-wrapper .footer-card.call-us .text-wrapper > span:first-of-type {margin-bottom: 0px; }

.footer .container .footer-card-wrapper .footer-card.map-card {background: #4CB748}

.footer .container .footer-card-wrapper .footer-card.map-card span {display: flex;align-items: center}

.footer .container .footer-card-wrapper .footer-card a {display: flex;align-items: center;  color: #FFF; height: 100%;justify-content: flex-start;gap: 1.1rem}

.footer .container .footer-card-wrapper .footer-card a .svg-wrapper {position: relative}

.footer .container .footer-card-wrapper .footer-card a .svg-wrapper::after {content: "";position: absolute;right: -0.5rem;height: 100%;background-color: #bfc1b0;opacity: .5;width: 1px;top: 50%;transform: translateY(-50%)}

.footer .container .footer-card-wrapper .phone-card {padding: 10px 20px}

.footer .container .footer-card-wrapper .phone-card a {overflow: hidden}

.footer .container .footer-card-wrapper .phone-card .text-wrapper {width: 100%;position: relative; padding-top: 6px; }

.footer .container .footer-card-wrapper .phone-card .front {transition: all cubic-bezier(0.77, 0.2, 0.05, 1) .4s;transition-delay: .5s}

.footer .container .footer-card-wrapper .phone-card .back {position: absolute;bottom: 0;left: 0;text-align: center;transition: all cubic-bezier(0.77, 0.2, 0.05, 1) .5s .4s;transform: translateY(100px);opacity: 0;display: flex !important}

.footer .container .footer-card-wrapper .phone-card:hover .front {opacity: 0;transition-delay: 0}

.footer .container .footer-card-wrapper .phone-card:hover .back {transform: translateY(0);opacity: 1}

.footer .container .footer-end {margin-bottom: 2rem;color: #2F3068;font-size: 12px;display: flex;align-items: center;justify-content: space-between}

@media screen and (max-width: 992px) {
    .footer .container .footer-end {flex-direction: column-reverse;text-align: center}
}

.footer .container .footer-end .legal-links {display: flex;align-items: center;gap: 2rem}

@media screen and (max-width: 992px) {
    .footer .container .footer-end .legal-links {gap: 1rem;flex-direction: column;margin-bottom: 1rem}
}

.footer .container .footer-end .legal-links a {position: relative}

@media screen and (min-width: 992px) {
    .footer .container .footer-end .legal-links a:not(:last-of-type)::after {content: "";position: absolute;height: 20px;background-color: #979797;width: 1px;left: calc(100% + 1rem);top: 50%;transform: translateY(-50%)}
}

.lead-form {background:#FFF;width: 355px;     border-radius: 5px 0px 0px 5px;position: fixed;right: 0;top: 100px;z-index: 10;padding: 30px;color: #2F3068;top: 50%;transition: .2s ease-in-out;transform: translateY(-50%) translateX(100%);visibility: hidden}

.lead-form.show {transform: translateY(-50%) translateX(0);visibility: visible}

@media screen and (max-width: 576px) {
    .lead-form {z-index: 9999;width: 100%;height: 100vh;}
    .lead-form.show {transform: translateY(0) translateX(0) !important;visibility: visible; top: 0px;}
}

.lead-form .js-close-form {position: absolute;right: 1rem;top: 1rem}

.lead-form .form-header {display: flex;align-items: center;margin-bottom: 30px;gap: .5rem}

@media screen and (min-width: 992px)and (max-width: 1280px) {
    .lead-form .form-header {margin-bottom: 1rem}
}

.lead-form .form-header h3 {color: #2F3068;font-size: 32px;margin-bottom: 0}

.lead-form .form-body {display: flex;flex-direction: column;gap: 30px}

@media screen and (min-width: 992px)and (max-width: 1280px) {
    .lead-form .form-body {gap: 1rem}
}

@media screen and (max-width: 576px) {
    .lead-form .form-body {gap: 1.5rem}
}

.js-open-form {position: fixed;right: 0;width: auto;background:#4CB748;justify-content: center;padding: 25px 0;color: #fff;z-index: 999;display: flex;flex-direction: column-reverse;align-items: center;display: flex;top: 50%;transition: .2s ease-in-out;transform: translateY(-50%) translateX(100%);visibility: hidden}

.js-open-form span {padding: 1rem;writing-mode: tb;transform: rotate(180deg)}

.js-open-form:hover {opacity: .7}

.js-open-form.show {transform: translateY(-50%) translateX(0);visibility: visible}

.form-control {position: relative}

.form-control input {font-size: 14px;width: 100%;height: 45px;padding: 15px 25px;background-color: rgba(0, 0, 0, 0);border: 1px solid #d8d8d8;color: #2F3068;transition: .2s ease-in-out}

.form-control input.error {border-color: red}

.form-control input::placeholder {transition: .2s ease-in-out;color: #2F3068;opacity: 1;line-height: 0}

.form-control input:not(:placeholder-shown), .form-control input:hover, .form-control input:focus {border-color: #69BE5A;}

.form-control input:not(:placeholder-shown)::placeholder, .form-control input:hover::placeholder, .form-control input:focus::placeholder {color: #fff}

.checkbox-control {display: flex;gap: 1rem}

.checkbox-control input[type=checkbox] {display: none}

.checkbox-control input[type=checkbox]:not(:checked).error + label {border-color: red}

.checkbox-control input[type=checkbox]:checked + label {background-color: #fff}

.checkbox-control input[type=checkbox]:checked + label svg {opacity: 1}

.checkbox-control label {flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid #d8d8d8;transition: .2s ease-in-out}

.checkbox-control label.error {border-color: red}

.checkbox-control label svg {transition: .2s ease-in-out;opacity: 0}

.checkbox-control p {font-size: 11px}

@media screen and (min-width: 992px)and (max-width: 1280px) {
    .checkbox-control p {font-size: 10px}
}

.checkbox-control p a {text-decoration: underline}

.submit-button {display: flex;align-items: center; border-radius:3px; justify-content: space-between;padding: 0 1rem;background-color: #4CB748;border: 1px solid #4CB748;height: 45px;transition: .2s ease-in-out;color: #FFF}

.submit-button span, .submit-button svg {transition: .2s ease-in-out}

.submit-button:hover {background-color:#69BE5A;border-color: #69BE5A}

.submit-button svg path {stroke: #fff}

.home-section {height: 100vh}

.home-section .swiper {height: 100%}

.home-section .swiper .swiper-slide {background-position: bottom center;opacity: 0 !important}

.home-section .swiper .swiper-slide.swiper-slide-active {opacity: 1 !important}

.home-section .container {display: flex;flex-direction: column;justify-content: flex-end;gap: 2rem;height: 100%;padding-bottom: 30px;position: relative;z-index: 1}

@media screen and (max-width: 992px) {
    .home-section .container {padding-bottom: 60px}
}

.home-section .container h3 {font-size: 54px;line-height: 80px;margin-bottom: 0}

@media screen and (max-width: 1600px) {
    .home-section .container h3 {font-size: 38px}
}

@media screen and (max-width: 992px) {
    .home-section .container h3 {line-height: 50px}
}

@media screen and (max-width: 576px) {
    .home-section .container h3 {font-size: 23px}

    .home-section .container h3 br {display: none}
}

.home-section .container h3 .bg-span {background-color: rgba(255, 255, 255, .7019607843)}

.home-section .container p {color: #fff}
._df_book{ background: transparent !important;}
.catalog {background-color: #F4f4f4;background-size: cover;background-repeat: #bd9274 eat;background-attachment: fixed;background-position: center;padding: 130px 0px}

.catalog .content {z-index: 3;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px}

.catalog .content p {margin-top: 54px;font-size: 24px;color: #fff}

.catalog .content a {background-color: #141617;color: #fff;margin-top: 77px;padding: 0px 20px;z-index: 1}

.catalog .content a:hover {background-color: #fff;color: #141617}

.catalog .content a:hover svg path {stroke: #141617}

.catalog .section-title-box {display: flex;margin-bottom: 20px;align-items: center}

.catalog .section-title {display: flex;align-items: end !important;color: #141617;font-size: 35px;font-weight: 600;line-height: 1.4;gap: 5px}

@media screen and (max-width: 992px) {
    .catalog .section-title {font-size: 20px;line-height: 24px}

    .catalog .section-title svg {height: 30px;margin-right: 7px !important;width: auto}
}

.catalog .catalog-box {width: 54.792vw;height: 908px;margin: 0px auto;display: flex;flex-direction: column;gap: 33px}

.catalog .catalog-box--main {width: 100%;height: 40.417vw;display: flex}

.catalog .catalog-box--main-content {flex: 1.5;display: flex;overflow: hidden}

.catalog .catalog-box--main-content iframe {width: 100%;height: 100%}

.catalog .catalog-box--main-navigate {padding: 0px 10px;height: 28.958vw;display: flex;align-items: center;justify-content: center;margin: auto 0px;background: linear-gradient(#e6caae 0%, #c0845e 53.56%, #8f5240 100%)}

.catalog .catalog-box--main-navigate .button-box {margin: auto 0px;display: flex;flex-direction: column;gap: 16px}

.catalog .catalog-box--main-navigate .button-box button {border: none;transition: .3s all ease}

.catalog .catalog-box--main-navigate .button-box .left-button {padding: 20px;display: flex;align-items: center;justify-content: center}

.catalog .catalog-box--main-navigate .button-box .left-button:hover {opacity: .8}

.catalog .catalog-box--main-navigate .button-box .right-button {padding: 20px;display: flex;align-items: center;justify-content: center;background-color: #141617}

.catalog .catalog-box--main-navigate .button-box .right-button:hover {opacity: .8}

.catalog .catalog-box--pdf {width: 100%;height: 3.194vw;display: flex;justify-content: center;align-items: center}

.catalog .catalog-box--pdf-download {display: flex;align-items: center;justify-content: space-between;padding: 5px 1rem;gap: 10px;text-align: center;background: linear-gradient(#d49d7b 0%, #8c523c 100%);font-weight: normal;font-size: 14px;text-align: left;color: #f0f1e6;height: 100%}

/*# sourceMappingURL=style.min.css.map */

.sk-circle {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.loading{
    position: fixed; background: rgba(0,0,0,.7); width: 100%; height: 100vh; left: 0px; top: 0px; z-index: 333333; display: none;
}