@charset "UTF-8";
.nav__left .white, .nav__left .black { opacity: 0; pointer-events: none; }

.header { background-image: none; height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; background-color: white; }
@media screen and (max-width: 1350px) { .header { padding: 0; } }
.header .background { background-color: #72b0c5; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 50; pointer-events: none; }
.header .wrapper { padding: 20vh 0 0 0; position: relative; z-index: 60; }
@media screen and (min-width: 1026px) and (max-width: 1760px) { .header .wrapper { padding: 20vh 100px 0 100px; } }
@media screen and (max-width: 1025px) { .header .wrapper { padding: 15vh 30px 0 30px; } }
@media screen and (max-width: 430px) { .header .wrapper { padding: 15vh 0 0 0; } }
@media screen and (max-height: 500px) { .header .wrapper { padding: 30vh 0 0 0 !important; } }
.header .wrapper .left { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.header .wrapper .left h1 { font-size: 65px; }
@media screen and (max-width: 1350px) { .header .wrapper .left h1 { font-size: 48px; } }
@media screen and (max-width: 700px) { .header .wrapper .left h1 { width: 100%; text-align: center; } }
@media screen and (max-width: 499px) { .header .wrapper .left h1 { font-size: 36px; } }
@media screen and (max-width: 430px) { .header .wrapper .left h1 { padding: 0 30px; } }
.header .wrapper .left p { text-shadow: none; font-weight: 400; }
.header .wrapper .left .content { margin: 75px 0 0 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 100px; background-color: white; border-radius: 30px; }
@media screen and (max-width: 1350px) { .header .wrapper .left .content { padding: 30px; } }
.header .wrapper .left .content .description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 80px 0; }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
@media screen and (max-width: 768px) { .header .wrapper .left .content .description { padding: 0 0 50px 0; } }
.header .wrapper .left .content .description img { width: calc(50% - 15px); border-radius: 15px; }
@media screen and (max-width: 1200px) { .header .wrapper .left .content .description img { -o-object-fit: cover; object-fit: cover; } }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description img { width: 100%; } }
.header .wrapper .left .content .description .text { width: calc(50% - 15px); padding: 20px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description .text { padding: 30px 0 0 0; width: 100%; } }
.header .wrapper .left .content .description .text p { color: #333333; text-shadow: none; font-size: 16px; margin: 0 0 30px 0; letter-spacing: 0.3px; line-height: 22px; }
.header .wrapper .left .content .description .text p:last-child { margin: 0; }
.header .wrapper .left .content .description .text p b { font-weight: 700; }
.header .wrapper .left .content .description .text p a { color: #72b0c5; font-weight: 700; text-decoration: none; }
.header .wrapper .left .content .description .text .shield { border: 4px solid #f8f8f8; padding: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 15px; margin-top: auto; }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description .text .shield { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
@media screen and (max-width: 400px) { .header .wrapper .left .content .description .text .shield { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.header .wrapper .left .content .description .text .shield img { margin: 0 20px 0 0; }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description .text .shield img { width: 110px; } }
@media screen and (max-width: 400px) { .header .wrapper .left .content .description .text .shield img { margin: 0 0 30px 0; } }
@media screen and (max-width: 1050px) { .header .wrapper .left .content .description .text .shield p { width: 60%; } }
@media screen and (max-width: 710px) { .header .wrapper .left .content .description .text .shield p { width: 100%; } }
@media screen and (max-width: 400px) { .header .wrapper .left .content .description .text .shield p { text-align: center; } }
.header .wrapper .left .content .directions { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 80px 0 0 0; background-color: #f9f9f9; }
.header .wrapper .left .content .directions h2 { color: #333333; font-size: 65px; margin: 0 0 60px 0; }
@media screen and (max-width: 1025px) { .header .wrapper .left .content .directions h2 { width: 100%; font-size: 36px; } }
@media screen and (max-width: 900px) { .header .wrapper .left .content .directions h2 { margin: 0 0 30px 0; } }
.header .wrapper .left .content .directions .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0; }
@media screen and (max-width: 1100px) { .header .wrapper .left .content .directions .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.header .wrapper .left .content .directions .content .desc { width: 50%; padding: 0 0 4px 0; }
@media screen and (max-width: 1100px) { .header .wrapper .left .content .directions .content .desc { width: 100%; } }
.header .wrapper .left .content .directions .content .desc p { width: 80%; font-size: 16px; color: #333333; margin: 0 0 20px 0; line-height: 22px; }
.header .wrapper .left .content .directions .content .desc p:last-child { margin: 0; }
@media screen and (max-width: 1250px) { .header .wrapper .left .content .directions .content .desc p { width: 90%; } }
@media screen and (max-width: 1100px) { .header .wrapper .left .content .directions .content .desc p { width: 100%; } }
.header .wrapper .left .content .directions .content .desc .open_pop-up { background-color: #ffe183; font-size: 24px; padding: 20px 50px; border-radius: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 700; cursor: pointer; margin: 50px 0 0 0; color: #333333; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header .wrapper .left .content .directions .content .desc .open_pop-up:hover { color: white; background-color: #333333; }
@media screen and (max-width: 550px) { .header .wrapper .left .content .directions .content .desc .open_pop-up { font-size: 16px; padding: 20px 20px; width: 100%; } }
.header .wrapper .left .content .directions .content .icons { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1100px) { .header .wrapper .left .content .directions .content .icons { width: 100%; margin: 70px 0 0 0; } }
.header .wrapper .left .content .directions .content .icons .icon { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 550px) { .header .wrapper .left .content .directions .content .icons .icon { width: 50%; } }
.header .wrapper .left .content .directions .content .icons .icon img { width: 60px; opacity: 0.4; }
.header .wrapper .left .content .directions .content .icons .icon p { font-size: 16px; margin: 10px 0 55px 0; font-weight: 600; color: #333333; text-align: center; padding: 0 10px; }
@media screen and (min-width: 551px) { .header .wrapper .left .content .directions .content .icons .icon1 p { margin: 10px 0 0 0; } }
@media screen and (max-width: 550px) { .header .wrapper .left .content .directions .content .icons .iconM p { margin: 10px 0 55px 0; } }
@media screen and (max-width: 550px) { .header .wrapper .left .content .directions .content .icons .iconMA p { margin: 10px 0 0 0; } }

.types { padding: 80px 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 768px) { .types { padding: 50px 0 0 0; } }
.types .wrapper { width: 1450px; }
@media screen and (max-width: 1470px) { .types .wrapper { width: 100%; padding: 0 30px; } }
.types .wrapper h2 { font-size: 48px; color: #333333; margin: 0 0 80px 0; }
@media screen and (max-width: 768px) { .types .wrapper h2 { font-size: 36px; } }
.types .wrapper .types_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1200px) { .types .wrapper .types_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.types .wrapper .types_block .numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 15px); }
@media screen and (max-width: 1200px) { .types .wrapper .types_block .numbers { width: 100%; } }
.types .wrapper .types_block .numbers .number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80%; }
@media screen and (max-width: 1200px) { .types .wrapper .types_block .numbers .number { width: 50%; } }
@media screen and (max-width: 850px) { .types .wrapper .types_block .numbers .number { width: 100%; } }
@media screen and (max-width: 500px) { .types .wrapper .types_block .numbers .number { margin: 15px 0; } }
.types .wrapper .types_block .numbers .number span { font-size: 100px; color: #ffe183; font-weight: 800; min-width: 70px; display: block; margin: 0 20px 0 0; }
.types .wrapper .types_block .numbers .number .desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.types .wrapper .types_block .numbers .number .desc h4 { font-weight: 800; font-size: 18px; color: #333333; }
.types .wrapper .types_block .numbers .number .desc p { color: #333333; font-size: 14px; margin: 15px 0 0 0; }
.types .wrapper .types_block .more { width: calc(50% - 15px); background-color: #f8f8f8; padding: 55px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1200px) { .types .wrapper .types_block .more { width: 100%; margin: 30px 0 0 0; border-radius: 0; } }
@media screen and (max-width: 500px) { .types .wrapper .types_block .more { padding: 20px; } }
.types .wrapper .types_block .more h4 { color: #333333; font-weight: 700; font-size: 24px; margin: 0 0 30px 0; }
.types .wrapper .types_block .more ul li { text-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; color: #333333; }
.types .wrapper .types_block .more ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }

.footer { margin: 50px 0 0 0; }