/* region Variables */
:root {
    --main-color: #000;
    --middle-text-color: #333333;
    --light-text-color: #999999;
    --main-text-color: #000;
    --form-border-color: #999999;
    --main-blue: #12284A;
}
/* endregion */


/* region Basic styles */
.scroll-lock { overflow-y: hidden; }
.containerWrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative; }
.containerContent { padding: 0; overflow: hidden; position: relative;  }
.containerPage { position: relative; min-width: 375px; box-sizing: border-box;  }
.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 1px solid #e1e1e1; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle a { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
.tableWrapper { overflow: auto;}
.tel { font-size: 21px; line-height: 28px; font-weight: 500; color:#fff;}
.tel span { font-weight: 700; font-size: 23px;}

#preloader { position: fixed; top: 0; left: 0; width: 100%;height: 100%;z-index: 1000;background: #fff;}


#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--main-blue);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
/* endregion */


/* region containerView styles */
.containerView { box-sizing: border-box; }
.containerView__header { padding: 0 80px;}
.containerView .containerView__title {   border-bottom: 1px solid #ededed; margin-bottom: 13px; margin-top: 26px; }
.containerView .containerView__title h1 { padding-bottom: 5px; font-size: 40px; font-weight: 800; color: var(--main-color); }
.containerView .containerView__title a { font-size: 45px; color: #000; }
.containerView .containerView__bread a { font-size: 13px; color: #999; text-transform: uppercase;}
.containerView .containerView__content { padding: 106px 0 100px 0;  }
.containerView .containerView__content-left { float: left; padding-top: 5px; position: relative; overflow: hidden; }
.containerView .containerView__content-right { margin-left: 300px; }
.containerView .containerView__content-right img { max-width: 100%; }
/* endregion */

/* region Header styles */
body.inside .containerHeader {background-color: var(--main-blue);  }
body.inside .containerHeader .containerHeader__logo { visibility: visible;}
.containerHeader { position: fixed; top: 0; z-index: 100; width: 100%; min-width: 375px;  display: flex; justify-content: space-between; box-sizing: border-box; color: var(--main-text-color);transition: all .5s; }
.containerHeader.colored { background-color: var(--main-blue); }
.containerHeader a { color: var(--main-text-color); font-weight: 500; }
.containerHeader a:hover { color: #000; }
.containerHeader-left { display: flex; gap: 10px; padding-left: 28px; }
.containerHeader__burger {  width: 62px; padding: 40px 10px;text-align: left;cursor: pointer;  box-sizing: border-box;  }
.containerHeader__burger .burger-element {  width: 100%; height: 4px; background: rgba(255, 255, 255, 0.72); border-radius: 50px; float: left; transition: width 300ms; }
.containerHeader__burger .burger-element:not(:last-child) { margin-bottom: 7px; }
.containerHeader__burger .burger-element.short { width: 65%; }
.containerHeader__burger .burger-element:first-of-type { float: right;}
.containerHeader__burger:hover .burger-element { background: #fff; }
.containerHeader__burger:hover .burger-element.short { width: 100%; }
.containerHeader-right { display: flex; gap: 20px; align-items: center; padding: 20px 25px 0 0; font-size: 12px;   }
.containerHeader__logo { padding: 40px 10px 10px 10px; visibility: hidden; transition: all .3s ease-out;}
.containerHeader__logo.show { visibility: visible;}
.containerHeader__languages { padding-right: 10px; box-sizing: border-box; }
.containerHeader__languages li {padding: 0;}
.containerHeader__languages a { text-decoration: none;  display: inline-block;  padding: 17px 10px;font-size: 13px; text-transform: uppercase;  color: rgba(255, 255, 255, 0.72); }
.containerHeader__languages li.current a,
.containerHeader__languages li a:hover { color: #ffffff; }
.containerHeader__languages .languages-links { list-style: none; margin: 0;display: flex; }
/* endregion */


/* region aboutUs styles */
.aboutUs {  margin-top: -400px; width: 100%; padding: 0 0 200px 90px; z-index: 20;}
.aboutUs__item {position: relative;  box-sizing: border-box; }
.aboutUs__item-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(360deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 50%) 10%, rgb(255 255 255 / 0%) 35%);z-index: 1;}
.aboutUs__item-container {position: relative;}
.aboutUs__item-container a { position: absolute; top: 0; display: block;  width: 100%; height: 100%; z-index: 200;}
.aboutUs__item-container:hover img {filter: grayscale(0); }
.aboutUs__item img {  width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); cursor: pointer; transition: filter .3s ease; }
.aboutUs__item-title { position: absolute;bottom: 60px;right: 60px;box-sizing: border-box;z-index: 2;text-align: right; }
.aboutUs__item-title h3 { font-size: 30px; font-weight: 700; line-height: 100%; text-transform: uppercase; color: #fff; }
.aboutUs .navigation-arrows.arr-prev {  backdrop-filter: blur(30px);left: 25px;z-index: 40;}
.aboutUs .navigation-arrows.arr-next {  backdrop-filter: blur(30px); z-index: 40;  left: 90%; transform: rotateZ(180deg);     padding-bottom: 5px;}
/* endregion */


/* region containerMain styles */
.containerMain { padding-block: 40px; overflow: hidden;}
.containerWithBg { background: #efefef; }
.containerMain--news { padding-block: 60px; }
.containerMain--content { display: flex; gap: 80px; }
.containerMain--text { flex: 2; }
.containerMain--image { flex: 3; }
.containerMain--image img { width: 100%; max-width: 100%; }
.containerMain--title {font-size: 50px;color: #434343; }
.containerMain--title span { color: var(--main-color); }
.containerContent--main { width: 100%; padding: 80px 0; box-sizing: border-box;position: relative; display: flex; gap: 100px; }
/* endregion */


/* region containerSlider styles */
.containerSlider {position: relative;}
.slider-container {width: 100%;height: 100vh;position: relative;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}
.accordion-slider {display: flex;height: 100%;position: relative;}
.slide {flex: 1;position: relative;cursor: pointer;overflow: hidden;transition: all 0.8s;}
.slide .line {position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.1);overflow: hidden;}
.line::after {content: "";display: block;position: absolute;height: 15vh;width: 100%;top: -200px;left: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);-webkit-animation: drop 7s 0s infinite;animation: drop 7s 0s infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);z-index: 100;}
.slide:nth-of-type(2) .line::after {-webkit-animation-delay: 1s;animation-delay: 1.5s;}
.slide:nth-of-type(4) .line::after {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}
.slide.active {flex: 2.5;}
.slide::before {content: "";position: absolute;inset: 0;transition: opacity .8s ease;pointer-events: none;}
.slide::before {background: linear-gradient(180deg, transparent 0, rgb(16 38 72 / 77%) 0%);opacity: 1;z-index: 2;}
.slide:hover::before {opacity: 0;}
.slide-image { position: absolute; width: 100%; height: 100%; object-fit: cover; border-left: 1px solid #ffffff;}
.slide-content {position: relative;margin-bottom: 5px;transform: rotate(270deg);top: 60%;left: 43%;transition: all 0.8s;z-index: 3;}
.slide-content h2 {font-size: 25px;color: rgba(255, 255, 255, 0.2);font-weight: bold;line-height: 1.2;transition: all .8s ease-in-out;}
.slide:hover .slide-content h2 { color: #ffffff; font-size: 45px; }
.slide.active .slide-content  {top: 50%; }
.navigation-arrows {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: 50%;color: white;cursor: pointer;font-size: 20px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 4;backdrop-filter: blur(10px);}
.nav-prev {left: 20px;}
.nav-next {right: 20px;}
.navigation-arrows:hover {background: rgba(255, 255, 255, 0.2);}
.hero-title {width: 80vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 20;transition: transform .3s;}
.hero-title img {width: 100%;transition: transform .7s;}
.hero-title:hover img {transform: scale(1.09);}
/* endregion */

/* region containerContent styles */
.containerContent { position: relative; display: flex; flex-direction: column; }
.containerContent .row {position: relative;}
.containerContent .row.object { display: flex;}
.containerContent .row .text-top { position: absolute; top: 18em; left: 80px; }
.containerContent .row .text-top h2 { font-size: 55px; color: #fff; max-width: 700px;}
.containerContent .row .content-image { position: relative; overflow: hidden; transform: translate(0, -50%);width: 40%; float: right;  padding: 0 140px 40px 50px; }
.containerContent .row .content-image img { width: 100%; object-fit: cover;  display: block; clip-path: inset(0 0 100% 0); opacity: 0; animation: revealSmooth 2.5s ease-in forwards;}
.containerContent .row .content-text { padding-left: 100px;padding-top: 40px; color: rgb(102, 102, 102);}
.containerContent .row .content-text ul li { color: rgb(102, 102, 102);}
.containerContent__video { position: relative; width: 100%;  height: 650px; z-index: -1; overflow: hidden; }
.containerContent__video::after {content: ''; width: 100%;height: 100%;display: block;position: absolute;top: 0;background-color:  rgb(16 38 72 / 77%); z-index: 1;}
.containerContent__video video {display: block;width: 100%; height: auto;}
.text-large { font-size: 45px; line-height: 47px; font-weight: 800; margin-bottom: 20px; margin-top: 0; }
/* endregion */

.partners { padding-left: 100px; padding-top: 40px; color: rgb(102, 102, 102); z-index: 1; position: relative; }
.partners-main {  overflow: hidden; display: flex;  white-space: nowrap;  position: relative;  margin: 20px auto 20px 0;}
.partners-track { display: flex; animation: scroll 60s linear infinite;}
.partners-track a { display: flex; align-items: center; justify-content: center; padding: 0 30px; opacity: 30%;}
.partners-track a:hover { opacity: 1;}
.partners-track img {  width: auto;}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% {  transform: translateX(-100%); }
}


/* region containerAbout styles */
.containerAbout { position: relative; display: flex; justify-content: space-between; padding-bottom: 100px; }
.containerAbout .col-1 { width: 45%; display: flex; flex-direction: column; padding-left: 80px; gap: 70px; z-index: 2;}
.containerAbout .col-1.inner.page { padding-left: 110px; }
.containerAbout .col-1 .text-top { max-width: 500px; padding-top: 26%;}
.containerAbout .col-1 .text-top h2 { font-size: 55px; color: #fff;  }
.containerAbout .col-1 .text-top p {font-size: 16px;  color: rgba(255, 255, 255, 0.4);}
.containerAbout .col-1 .text-main { padding-left: 15px; padding-right: 140px;padding-top: 20%;}
.containerAbout .col-1 .text-main p {font-size: 17px;color: #666666;line-height: 2.059;}
.containerAbout .col-1 .text-main p:nth-of-type(odd) { font-size: 45px; line-height: 47px; font-weight: 800; margin-bottom: 20px;}
.containerAbout .col-1 .text-main p.bold { margin-top: 65px;}
.containerAbout .col-2 { width: 50%; }
.containerAbout .col-2 .about-text {font-size: 17px;color: rgb(102, 102, 102);line-height: 2.059; }
.containerAbout .col-2 .about-image {position: relative; padding: 150px 140px 40px 50px; z-index: 2;}
.containerAbout .col-2 .about-image img { width: 100%;}
.containerAbout .video { position: absolute; width: 100%; z-index: -1; height: 650px; overflow: hidden; }
.containerAbout .video::after {content: ''; width: 100%;height: 100%;display: block;position: absolute;top: 0;background-color:  rgb(16 38 72 / 77%); z-index: 1;}
.containerAbout .video video { display: block;width: 100%; height: auto;}

.containerAbout__title { margin-top: 40px; color: rgb(102, 102, 102); font-size: 35px;}
.text-main li { font-size: 17px; color: rgb(102, 102, 102); line-height: 2.059; }
.title-image { width: 85vw; position: absolute; bottom: 10px; right: 20px;opacity: 0;transform: translateX(600px);transition: transform 3s ease-out, opacity 2s ease-out;}
.title-image.show {opacity: 1;transform: translateX(0);}
.title-image img { filter: contrast(0.8) opacity(0.3); width: 100%; }
.counter { padding-left: 15px; position:relative; display: flex; gap: 90px; margin-top: 50px;}
.counter__wrapper { display: flex; flex-direction: column; min-width: 200px;}
.counter__title { font-size: 21px; font-weight: 500; color: #A6AAB3; cursor: pointer; text-transform: uppercase;margin-top: 10px; margin-left: 10px; max-width: 160px; line-height: 105%; }
.counter__value .count { font-size: 130px; font-weight:700; line-height: 100%;color: #A6AAB3; padding: 20px 0 ; cursor: pointer; transition: all .7s; }
.counter__value .count:hover { color: var(--main-blue)!important; }
.animate { animation: countAnimation 1.5s forwards;}
/* endregion */

/* region privateServices styles */
.privateServices { display: flex; justify-content: center; gap: 25px;  padding: 0 100px 100px;  margin-bottom: 50px; margin-top: -350px; }
.privateServices__item {position: relative;  box-sizing: border-box;max-height: 600px; z-index: 2; }
.privateServices__item-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(360deg, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 50%) 10%, rgb(255 255 255 / 0%) 35%);z-index: 1;}
.privateServices__item-container {position: relative; }
.privateServices__item-container a { position: absolute; top: 0; display: block;  width: 100%; height: 100%; z-index: 200;}
.privateServices__item-container:hover img {filter: grayscale(0); }
.privateServices__item img {  width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); cursor: pointer; transition: filter .3s ease; }
.privateServices__item-title { position: absolute;bottom: 60px;right: 60px;box-sizing: border-box;z-index: 2;text-align: right; }
.privateServices__item-title h3 { font-size: 30px; font-weight: 700; line-height: 100%; text-transform: uppercase; color: #fff; }
/* endregion */


/* region Object styles */
.objects { max-width: 1800px; margin: auto;}
.objects-txt { padding-left: 100px;  padding-top: 45px; color: rgb(102, 102, 102);}
.objects-txt li { color: rgb(102, 102, 102); }
.objects__filter { display: flex; justify-content: center; }
.objects__filter-position { background-color: var(--main-blue); margin-top: -60px; padding: 40px; width: 800px; display: flex; align-items: center; gap: 10px; }
.objects__filter-position button { border: none; background-color:#a6bdd7; color: white; padding-left:5px }

.cards { display: flex;  justify-content: center; gap: 50px; flex-wrap: wrap; padding: 45px 100px 0 100px; }
.cards__item { width: 31%; position: relative; }
.cards__item img { width: 100%; height: 500px; object-fit: cover; position: relative; z-index: 0; }
.cards__item img:hover { filter: grayscale(80%); }
.cards__image-wrap { position: relative; overflow-y: hidden; }
.cards__image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(16, 38, 72, 0.77) 0%, transparent 50%); opacity: 0; transition: opacity 0.3s ease; }
.cards__image-wrap:hover::after { opacity: 1; }
.cards__item h3 { position: absolute; top: 30px; left: 10%; color: #fff; font-size: 30px; z-index: 2; transition: opacity 1s ease; }
.cards__item-txt { position: absolute; bottom: 20px; left: 10%; right: 10%; background: rgba(16, 38, 72, 0.77); color: #fff; padding: 10px 20px;opacity: 0; transform: translateY(100%); transition: opacity 0.5s ease, transform 0.5s ease; z-index: 2; }
.cards__item-txt p { min-height: 34px; display: flex; align-items: center; }
.cards__item-information { position: absolute; top: 20px; left: 0; width: 100%; display: flex; justify-content: space-between; font-weight: 700; z-index: 2; opacity: 0; transition: opacity 0.5s ease; }
.cards__item-information p:nth-child(1) { margin-left: 20px; padding: 10px; background-color: #fff; }
.cards__item-information p:nth-child(2) { margin-right: 20px; padding: 10px; background-color: #fdffab; }
.cards__item:hover .cards__item-information,.cards__item:hover .cards__item-txt { opacity: 1; }
.cards__item:hover .cards__item-txt { transform: translateY(0); }

.row.object { padding-top: 100px; max-width: 1800px; margin: auto; }
.object__info { width: 40%; display: flex; align-items: center; justify-content: center;}
.object__info p { font-size: 20px; padding-left: 20px;}
.object__slider { position: relative; width: 50%;height: 100%; }
.object__slider img {width: 100%; padding: 20px 0;}
.object-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: 50%;color: white;cursor: pointer;font-size: 30px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 4;backdrop-filter: blur(10px);}
.object-nav.prev {left: 20px;}
.object-nav.next  {right: 20px;}
.object-nav.next {right: 30px;}
.object-nav:hover {background: rgba(255, 255, 255, 0.2);}
.object-pagination { display: flex; justify-content: center;}
.object-pagination span { background-color: var(--main-blue);width: 12px; height: 12px; }
/* endregion */


/* region Team styles */
.team { display: flex; gap: 30px; margin: 40px 0 0 100px; position: relative; z-index: 1; }
.team__item-description p:first-child { font-weight: 600; font-size: 20px; line-height: 1.2; }
.team__item { width: 50%; }
.team__item img { width: 100%; }
.team__title { color: rgb(102, 102, 102); font-size: 30px; padding-top: 10px; }
/* endregion */



.contact { padding-left: 100px; }
.contact__list { padding: 40px 0; display: flex; flex-wrap: wrap; column-gap: 100px; }
.contact__list-item p { display: flex; align-items: center; gap: 5px; line-height: 1.4; }
.contact__list-item a { font-size: 25px;  display: inline-block; transition: transform 0.5s ease, letter-spacing 0.5s ease; }
.contact__list-item:nth-child(3), .contact__list-item:nth-child(4) { flex: 0 0 100%; }
.contact__list-item.social {text-align: left; margin: 20px 0; display: flex; gap: 10px;}
.contact__list-item.social a img {filter: invert(1);}

.contact__map  iframe {  margin-right: 140px;  width: calc(100% - 140px); height: 650px; border: none; position: relative; z-index: 2;}
.contact__map img { width: 100%; height: 100%; object-fit: cover; }

/* region Footer styles */
.containerFooter {  position: relative; z-index: 1; padding: 70px 55px 45px; border-top: 1px solid #efefef;background: var(--main-blue);text-align: center; }
.containerFooter .containerFooter__logotype { padding: 20px 0 0; }
.containerFooter .containerFooter__logotype .logo { position: relative; display: block;  background-size: contain!important;  width: 400px; height: 65px; background: url('../img/NASNAGA_white.svg') no-repeat; }
.footerMenu { position: relative; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; z-index: 20;}
.footerMenu li { padding-block: 0;}
.footerMenu li a { color: #fff; font-weight: 500; font-size: 15px; padding: 10px 15px; display: inline-block; }
.footerMenu li a:hover { color: #fff; }
.containerFooter__content {  position: relative;display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end; margin-block: 30px;z-index: 20;}
.containerFooter__number { margin-top: 10px; margin-bottom: 20px; text-align: right;  }
.containerFooter__address { color: #fff; }
.containerFooter__address img { width: 22px;vertical-align: baseline;}
.containerFooter__socials { display: flex; gap: 5px; justify-content: end; margin-top: 10px;}
.containerFooter__socials img { width: 28px;}
.containerFooter__copyright {  position: relative; width: 100%; font-size: 13px; text-align: center; color: rgba(255, 255, 255, 0.4); margin-top: 20px; z-index: 20;}
.containerFooter__copyright a { color: #fff;}
/* endregion */


/* region Form styles */
.containerForm { padding: 50px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; margin: 0 auto; max-width: 800px; border-radius: 20px;}
.containerForm .containerForm__title {font-weight: 800;font-size: 26px;color: var(--main-color);text-transform: uppercase;text-align: center;}
.containerForm .containerForm__content { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerForm label.container--label--name { overflow: hidden; float: left; }
.containerForm .container--label { margin-bottom: 15px; }
.containerForm .nice-select.open .list { overflow: scroll; max-height: 250px; padding-top: 8px; }
.containerForm__block { display: flex; gap: 10px;}
.containerForm__block .container--label { width: 100%; }
.containerForm .container--label textarea {  width: 100%; border: 1px solid #efefef; border-radius: 4px; padding: 5px 15px; box-sizing: border-box; font-size: 15px; }
.containerForm .container--label.half { width: 48%; float: left;}
.containerForm .container--label.half:not(:last-child) { margin-right: 15px;}
.containerForm .container--conf { display: flex; align-items: center; gap: 15px; }
.containerForm .container--conf a { color: #939393; }
.containerForm label.button { margin-bottom: 0; }
.containerForm input { width: 100%; border: 1px solid #efefef; height: 50px; border-radius: 4px; padding: 15px; box-sizing: border-box; font-size: 15px; }
.containerForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #000; }
.containerForm input.conf { width: 20px; height: 20px; padding: 0; }
.containerForm input.double { float: left; width: 48%; }
.containerForm input.double:last-child { float: right; }
.containerForm button { max-width: max-content; width: 100%; margin-top: 20px;  display: inline-block; text-align: center; cursor: pointer; box-sizing: border-box; border: none; padding: 8px 20px;  color: #fff; font-size: 20px; line-height: 24px; background: var(--main-color); border-radius: 20px; }
.topicSelect.nice-select { float: unset; border: 1px solid #efefef; height: 50px; }
.topicSelect.nice-select .nice-select-search-box { display: none !important; }
.topicSelect .option[data-value=""] {    display: none!important;}
.container-conf-policy {text-align: left;font-size: 13px;}
.container-conf-policy a {color: #939393;}
.conf-link {color: #636363;}
.containerForm .nice-select .option { padding-block: 0; }
.containerForm .nice-select { color: #474747; }

/* region Menu Window styles */
.containerMenu { opacity: 0; position: fixed; top: 0; left: -150%;  width: 100%; height: 100%; z-index: 100; background-color: rgb(16 38 72 / 92%); transition: all 300ms ease;  }
.containerMenu__container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-block: 40px; text-align: left; overflow-y: auto;  }
.containerMenu__close { position: absolute; top: 0; right: 14px; padding: 20px 10px; font-size: 38px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s; z-index: 102; }
.containerMenu__content {  position: relative;  height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; opacity: 0; visibility: hidden; transition: all .3s; }
.containerMenu__content.active { margin-bottom: 0; opacity: 1; visibility: visible; }
.menu { display: flex; gap: 50px; }
.main-link { display: block;  padding: 16px 0;  transition: all .5s;}
.main-link span { color: #fff; font-size: 38px; line-height: 40px; font-weight: 600; transition: all .4s;  }
.main-link:hover span { font-size: 39px;}
.menu-col { display: flex; flex-direction: column; justify-content: space-between;}
.menu-col ul { list-style: none; padding: 0;}
.menu-col ul li a {font-size: 24px; line-height: 25px; font-weight: 200; padding: 16px 0 16px 30px;color: #fff; }
.menu-col ul li a:hover { text-decoration: underline;}
.menu-col.wide {min-width: 470px; }
.contacts { width: 100%; max-width: 800px; margin: 50px auto; text-align: center; padding-right: 100px;  padding-bottom: 100px;}
.contacts a { margin: 10px;}
.contacts a img {  transition: all .4s; }
.contacts a:hover img { transform: scale(1.01);}
.content-text.wow.fadeInLeft.contacts--txt-bottom { margin-top: 0; }


/* endregion */


/* region Tabs styles */
#tabs-farmac { display: none; }
.ui-widget.ui-widget-content { background: #fff;border: transparent;}
.ui-widget-header {  border: none;border-bottom: 1px solid #ccc; background: transparent;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #000; font-weight: 400; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background: var(--main-color); color: #fff;}
.ui-tabs .ui-tabs-nav { min-height: 42px; display: flex; flex-wrap: wrap; }
.tabs--files--links { display: flex; gap: 20px; flex-wrap: wrap; }
.tabs--files--link { display: flex; gap: 5px; border: 1px solid var(--main-color); color:var(--main-color); max-width: max-content; background: #fff;  }
.tabs--files--link:hover { color: #fff; background:  var(--main-color); }
.tabs--files--link:hover img  { filter: invert(50%) sepia(100%) brightness(200%) contrast(90%); }
.tabs--files--link img { width: 20px; }
.fancybox__container .fancybox__backdrop { background: rgba(0, 0, 0, 0.6); }

.link-with-icon { display: flex; gap: 5px; align-items: center;}
.link-with-icon img { margin-left: 5px;}
/* endregion */



.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 100%;
    z-index: 1;
}

.lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
}
.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 20%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    -webkit-animation: drop 7s 0s infinite;
    animation: drop 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
    margin-left: 25%;
}

.lines .line:nth-child(2) {
    margin-left: 50%;
}
.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.lines .line:nth-child(3) {
    margin-left: 85%;
}

.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}


@keyframes revealSmooth {
    0% {
        clip-path: inset(0 0 80% 0);
        opacity: 0;
    }
    100% {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}


@keyframes countAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes drop {
    0% {
        top: -50%;
    }
    100% {
        top: 110%;
    }
}

@keyframes drop {
    0% {
        top: -50%;
    }
    100% {
        top: 110%;
    }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




/* ====== max-width: 2200px ====== */
@media screen and (max-width: 2200px) {
    .containerAbout .col-1 .text-main {  padding-top: 25%;}
}

@media screen and (max-width: 2000px) {
    .containerAbout .video, .containerContent__video {height: 600px;}
    .containerContent .row .text-top {top: 20em;}
    .containerAbout .col-2 .about-image { padding: 100px 80px 40px 0; }
    .containerContent .row .content-image  {padding: 100px 80px 40px 140px;}
}

/* ====== max-width: 1800px ====== */
@media screen and (max-width: 1800px) {
    .containerAbout .col-1 .text-main {  padding-top: 35%;}
    .row.object {  max-width: 1500px; padding-top: 50px; }
}

/* ====== max-width: 1600px ====== */
@media screen and (max-width: 1600px) {
    .containerContent .row .text-top {top: 11em;}
    .containerContent .row .content-image {padding: 50px 40px 50px 50px;}
    .text-large {font-size: 36px; line-height: 38px;}
    .containerAbout .col-2 .about-image {padding: 50px 40px 50px 0;}
    .containerAbout .col-1 .text-main { padding-top: 15%; padding-right: 50px;}
    .containerAbout .col-1 .text-main p:nth-of-type(odd) { font-size: 36px; line-height: 38px;}
    .containerAbout .col-2 { width: 55%;}
    .containerAbout .video,
    .containerContent__video { height: 430px;}
    .containerBanners { padding-right: 40px;}
    .containerBanners--element .containerBanners-small-images { padding-left: 60px; }
    .containerBanners--element .containerBanners-text { padding-left: 60px; }
    .containerBanners--element .containerBanners--img-box { text-align: right; }
    .aboutUs { padding: 100px 50px;}
    .aboutUs__item-title h3 { font-size: 28px;}
    .counter { margin-top: 0; flex-wrap: wrap; }
    .counter__value .count {  font-size: 100px; }
    .containerAbout .col-1 .text-main p:nth-of-type(odd) { font-size: 26px; line-height: 29px;}
    .containerAbout .col-1 { padding-left: 30px; }
    .row.object { max-width: 1300px; }

    .text-top.wow.fadeInLeft.objects { top: 3%; left: 40% }

    .contact__map iframe { margin-right: 100px; width: calc(100% - 100px);}
}

/* ====== max-width: 1400px ====== */
@media (max-width: 1400px) {
    .containerAbout .col-1 .text-main { padding-right: 30px; padding-top: 30%;}
    .containerContent .row .text-top {top: 14em; left: 50px; }
    .containerContent .row .text-top h2 { font-size: 52px;}
    .containerContent .row .content-text {padding-right: 100px;padding-top: 0; }
    .contacts {padding-bottom: 0;}
    .menu-col ul li a {font-size: 18px; line-height: 19px;}
    .main-link span { font-size: 24px; line-height: 25px;}
    .text-top.wow.fadeInLeft.objects { top: 3%; left: 40% }
}


/* ====== max-width: 1200px ====== */
@media screen and (max-width: 1200px) {
    .containerContent .row .content-text {margin-top: -150px;}
    .containerContent .row {display: flex;flex-direction: column;}
    .containerContent .row .content-image {width: 50%;padding: 0;top: 30% ;margin: 0 auto;transform: translate(0, -30%);}
    .containerContent .row .text-top {top: 30%; left: 50%; transform : translate(-50%, -30%); text-align: center;}
    .slide-content { left: 35%; }

    .menu-col.wide { min-width: 350px; }

    .text-top.wow.fadeInLeft.objects { top: 1%; left: 50% }

    .cards { flex-direction: column; }
    .cards__item { width: 60%; margin: 0 auto; }

    .contact__list { padding: 40px 100px 40px 0; }

    .team { margin: 40px 100px 0 100px; }
}

/* ====== max-width: 992px ====== */
@media screen and (max-width: 992px) {
    .containerAbout .video,
    .containerContent__video {height: auto;}
    .containerContent .row .text-top { top: 20%;  transform : translate(-50%, -20%); min-width: 400px;}
    .containerContent .row .content-text {padding-right: 100px;padding-top: 0;margin-top: -200px;}
    .containerContent .row .content-image { top: 60%; transform: translate(0, -60%);}
    .containerContent .row .content-image.row--big {transform: translate(0, -50%);}
    .containerAbout { flex-direction: column;}
    .containerAbout .col-1,
    .containerAbout .col-2 {width: 100%;}
    .containerAbout .col-1 .text-main {padding-right: 45px; padding-top: 10%;}
    .containerAbout .col-2 .about-image {padding: 50px 40px 50px 40px;}
    .title-image { width: 95vw; left: 20px;}
    .menu-col.wide { min-width: 300px; }

    .cards__item { width: 80%; }
    }

/* ====== max-width: 768px ====== */
@media screen and (max-width: 768px) {
    .containerContent .row .content-text {padding-top: 0; margin-top: -100px; padding-inline: 25px;}
    .containerContent .row .content-image.row--big {transform: translate(0, -25%);}
    .containerContent .row .text-top h2 { font-size: 45px; }
    .containerContent .row .content-image { width: 70%;  top: 30%;  transform: translate(0, -30%);}
    .aboutUs__item-title h3 {font-size: 25px;}
    .aboutUs__item-title { right: 20px;}
    .slide-content { left: 28%; }
    .slide:hover .slide-content h2 {  font-size: 30px; }
    .containerMenu__content { display: block; }
    .menu {flex-direction: column; align-items: center; padding-top: 70px; gap: 0;}

    .cards { padding: 45px 25px 0 25px; }
    .cards__item { width: 90%; }
    .objects-txt { padding: 45px 25px 0 25px; }

    .contact { padding-left: 25px; }
    .contact__map iframe { margin-right: 25px; width: calc(100% - 25px); }
    .contact__list-item a { font-size: 20px; }

    .team { margin: 0 auto; flex-direction: column; padding: 40px 25px 0 25px; }
    .team__item { width: 100%; }
    .team__item img { height: 400px; object-fit: contain; }

    .partners { padding-left: 25px; }
}

@media screen and (max-width: 650px) {
    .containerAbout .col-1 .text-main {  padding-top: 5%;}
    .footerMenu { gap: 0;}
    .containerFooter { padding: 50px 25px 45px; }
    .aboutUs {margin-top: -150px; padding: 50px 0 0;}

    .team__title { font-size: 25px;  }
}


/* ====== max-width: 576px ====== */
@media screen and (max-width: 576px) {
    .containerView .containerView__content { padding-top: 77px;}
    .containerContent .row .text-top h2 {font-size: 34px;}
    .containerAbout .col-1 .text-top h2 { font-size: 44px;}
    .containerAbout .col-1 .text-top {padding-top: 17%; padding-left: 10px; min-width: 300px;}
    .containerAbout .col-1 {padding-left: 10px;}
    .hero-title { width: 95vw;}
    .navigation-arrows { top: 90%;}
    .containerHeader__burger { padding: 25px 10px;}
    .containerHeader-left { padding-left: 10px; }
    .containerHeader__logo {padding: 25px 10px; }
    .containerHeader__logo img { max-width: 150px; }
    .containerHeader-right { padding: 0;}
    .containerContent .row .content-text { margin-top: -50px;}
    .text-large { font-size: 26px;  line-height: 29px; }
    .main-link { padding: 10px 0;}
    .main-link span { font-size: 26px;  line-height: 29px;  }
    #loader { width: 60px; height: 60px;  margin: -38px 0 0 -38px;}
    .containerFooter .containerFooter__logotype { width: 100% }
    .containerFooter .containerFooter__logotype .logo {width: 100%}
}

@media screen and (max-width: 500px) {
    .containerAbout .col-2 .about-image {padding: 50px 10px;}
    .containerFooter__content { align-items: center;}
    .containerFooter__socials { justify-content: center;}
    .counter__wrapper { min-width: 150px;}
}



@media screen and (max-width: 425px) {
    .containerAbout .col-1 .text-top h2 { font-size: 38px;}
    .containerAbout .col-1 { gap: 50px;}
    .containerAbout .col-1 .text-main p { line-height: 1.5em;}
    .counter { gap: 20px;}
    .counter__value .count {font-size: 85px;}
    .containerHeader__languages .languages-links { padding-left: 0;}
}



/* endregion */