/*------------------------------------------------------------*

**Главная

**------------------------------------------------------------*/



/* CSS Document */





body {

padding:0px;

margin:0px;

background:#F9F9F9;

font-family: "Montserrat", sans-serif;

color:#111;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 140%;

}



::-webkit-scrollbar {

width:10px;

}



::-webkit-scrollbar-track {

background:#111;

}



::-webkit-scrollbar-thumb {

background-color:#3374B2;

}



a {

text-decoration:underline;

color: #111;

transition: .5s;

}



a:hover {

text-decoration:none;

}



.clear {

clear:both;

}



ul li:last-child {

margin:0px;

}



button, .feedback, .btn {

transition: .5s;

}



p, img {

margin:0px;

padding:0px;

border:0px;

}



p {

margin:0 0 20px 0;

}



p:last-child {

margin:0px;

}



h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {

line-height: normal;

font-weight:normal;

position:relative;

font-family: "Montserrat", sans-serif;

padding:0;

margin:0px 0 25px 0;

font-weight:500;

}



* {

box-sizing: border-box;

}



table {

border-spacing: 0px;

}



button {

margin:0px;

padding:0px;

border:0px;

cursor:pointer;

}



header, 

nav, 

section, 

article, 

aside, 

footer {

display: block

}



input, button, textarea, select {

font-size:16px;

outline:none;

font-family: "Montserrat", sans-serif;

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

margin: 0;

}



input[type="number"] {

-moz-appearance: textfield;

}



button {

margin:0px;

padding:0px;

border:0px;

cursor:pointer;

}



img {

max-width:100%;

height:auto !important;

}



iframe {

max-width:100% !important;

max-height:100% !important;

}



.site-width {

width:100%;

max-width:80rem;

margin:0 auto;

padding:0 2.5rem;

}



.header {

padding:1.875rem 0;

transition: .5s;

position:fixed;

top:0rem;

left:0rem;

right:0rem;

z-index:9;

color:#fff;

}



.header.fixed {

padding:0.625rem 0;

background: #3374B2;

box-shadow:0rem 0rem 1.25rem rgba(0,0,0,.2);

}



.header .site-width {

display:flex;

align-items:center;

justify-content: space-between;

gap:2.5rem;

position:relative;

}



.header .logo a {

display:block;

text-decoration:none;

width:15.625rem;

height:3.125rem;

background:url(../images/footer-logo.svg) no-repeat;

background-size:contain;

}



.header .search {

flex:1;

}



.header .search form {

display:flex;

border: 0.0625rem solid #CFCFCF;

}



.header .search input {

flex:1;

width:auto;

background: #FFFFFF;

font-size: 0.875rem;

line-height: 1.1875rem;

border:0rem;

padding:0 1rem;

}



.header .search button {

text-decoration:none;

width:3rem;

height:3rem;

cursor:pointer;

border:0rem;

background:url(../images/search.svg) no-repeat;

font-size:0rem;

line-height:0rem;

}



.social {

display:flex;

gap:0.625rem;

}



.social a {

text-decoration:none;

display:block;

width:2.5rem;

height:2.5rem;

background-size:contain !important;

border-radius:34.6875rem;

overflow:hidden;

}



.tl {

background:url(../images/tl.svg) no-repeat;

}



.wh {

background:url(../images/wh.svg) no-repeat;

}



.webchat {

background:url(../images/wechat.svg) no-repeat;

}



.in {

background:url(../images/in.svg) no-repeat;

}



.fb {

background:url(../images/fb.svg) no-repeat;

}



.header .info {
display:flex;
align-items:center;
gap:0.625rem;
}

.header .info:before {
content:"";
width:2.5rem;
height:2.5rem;
background:url(../images/phone.svg) no-repeat 0 center;
}



.header .phone {

display:block;

text-decoration:none;

font-size: 1.125rem;

font-style: normal;

font-weight: 600;

line-height: 145%; /* 1.63125rem */

letter-spacing: 0.03125rem;

text-transform: uppercase;

margin:0 0 0.25rem 0;

color:#fff;

}



.header .time {

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 143%; /* 1.43rem */

}



.header .menu {

flex:1;

}



.header .menu ul {

list-style:none;

margin:0rem;

padding:0rem;

display:flex;

justify-content:center;

gap:0.3125rem;

}



.header .menu a {

text-decoration:none;

color:#fff;

padding:0.3125rem 0.625rem;

display:block;
font-size:.9rem;
text-transform: uppercase;

}



.header .menu a:hover, .header .menu .active a, .header .menu li:hover a {

background: rgba(0, 0, 0, .5);

}



.header .menu li {

position:relative;

}



.header .menu ul ul {

position:absolute;

top:100%;

left:0rem;

z-index:3;

flex-direction:column;

gap:0.3125rem;

white-space: nowrap;

display:none;

}



.header .menu ul ul a {

background: rgba(0, 0, 0, .8) !important;

}



.header .menu ul ul a:hover {

background:#3374B2 !important;

}



.header .menu li:hover > ul {

display:flex;

}



.header .lang {

position:relative;

font-size:0rem;

line-height:0rem;

}



.header .lang .select {

cursor:pointer;

}



.header .lang img {

width:2.5rem;

}



.header .lang .hover {

position:absolute;

top:calc(100% + 0.625rem);

right:0rem;

z-index:3;

display:none;

}



.header .lang .option {

width:2.5rem;

cursor:pointer;

margin:0.3125rem 0;

}



#top {

position:fixed;

bottom:2rem;

right:2rem;

z-index:9999999;

cursor:pointer;

width:3.75rem;

height:3.75rem;

background:url(../images/top.svg) no-repeat;

display:none;

}



.section-1 {

position:relative;

font-size:0rem;

line-height:0rem;

}



.section-1 .slide {


position:relative;


}



.section-1 .slide:before {

content:"";

position:absolute;

bottom:0rem;

left:0rem;

right:0rem;

z-index:3;

height:12.5rem;

background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(51, 116, 178, 1) 100%);

}



.section-1 .slide img {

width:100%;

height:100% !important;

object-fit:cover;

}



.section-1 .block {

position:absolute;

top:0rem;

bottom:0rem;

left:50%;

width:100%;

max-width:80rem;

padding:2.5rem;

transform: translate(-50%, 0%);

display:flex;

align-items:flex-start;

justify-content: center;

flex-direction:column;

gap:1.875rem;

}



.section-1 .title {

font-size:5rem;

color:#fff;

line-height:normal;

margin:0rem;

padding:0rem;

background:rgba(0,0,0,.5);

padding:0.625rem 1.25rem;

display:table;

}



.section-1 .desc {

font-size:1.125rem;

line-height:1.75rem;

color:#fff;

max-width:50rem;

background:rgba(0,0,0,.5);

padding:0.625rem 1.25rem;

}



.slick-arrow {

margin:0rem;

padding:0rem;

border:0rem;

cursor:pointer;

width:3.75rem;

height:3.75rem;

font-size:0rem;

line-height:0rem;

flex-shrink:0;

position:absolute;

top:50%;

margin:-1.875rem 0 0 0;

z-index:9;

}



.slick-prev {

background:url(../images/section1-arrow.svg) no-repeat center center;

left:3.125rem;

}



.slick-prev:hover {

left:2.5rem;

}



.slick-next {

background:url(../images/section1-arrow.svg) no-repeat center center;

right:3.125rem;

transform: rotate(180deg);

}



.slick-next:hover {

right:2.5rem;

}



.title-section {

display:flex;

align-items:center;

gap:1.25rem;

margin:0 0 2.5rem 0;

font-size:3.5rem;

font-weight:700;

font-family: Gilroy;

color:#3374B2;

}



.title-section:after {

content:"";

flex:1;

height:0.125rem;

background: linear-gradient(270deg,rgba(249, 249, 249, 1) 12%, rgba(51, 116, 178, 1) 100%);

}



.section-2 {

background:#3374B2;

padding:5rem 0;
margin:0 0 5rem 0;

}



.section-2 .site-width {

display:flex;

gap:2.5rem;

}



.section-2 .col-left {

flex:1;

color:#fff;

}



.section-2 .col-right {

font-size:0rem;

line-height:0rem;

position:relative;

width:45%;

}



.section-2 .col-right img {

width:100%;

height:100% !important;

object-fit:cover;

}



.section-2 .col-right a {

position:absolute;

bottom:0rem;

right:0rem;

z-index:3;

text-decoration:none;

display:flex;

align-items:center;

text-decoration:none;

cursor:pointer;

padding:0.375rem 0.25rem 0.375rem 2.5rem;

gap:1.5rem;

background:#fff;

color:#3374B2;

font-size: 1.125rem;

font-style: normal;

font-weight: 600;

line-height: 145%; /* 1.63125rem */

letter-spacing: 0.03125rem;

text-transform: uppercase;

}



.section-2 .col-right a:after {

content:"";

width:3rem;

height:3rem;

background:url(../images/section3-link.svg) no-repeat;

}



.section-2 .name {

font-size: 1.5rem;

font-style: normal;

font-weight: 400;

line-height: 140%; /* 1.75rem */

letter-spacing: 0.0625rem;

text-transform: uppercase;

margin:0 0 1rem 0;

display:flex;

align-items:center;

gap:1rem;

}



.section-2 .name:before {

content:"";

width:0.625rem;

height:0.625rem;

background:#fff;

}



.section-2 .title {

font-family: Gilroy;

font-size: 3.375rem;

font-style: normal;

font-weight: 500;

line-height: 130%; /* 5.2rem */

margin:0 0 1rem 0;

}



.section-2 .desc {

font-size: 1.1rem;

font-style: normal;

font-weight: 400;

line-height: 140%; /* 1.225rem */

width:100%;

margin:0 0 2.5rem 0;

}



.section-2 .flex {

display:flex;

flex-wrap:wrap;

justify-content: space-between;

gap:1.25rem;

}



.section-2 .item {

width:42%;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 160%; /* 1.6rem */

}



.section-2 .number {

color:#fff;

font-family: Gilroy;

font-size: 3rem;

font-style: normal;

font-weight: 500;

line-height: 140%; /* 4.2rem */

margin:0 0 1.375rem 0;

padding:0 0 0.25rem 0;

border-bottom: 0.0625rem solid var(--Grays-Gray-4, #D1D1D6);

}



.section-3 {

padding:5rem 0;

}



.section-3 .slider {

font-size:0rem;

line-height:0rem;

position:relative;

}



.section-3 .slick-slide {

margin:0 1.25rem;

}



.section-3 .slide {

width:50rem;

height:31.25rem;

overflow:hidden;

display:block;

text-decoration:none;

position:relative;

}



.section-3 .slide img {

width:100%;

height:100% !important;

object-fit:cover;

transition: .5s;

}



.section-3 .slide:hover img {

transform: scale(1.1);

}



.section-3 .slide:before {

content:"";

position:absolute;

top:50%;

left:50%;

z-index:3;

cursor:pointer;

width:4rem;

height:4rem;

background:url(../images/section3-zoom.svg) no-repeat;

background-size:contain;

margin:-2rem 0 0 -2rem;

opacity:.8;

}



.section-5 {

margin:0 0 5rem 0;

overflow:hidden;

}



.section-5 .slider {

width:100vw;

}



.section-5 .arrows {

display:flex;

align-items:center;

justify-content:center;

margin:2.5rem 0 0 0;

gap:1.25rem;

}



.section-5 .slick-arrow {

margin:0rem;

padding:0rem;

border:0rem;

cursor:pointer;

width:3.75rem;

height:3.75rem;

font-size:0rem;

line-height:0rem;

flex-shrink:0;

position:relative;

margin:0rem;

top:auto;

left:auto;

}



.section-5 .slick-prev {

background:url(../images/section5-arrow.svg) no-repeat center center;

transform: rotate(180deg);

}



.section-5 .slick-next {

background:url(../images/section5-arrow.svg) no-repeat center center;

right:auto;

transform: rotate(0deg);

}



.section-5 .slick-track {

display:flex !important;

}



.section-5 .slick-slide > div {

height:100%;

}



.section-5 .slick-slide {

width:100%;

max-width:23.75rem;

margin:0 2rem 0 0;

}



.section-5 .slide {

border-radius: 1rem;

background:#FFF;

padding:2rem;

height:100%;

}



.section-5 .info-flex {

display:flex;

margin:0 0 1.25rem 0;

gap:1.5rem;

}



.section-5 .text {

font-size: 1rem;

font-style: normal;

font-weight: 400;

line-height: 1.5rem; /* 150% */

}



.section-5 .block {

flex:1;

display:flex;

flex-direction:column;

gap:0.5625rem;

}



.section-5 .name {

font-size: 1.125rem;

font-style: normal;

font-weight: 500;

line-height: normal;

}



.section-5 .desc {

flex:1;

color:#4F4F4D;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.section-5 .rating {

font-size:0rem;

line-height:0rem;

}



.section-6 {

margin:0 0 5rem 0;

}



.section-6 .site-width {

display:flex;

gap:2rem;

}



.section-6 .col-left {

flex:1;

font-size: 1.125rem;

}



.section-6 .col-right {

width:51.4%;

border-radius: 1rem;

padding:2rem;

background:#fff;

}



.section-6 .title {

font-size: 1.5rem;

font-style: normal;

font-weight: 500;

line-height: 2rem; /* 133.333% */

margin:0 0 2.6875rem 0;

}



.section-6 form {

display:block;

}



.section-6 label {

display:block;

font-size: 1rem;

font-style: normal;

font-weight: 400;

line-height: 1.25rem; /* 125% */

margin:0 0 0.75rem 0;

}



.section-6 input {

width:100%;

border-radius: 0.5rem;

border: 0.0625rem solid #777;

height:3.25rem;

padding:0 1rem;

margin:0 0 1.4375rem 0;
	
font-size:1rem;

}



.section-6 textarea {

width:100%;

border-radius: 0.5rem;

border: 0.0625rem solid #777;

height:6.4375rem;

padding:1rem;

margin:0 0 2.5rem 0;
	
font-size:1rem;

}



.section-6 button {

width:100%;

cursor:pointer;

border:0rem;

height:3.625rem;

border-radius: 0.5rem;

background:#3374B2;

color:#FFF;

font-size: 1.125rem;

font-style: normal;

font-weight: 500;

line-height: 1.375rem; /* 122.222% */

text-transform: uppercase;

margin:0 0 1.5rem 0;

transition: .5s;

}



.section-6 .radio {

display:flex;

gap:0.625rem;

}



.section-6 .radio input {

display:none;

}



.section-6 .radio label {

cursor:pointer;

font-size:0rem;

line-height:0rem;

}



.section-6 .radio span {

width:2.4375rem;

display:block;

border-bottom:0.3125rem transparent solid;

padding:0 0 0.3125rem 0;

}

.section-6 .radio span img {width:100%;}

.section-6 .radio input:checked + span {

border-bottom:0.3125rem #3374B2 solid;

}



.section-6 .warning {

text-align:center;

color: #777;

line-height: 1.5rem; /* 150% */

}



.section-6 .warning a {

color: #777;

}



.section-7 {

height:31.25rem;

font-size:0rem;

line-height:0rem;

}



.section-7 iframe {

width:100% !important;

height:100% !important;

}



.footer {

background:#2b2b2b;

padding:5rem 0 2.5rem 0;

color:#fff;

}



.footer a {

color:#fff;

}



.footer .head {

display:flex;

gap:1.25rem;

justify-content: space-between;

margin:0 0 3.125rem 0;

}



.footer .bottom {

display:flex;

flex-wrap:wrap;

gap:1.25rem;

}



.footer .copyright {

flex:1;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 1.125rem; /* 128.571% */

}



.footer .bottom a {

text-decoration:none;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 1.125rem; /* 128.571% */

}



.footer .bottom a:hover {

text-decoration:underline;

}



.footer .logo {

display:block;

text-decoration:none;

margin:0 0 2.5rem 0;

width:15.625rem;

height:3.125rem;

background:url(../images/footer-logo.svg) no-repeat;

background-size:contain;

}



.footer ul {

list-style:none;

margin:0rem;

padding:0rem;

display:flex;

flex-direction:column;

gap:1.25rem;

}

.footer ul ul {display:none;}

.footer ul a {

text-decoration:none;

font-size: 0.875rem;

font-style: normal;

font-weight: 700;

line-height: 1.125rem; /* 128.571% */

}



.footer ul a:hover {

text-decoration:underline;

}



.footer .phone {

display:table;

margin:0 0 0.25rem 0;

text-decoration:none;

font-size: 1.125rem;

font-style: normal;

font-weight: 700;

line-height: normal;

}



.footer .feedback {

text-decoration:underline;

cursor:pointer;

margin:0 0 1.25rem 0;

}



.footer .feedback:hover {

text-decoration:none;

}



.footer .email {

margin:0 0 1.25rem 0;

}



.footer .email span {

display:block;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 1.125rem; /* 128.571% */

margin:0 0 0.25rem 0;

}



.footer .email a {

display:table;

text-decoration:none;

font-size: 0.875rem;

font-style: normal;

font-weight: 700;

line-height: 1.125rem; /* 128.571% */

}



.footer .time {

margin:0 0 1.5rem 0;

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 1.125rem; /* 128.571% */

}



.footer .time span {

display:block;

font-size: 0.875rem;

font-style: normal;

font-weight: 700;

line-height: 1.125rem; /* 128.571% */

margin:0.25rem 0 0 0;

}



.footer .geo {

font-size: 0.875rem;

font-style: normal;

font-weight: 400;

line-height: 1.125rem; /* 128.571% */
max-width:15rem;

}



.footer .geo span {

display:block;

font-size: 0.875rem;

font-style: normal;

font-weight: 700;

line-height: 1.125rem; /* 128.571% */

margin:0.25rem 0 0 0;

}



.popup-block {

display:none;

}



.popup-block .popup-bg {

position: fixed;

left: 0;

right: 0;

top: 0;

bottom: 0;

background: rgba(31, 40, 53, 0.50);

z-index: 99999999999999;

overflow: auto;

width:100%;

height:100%;

}



.popup-block .block {

border-radius: 1.25rem;

background: #FFF;

width:100%;

max-width:47rem;

position:fixed;

top:50%;

left:50%;

z-index:99999999999;

transform: translate(-50%, -50%);

padding:2.5rem;

}



.popup-block .close {

width:1.875rem;

height:1.9375rem;

background:url(../images/popup-close.svg) no-repeat;

cursor:pointer;

position:absolute;

top:1.25rem;

right:1.25rem;

background-size:contain;

}



.popup-block .title {

color: var(--black, #0D0F1F);

font-size: 1.375rem;

text-align:center;

font-style: normal;

font-weight: 700;

line-height: normal;

text-transform: uppercase;

margin:0 0 1.875rem 0;

}



.popup-block .desc {

color: var(--black, #0D0F1F);

text-align: center;

font-size: 1rem;

font-style: normal;

font-weight: 400;

line-height: 1.375rem; /* 137.5% */

margin:-1.25rem 0 1.875rem 0;

}



.popup-block .flex {

display:flex;

gap:0.625rem;

margin:0 0 1.875rem 0;

}



.popup-block .flex input {

flex:1;

width:100%;

border:0rem;

height:3.75rem;

border-radius: 0.625rem;

background: var(--light-grey, #F0F2F6);

padding:0 1.875rem;

color: var(--black, #0D0F1F);

font-size: 1rem;

font-style: normal;

font-weight: 400;

line-height: normal;

}



.popup-block button {

display:table;

cursor:pointer;

border:0rem;

border-radius: 0.625rem;

background: #3374B2;

padding:1.3125rem 2.5rem;

color: #FFF;

font-size: 0.875rem;

font-style: normal;

font-weight: 700;

line-height: normal;

text-transform: uppercase;

margin:0 auto 1.875rem auto;

}



.popup-block .checkbox {

display:flex;

justify-content:center;

}



.popup-block .checkbox input {

display:none;

}



.popup-block .checkbox span {

font-size: 0.875rem;

display:block;

position:relative;

padding:0 0 0 2.1875rem;

}



.popup-block .checkbox a {

color:#3374B2;

text-decoration:underline;

}



.popup-block .checkbox a:hover {

text-decoration:none;

}



.popup-block .checkbox span:before {

content:"";

width:1.5625rem;

height:1.5rem;

background:url(../images/checkbox2.svg) no-repeat;

position:absolute;

top:0rem;

left:0rem;

}



.popup-block .checkbox input:checked + span:before {

background:url(../images/checkbox.svg) no-repeat;

}



.slick-dots {

z-index:3;

width:100%;

display:flex;

justify-content: center;

margin:1.875rem auto 0rem auto;

padding:0rem;

}



.slick-dots button {

margin:0rem;

padding:0rem;

width:3.125rem;

height:0.375rem;

background: #F9F9F9;

font-size:0rem;

line-height:0rem;

-webkit-transform: skew(-25deg);

-moz-transform: skew(-25deg);

-o-transform: skew(-25deg);

}



.slick-dots li {

margin:0 0.375rem;

display:block;

background:none;

font-size:0rem;

line-height:0rem;

position:relative;

}



.slick-dots li.slick-active button {

position:relative;

background:#111;

}



.section-1 .slick-dots {

z-index:3;

width:100%;

display:flex;

justify-content: center;

margin:1.875rem auto 0rem auto;

padding:0rem;

position:absolute;

bottom:3.125rem;

left:0rem;

right:0rem;

z-index:3;

}



.section-1 .slick-dots button {

margin:0rem;

padding:0rem;

width:3.125rem;

height:0.375rem;

background: #F9F9F9;

font-size:0rem;

line-height:0rem;

-webkit-transform: skew(-25deg);

-moz-transform: skew(-25deg);

-o-transform: skew(-25deg);

}



.section-1 .slick-dots li {

margin:0 0.375rem;

display:block;

background:none;

font-size:0rem;

line-height:0rem;

position:relative;

}



.section-1 .slick-dots li.slick-active button {

position:relative;

background:#111;

}

.section-6 button:hover {

background:#333;

}



.mobile-menu {

display:none;

}



.section-2 .feedback {

width: 100%;

cursor: pointer;

border: 0rem;

border-radius: 0.5rem;

background: #fff;

color: #3374B2;

font-size: 1.125rem;

font-style: normal;

font-weight: 500;

line-height: 1.375rem;

text-transform: uppercase;

transition: .5s;

margin:1.875rem 0 0 0;

cursor:pointer;

padding:0.9375rem;

text-align:center;

}



.section-2 .feedback:hover {

background:#111;

color:#fff;

}



body.page {

padding:7.5rem 0 0 0;

}



body.page .header {

padding: 0.625rem 0;

background: #3374B2;

box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, .2);

}



.speedbar {

font-size:0.875rem;

margin:0 0 1.875rem 0;

}



.wrapper {

margin:0 0 5rem 0;

}





.section-8 {
margin:-3.125rem 0 0 0;
background-size:cover !important;
position:relative;
font-size:0px;
line-height:0px;
}

.section-8 img {width:100%;}

.section-8 .title {
position:absolute;
z-index:3;
    color: #FFF;
    font-size: 5rem;
    font-style: normal;
    margin: 0 0 1.875rem 0;
    font-family: "Smooch Sans", sans-serif;
    letter-spacing: 0.625rem;
    border-bottom:1px #fff solid;
    line-height: 80%;
}

.section-8.before:before {

content:"";

position:absolute;

bottom:0rem;

left:0rem;

right:0rem;

z-index:3;

height:12.5rem;

background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(74 173 217) 100%);
}


.section-8 h1 {
position:absolute;
top:3.125rem;
right:9.375rem;
z-index:3;
color: #FFF;
font-size:5rem;
font-style: normal;
font-weight: 100;
line-height: 100%;
border-bottom:0.0625rem #fff solid;
}

body.blue {
background: #2FA1D3;
}

.section-9 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.26) -4.48%, rgba(255, 255, 255, 0.00) 101.38%);
padding:3.75rem 0 2.5rem 0;
}

.section-9 .title {
color: #FFF;
font-size: 5rem;
font-style: normal;
margin:0 0 1.875rem 0;
font-family: "Smooch Sans", sans-serif;
letter-spacing: 0.625rem;
}

.section-9 .desc {
color: #FFF;
font-size:1.375rem;
max-width:60%;
line-height:normal;
}

.section-10 {
padding:2.5rem 0;
}

.section-10:nth-child(2n) {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.26) -4.48%, rgba(255, 255, 255, 0.00) 101.38%);
}

.section-10 .title {
color: #FFF;
text-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
font-style: normal;
font-weight: 400;
line-height: 125%; /* 13.28125rem */
font-size:2.0625rem;
border-bottom:0.0625rem #fff solid;
margin:0 0 1.25rem 0;
}

.section-10 .desc {
font-size:1.125rem;
color:#fff;
margin:0 0 1.875rem 0;
}

.section-10 .images-flex {
display:flex;
gap:2.5rem;
font-size:0rem;
line-height:0rem;
margin:0 0 1.875rem 0;
}

.section-10 .images-flex .images:first-child {
flex:1;
max-width:60%;
}

.section-10 .flex {
display:flex;
justify-content: space-between;
gap:2.5rem;
margin:0 0 3.125rem 0;
}

.section-10 .flex.reverse {
flex-direction: row-reverse;
}

.section-10 .col-left {
font-size:0rem;
line-height:0rem;
max-width:28.125rem;
}

.section-10 .col-right {
border-bottom: 0.0625rem #fff solid;
font-size: 1.875rem;
text-transform: uppercase;
color: #fff;
line-height: normal;
padding: 0 0 0.625rem 0;
}

.section-10 .logos {
display:flex;
align-items:center;
justify-content: space-between;
gap:2.5rem;
font-size:0rem;
line-height:0rem;
}

.section-10 .logo {
max-width:9.375rem;
}

.section-10:nth-child(2n) .title, .section-10:nth-child(2n) .desc {
text-align:right;
}

.section-10:nth-child(2n) .images-flex {
flex-direction: row-reverse;
}

.section-10:nth-child(2n) .images-flex .images:first-child {
text-align:right;
}

.section-11 .slide, .section-11 .slick-slide, .section-11 .slide > div {
height:100vh;
font-size:0px;
line-height:0px;
}

.section-11 img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-11 .slick-dots {
position:absolute;
bottom:30px;
left:50%;
margin:0px;
transform: translate(-50%, 0%);
}

.section-12 {padding:100px 0; color:#fff; font-size:1rem;}

.section-12 .title {font-size:2rem; color:#fff; border-bottom:1px #fff solid; margin:3rem 0 1rem 0;}

.section-12 .images img {width:100%;}






































@media screen and (max-width:3000px) {

html {
font-size:30px;
}

.section-9 .site-width, .section-10 .site-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 150px;
}

.section-10 .logo {
    max-width: 13.375rem;
}


}



@media screen and (max-width:2500px) {

html {
font-size:25px;
}

.section-10 .logo {
    max-width:10rem;
}



}




@media screen and (max-width:2000px) {

html {
font-size:22px;
}


}



@media screen and (max-width:1440px) {

html {
font-size:16px;
}

.section-9 .site-width, .section-10 .site-width, .site-width {
max-width:1280px;
padding: 0 40px;
}



}





@media screen and (max-width:1240px) {


.section-9 .site-width, .section-10 .site-width, .site-width {
padding: 0 16px;
}


.header .site-width {

gap:20px;

}



.header .lang {

display:none;

}



.header .logo a {

width:200px;

height:40px;

background-size:contain !important;

}

.section-1 .slick-dots button {width:100%;}















}















@media screen and (max-width:1000px) {



.header .menu {
position:absolute;
top:calc(100% + 10px);
right:0px;
flex:none;
width:100%;
display:none;
max-height:calc(100vh - 64px);
overflow:hidden;
overflow-y:auto;
}

.mobile-menu {
display:block;
cursor:pointer;
width:28px;
height:20px;
background:url(../images/mobile-menu.svg) no-repeat;
max-height:90vh;
overflow-y:auto;
}

.mobile-menu.active {
background:url(../images/mobile-close.svg) no-repeat center center;
background-size:contain !important;
}

.header .menu ul {
flex-direction:column;
width:100%;
background: rgba(0, 0, 0, .9);
padding:10px 0;
}

.header .menu ul ul {
position:relative;
top:auto;
display:flex;
margin:0 20px;
}

.header .menu ul ul a {
font-size:14px;
padding:0px;
background:none !important;
}

.header .menu ul ul a:hover {
background:none !important;
}

.section-2 .site-width {
flex-direction:column-reverse;
}

.section-2 .col-right {
width:100%;
}

.slick-dots {
gap:10px;
}

.slick-dots li {
margin:0px;
flex:1;
}

.slick-dots button {
width:100%;
}







}



@media screen and (max-width:780px) {


.header .info {
padding:0px;
background:none;
}

.header .phone {
width:30px;
height:30px;
background:url(../images/phone.svg) no-repeat;
font-size:0px;
line-height:0px;
background-size:contain;
}

.header .time {
display:none;
}

.header .logo {
flex:1;
}

.header .logo a {
width:160px;
height:33px;
}

.header {
padding:20px 0;
}

.section-1 .slide {
min-height:inherit;
}

.section-1 .slick-dots button {
width:100%;
}

.section-1 .slick-dots li {
margin:0px;
flex:1;
}

.section-1 .slick-dots {
gap:10px;
padding:0 16px;
}

.section-2 .name {
font-size:18px;
}

.section-2 .title {
font-size:30px;
}

.section-2 .item {
width:calc(50% - 10px);
}

.section-2 .number {
font-size:30px;
}

.title-section {
font-size:30px;
margin:0 0 30px 0;
}

.section-3 .slide {
height:300px;
}

.slick-arrow {
width:30px;
height:30px;
background-size:contain !important;
margin:-15px 0 0 0;
}

.section-3 .slick-slide {
margin:0 10px;
width:280px;
}

.section-3 .slide {
height:200px;
}

.section-6 .site-width {
flex-direction:column;
gap:20px;
}

.section-6 .col-right {
width:100%;
padding:20px;
}

.section-6 .logo {
display:none;
}

.section-6 .col-left {
font-size:14px;
}

.section-6 label {
font-size:14px;
}

.section-6 input {
height:45px;
font-size:14px;
margin:0 0 10px 0;
}

.section-6 textarea {
font-size:14px;
margin:0 0 10px 0;
}

.section-6 button {
font-size:14px;
}

.section-6 .warning {
font-size:14px;
line-height:22px;
}

.section-6 .radio span {
width:35px;
}

.section-7 {
height:300px;
}

.footer {
padding:40px 0 20px 0;
}

.footer .head {
flex-direction:column;
text-align:center;
}

.footer .logo {
margin:0 auto 20px auto;
width:200px;
height:40px;
background-size:contain !important;
}

.social {
justify-content: center;
}

.footer .phone {
display:block;
}

.footer .email a {
display:block;
}

.footer .bottom {
flex-direction:column;
text-align:center;
}

.footer .email a, .footer .geo span {
font-size:16px;
}

.section-2, .section-3 {
padding:40px 0;
}

.section-6 {
margin:0 0 40px 0;
}

.popup-block .flex {
flex-direction:column;
margin:0 0 20px 0;
}

.popup-block .block {
padding:40px 20px;
}

.popup-block .flex input {
flex:none;
height:50px;
}

.popup-block button {
padding:15px;
text-align:center;
width:100%;
}

.popup-block .close {
top:10px;
right:10px;
}

body.active {
overflow:hidden;
}

body.active .header {
background:#111;
}

.wrapper {
margin:0 0 40px 0;
}

.section-1 .slick-dots {bottom:0px;}

.section-1 .slide:before {height:2.5rem;}

	.section-9 .title {font-size:2rem;}

	.section-9 .desc {max-width:none; font-size:16px;}


	.section-10 .images-flex .images:first-child {max-width:none;}

	.section-10 .images-flex {flex-direction:column; gap:20px;}
	
	.section-10 .flex {flex-direction:column; gap:20px;}
	
	.section-10 .col-right {font-size:16px;}
	
	.section-10 .logos {gap:10px;}
	
	.section-11 .slide, .section-11 .slick-slide, .section-11 .slide > div {height:auto;}
	
	.section-11 .slick-dots {bottom:10px;}
	
	.header .info:before {display:none;}
	
	.section-10 .title {font-size:1.6rem;}
	
	.footer .geo {max-width:none;}
	
	.section-10 .flex.reverse {flex-direction:column;}
	
	

}