body {
text-align: center;
box-sizing: border-box;
margin: 0px;
width: 100%;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
}

div.blocks {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.header {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
box-sizing: border-box;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.blockslogo {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #0f1d35;
margin: 20px 0px 0px 0px;
width: 100%;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 18px;
font-weight: 300;
}

div.logo {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
margin: 0px 0px 0px 6vw;
}

img.logo {
text-align: left;
margin: 0px 10px 0px 0px;
width: 287px;
max-width: 287px;
height: 57px;
}

div.headercont {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
box-sizing: border-box;
color: #515459;
margin: 0px 6vw 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 24px;
font-weight: 300;
}

a.headercont {
color: #515459;
text-decoration: none;
}

a.headercont:hover {
color: #97969c;
}

div.menu-desktop {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
margin: 40px 5.5vw 20px 5.5vw;
width: 88vw;
}

ul.menu-desktop {
margin: 0px 0px 0px -17px;
padding: 0px 0px 0px 0px;
}

.menu-desktop li{
display: inline;
}

a.menu-desktop {
color: #97969c;
margin: 0px 0px 0px 0px;
padding: 10px 20px 12px 20px;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
}

a.menu-desktop:hover {
color: #ffffff;
background-color: #373f4d;
}

div.menu-mobile {
display: none;
box-sizing: border-box;
}

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

div.blockslogo {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
margin: 75px 0px 0px 0px;
width: 100%;
}

div.menu-desktop {
display: none;
box-sizing: border-box;
}

div.menu-mobile {
display: block;
text-align: left;
box-sizing: border-box;
margin: 40px 0px 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 24px;
font-weight: 300;
}

.hidden-menu-ticker {
display: none;
}

.btn-menu {
border: 1px solid #a1a2a4;
border-radius: 2px;
color: #ffffff;
padding: 14px 10px 14px 10px;
width: 30px;
position: absolute;
z-index: 5;
top: 10px;
left: 10px;
cursor: pointer;
transition: left .23s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.btn-menu span {
display: block;
background-color: #a1a2a4;
margin: 5px 0px 0px 0px;
height: 3px;
position: relative;
transition: all .1s linear .23s;
}

.btn-menu span.first {
margin: 0px 0px 0px 0px;
}

.hidden-menu {
display: block;
text-align: left;
box-sizing: border-box;
background-color: #f4f4f4;
margin: 0px 0px 0px 0px;
padding: 50px 10px 50px 10px;
width: 320px;
height: 100vw;
list-style-type: none;
position: absolute;
z-index: 4;
top: 0px;
left: -320px;
transition: left .2s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}

.hidden-menu li {
padding: 10px 30px 10px 30px;
}

.hidden-menu li a {
color: #000000;
padding: 6px 0px 6px 0px;
text-decoration: none;
}

.hidden-menu li a:hover {
color: #97969c;
}

.hidden-menu2 {
display: block;
box-sizing: border-box;
margin: 0px 10px 0px 10px;
padding: 5px 30px 0px 30px;
font-size: 15px;
list-style-type: none;
position: relative;
z-index: 4;
transition: left .2s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}

.hidden-menu2 li {
padding: 20px 0px 0px 0px;
}

.hidden-menu2 li a {
color: #000000;
text-decoration: none;
}

.hidden-menu2 li a:hover {
color: #97969c;
}

.hidden-menu-ticker:checked ~ .btn-menu {
left: 258px;
}

.hidden-menu-ticker:checked ~ .hidden-menu {
left: 0px;
}

.hidden-menu-ticker:checked ~ .btn-menu span.first {
top: 8px;
-webkit-transform: rotate(45deg);
}

.hidden-menu-ticker:checked ~ .btn-menu span.second {
opacity: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span.third {
top: -8px;
-webkit-transform: rotate(-45deg);
}

}
@media only screen and (max-width: 640px) {

div.blockslogo {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #0f1d35; 
margin: 80px 0px 0px 0px;
width: 100%;
font-size: 18px;
font-weight: 300;
}

div.headercont {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #515459;
margin: 5px 5vw 0px 5vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 24px;
font-weight: 300;
}

}
h1 {
text-align: left;
color: #373f4d;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif; 
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h1.white {
text-align: left;
color: #eae9e9;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h1.white1 {
text-align: left;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h2 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
}

h2.blue {
color: #bdc6d6;
margin: 0px 0px 10px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
}

h3 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 27px;
font-weight: 300;
}

a.white1 {
color: #ffffff;
text-decoration: none;
}

a.white1:hover {
color: #cccccc;
}

a.white1_underline {
color: #ffffff;
}

a.white1_underline:hover {
color: #cccccc;
}

div.t {
box-sizing: border-box;
margin: 0px 0px 30px 0px;
}

span.t2 {
color: #999999;
margin: 10px 0px 0px 0px;
}

div.t3 {
box-sizing: border-box;
margin: 0px 0px 20px 0px;
}

div.t4 {
box-sizing: border-box;
margin: 30px 0px 30px 0px;
}

span.t5 {
font-weight: 700;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

div.h1white1_marbot0 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}



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

h1 {
text-align: left;
color: #373f4d;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

h1.white {
text-align: left;
color: #eae9e9;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

h1.white1 {
text-align: left;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

h2 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 3.2vw;
font-weight: 300;
line-height: 3.2vw;
}

h2.blue {
color: #bdc6d6;
margin: 0px 0px 10px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 3.2vw;
font-weight: 300;
line-height: 3.2vw;
}

h3 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.7vw;
font-weight: 300;
line-height: 2.7vw;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

div.h1white1_marbot0 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

}
@media only screen and (max-width: 800px) {

h1 {
text-align: left;
color: #373f4d;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
line-height: 5vw;
}

h1.white {
text-align: left;
color: #eae9e9;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
line-height: 5vw;
}

h1.white1 {
text-align: left;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
line-height: 5vw;
}

h2 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

h2.blue {
color: #bdc6d6;
margin: 0px 0px 10px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
line-height: 4.2vw;
}

h3 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 3.2vw;
font-weight: 300;
line-height: 3.2vw;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
line-height: 5vw;
}

div.h1white1_marbot0 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
line-height: 5vw;
}

}
@media only screen and (max-width: 600px) {

h1 {
text-align: left;
color: #373f4d;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}

h1.white {
text-align: left;
color: #eae9e9;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}

h1.white1 {
text-align: left;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}

h2 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 25px;
}

h2.blue {
color: #bdc6d6;
margin: 0px 0px 10px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 25px;
}

h3 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 23px;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}

div.h1white1_marbot0 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 30px;
}

}
a {
color: #999999;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}

a:hover {
color: #cccccc;
}

a.t1 {
color: #cccccc;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}

a.t1:hover {
color: #ffffff;
}

div.blocks2 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

#owl-slider {
border-radius: 0px;
margin: 20px 0px 0px 0px;
overflow: hidden;
}

#owl-slider .owl-slide {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
background-color: #8a8c89;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 100%;
min-height: 647px;
}

#owl-slider .owl-slide-in-block {
text-align: left;
box-sizing: border-box;
background-color: rgba(22, 28, 41, 0.7);
margin: 190px 0vw 190px 5vw;
padding: 20px 32px 10px 32px;
width: 330px;
}

#owl-slider .owl-dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}

#owl-slider .owl-nav {
line-height: 0;
position: absolute;
top: 0px;
right: 0vw;
}

#owl-slider .owl-slide__title {
color: #f2f2f2;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 45px;
}

div.blocks4 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.blocks4marbot70 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 70px 0px;
width: 100%;
}

div.block4 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 70px 5vw 70px 5vw;
width: 88vw;
}

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

div.block4 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 70px 5vw 70px 5vw;
width: 88vw;
}

}
div.block_repair1 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
height: 28.8vw;
}

div.block_repair1_1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 20vw;
height: 28.8vw;
}

div.block_repair1_1_text_top {
display: block;
text-align: left;
vertical-align: center;
box-sizing: border-box;
color: #ffffff;
background-color: rgba(22, 28, 41, 0.7);
margin: 2vw 1vw 1vw 1vw;
padding: 1vw 1vw 1.5vw 1vw;
width: 16vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 1.8vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

div.block_repair1_1_text_bottom {
display: block;
text-align: left;
vertical-align: center;
box-sizing: border-box;
color: #212121;
margin: 22.3vw 2vw 0vw 2vw;
padding: 0vw 0vw 0vw 0vw;
width: 16vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, sans-serif;
font-size: 1.35vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

span.block_repair1_1_text_bottom_b {
font-family: Noto Sans, Tahoma, Helvetica, sans-serif;
font-weight: 700;
}

div.block_repair1_1_img {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 20vw;
height: 28.8vw;
position: absolute;
z-index: 1;
}

img.repair1_1 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 20vw;
max-width: 20vw;
height: 28.8vw;
}

div.block_repair2 {
display: none;
box-sizing: border-box;
}

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

div.block_repair1 {
display: none;
box-sizing: border-box;
}

div.block_repair2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
}

div.block_repair2_2 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 5vw 0px;
width: 88vw;
height: 56vw;
}

div.block_repair2_2_bot {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
height: 56vw;
}

div.block_repair2_1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 41.39vw;
height: 56vw;
}

div.block_repair2_1_text_top {
display: block;
text-align: left;
vertical-align: center;
box-sizing: border-box;
color: #ffffff;
background-color: rgba(22, 28, 41, 0.7);
margin: 4vw 2vw 0vw 2vw;
padding: 2vw 2vw 2vw 2vw;
width: 33.35vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 3.5vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

div.block_repair2_1_text_bottom {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #212121;
margin: 41.5vw 0vw 0vw 0vw;
padding: 2vw 4vw 2vw 4vw;
width: 41.39vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

span.block_repair2_1_text_bottom_b {
margin: 0px 0px 0px 0px;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, sans-serif;
font-weight: 700;
}

div.block_repair2_1_img {
display: block;
text-align: center;
vertical-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 41.39vw;
height: auto;
position: absolute;
z-index: 1;
}

img.repair2_1 {
box-sizing: border-box;
width: 41.39vw;
max-width: 41.39vw;
height: 56vw;
}

}


div.blocks1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #373f4d;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.block1 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
box-sizing: border-box;
margin: 70px 5vw 70px 5vw;
width: 88vw;
}

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

div.block1 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 70px 5vw 70px 5vw;
width: 88vw;
}
}


div.f2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 42vw;
}

form.form2 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

div.timer_block2 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }
div.timer_block2_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }
div.timer_display2 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }


div.fe2_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 42vw;
border: 0px solid #ff0000;
}

div.fe2_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 42vw;
border: 0px solid #ff0000;
}

div.form2_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 42vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.form2_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 40vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.fe_2_1t {
display: block;
text-align: left;
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 0px;
width: 14vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 3vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

input.f2_1:active {
background-color: #ffffff;
}

input.f2_1:-webkit-autofill {
box-shadow: inset 0 0 0 30px #ffffff;
}

input.f2_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

input.form2_consent2_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form2_consent2_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form2_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent2 {
text-align: left;
position: absolute;
height: 19px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 20px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form2_consent2_checkbox:checked + .checkmark_consent2 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent2::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 7px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form2_consent2_checkbox:checked + .checkmark_consent2::after {
display: block;
}

button.btn2 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 1.2vw;
padding: 0.2vw 0vw 0.4vw 0vw;
width: 13.3vw;
height: 3.5vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

div.error2 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 28vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}


#consent_error2.error2 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 1.4vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 40vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/

div.error2.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/

div.call_text {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: -5px 0vw 0px 1vw;
width: 42vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

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

input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 3.5vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}
}

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

input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 4vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent2 {
text-align: left;
position: absolute;
height: 15px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 16px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent2::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 5px; 
top: 0px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}



}

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

div.f2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

form.form2 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

div.timer_block2 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }
div.timer_block2_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }
div.timer_display2 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }


div.fe2_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}

div.fe2_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}


div.form2_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.form2_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 83vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.fe_2_1t {
display: block;
text-align: left;
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 0px;
width: 22vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 63vw;
height: 6vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

input.form2_consent2_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form2_consent2_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form2_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent2 {
text-align: left;
position: absolute;
height: 18px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 19px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form2_consent2_checkbox:checked + .checkmark_consent2 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent2::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 6px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form2_consent2_checkbox:checked + .checkmark_consent2::after {
display: block;
}

button.btn2 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 10px;
padding: 0.4vw 0vw 0.8vw 0vw;
width: 26vw;
height: 7vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}


div.error2 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 63vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}

#consent_error2.error2 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 2.35vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 63vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/
div.error2.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/


div.call_text {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

}


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

input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 63vw;
height: 40px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size:  2.35vw;
font-weight: 300;
}
}


div.blocks3 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.block3 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 70px 5vw 20px 5vw;
width: 88vw;
}

#owl-slider1 {
display: block;
text-align: center;
margin: 20px 0px 0px 0px;
width: 88vw;
}

#owl-slider1 .owl-nav {
line-height: 0px;
position: absolute;
top: 30px;
right: 10px;
}

#owl-slider1 .owl-nav button:focus {
outline: none;
}

#owl-slider1 .owl-dots {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
}

#owl-slider1 .owl-slider1-item {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #476b66;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
width: 17.5vw;
height: 36vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

#owl-slider1 .owl-slider1-item-number {
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 700;
}

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

#owl-slider1 .owl-slider1-item {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #476b66;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
width: 21.8vw;
height: 31vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

}
@media only screen and (max-width: 800px) {

#owl-slider1 .owl-slider1-item {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #476b66;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
width: 43.7vw;
height: 40vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

#owl-slider1 .owl-slider1-item-number {
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 7vw;
font-weight: 700;
}

}
@media only screen and (max-width: 600px) {

#owl-slider1 .owl-slider1-item {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #476b66;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
width: 43.7vw;
height: 44vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

#owl-slider1 .owl-slider1-item-number {
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 7vw;
font-weight: 700;
}

}
div.blocks5 { 
display: flex; 
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.blocks5martop50 { 
display: flex; 
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.block5 {
display: block;
text-align: left;
box-sizing: border-box;
color: #0f1d35;
background-color: #ffffff;
margin: 70px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 20px;
font-weight: 300;
}

div.block5_in {
display: block;
text-align: left;
box-sizing: border-box;
color: #0f1d35;
background-color: #ffffff;
margin: 50px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 20px;
font-weight: 300;
}

div.block5_h2 {
display: block;
text-align: left;
box-sizing: border-box;
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
}

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

div.block5_h2 {
display: block;
text-align: left;
box-sizing: border-box;
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 3.2vw;
font-weight: 300;
}

}
@media only screen and (max-width: 800px) {

div.block5_h2 {
display: block;
text-align: left;
box-sizing: border-box;
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4.2vw;
font-weight: 300;
}

}
a.block5_h2 {
color: #999999;
text-decoration: none;
}

a.block5_h2:hover {
color: #cccccc;
text-decoration: none;
}

div.block5_portf {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
box-sizing: border-box;
margin: 0px 0vw 30px 0vw;
width: 88vw;
}

div.block5_portf2 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
box-sizing: border-box;
margin: 0px 0vw 30px 0vw;
width: 88vw;
}

div.block5_portf_item {
display: block;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

div.block5_portf_item_hidden {
display: block;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

div.block5_portf_item_hidden1 {
display: block;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

img.block5_portf_item {
margin: 0px 0px 0px 0px;
width: 29vw;
max-width: 530px;
height: auto;
}

img.block5_portf_item2 {
margin: 0px 0px 0px 0px;
width: 43vw;
max-width: 830px;
height: auto;
}

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

div.block5_portf_item_hidden1 {
display: none;
box-sizing: border-box;
}

img.block5_portf_item {
margin: 0px 0px 0px 0px;
width: 43vw;
max-width: 530px;
height: auto;
}

}
div.blocks6 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #373f4d;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.block6 {
display: block;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 70px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

div.block6_t {
box-sizing: border-box;
margin: 0px 0px 20px 0px;
}

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

div.block6 {
display: block;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 70px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
}

}


div.blocks7 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #476b66;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.block7 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 70px 5vw 70px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.block7_1 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 0px 0px 0px 0px;
width: 42vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.block7_2 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 0px 0vw 0px 2vw;
width: 42vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.block7_t {
box-sizing: border-box;
margin: 0px 0px 20px 0px; 
}

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

div.block7 {
display: block;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 70px 5vw 70px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
}

div.block7_1 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 0px 0px 0px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
}

div.block7_2 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 70px 0px 0px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
}
}

.faq1{
margin: 30px 0px 0px 0px;
}

.faq{
border-bottom: thin dotted #d4d4d4;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 42vw;
position: relative;
}

.faq .question{
color: #c4e2de;
margin: 0px 0px 0px 0px;
padding: 0px 70px 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2vw;
font-weight: 300;
line-height: 2vw;
cursor: pointer;
}

.faq .question::after{
display: inline-block;
position: absolute;
right: 0px;
transition: transform .2s ease;
content: url(img/faq_arrow.png);
transform: translateY(-10px);
}

.faq .question.active::after{
transform: translateY(0px) rotate(-180deg);
}

.faq .answer{
color: #ffffff;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
max-height: 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
transition: max-height .1s ease;
overflow: hidden;
}

.faq .answer img{
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 0px;
width: 200px;
}

.faq .answer ol{
padding: 0px 0px 0px 20px;
}

.faq .answer ol li{
margin: 0px 0px 10px 0px;
}

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

.faq1{
margin: 30px 0px 0px 0px;
}

.faq{
border-bottom: thin dotted #d4d4d4;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 88vw;
position: relative;
}

.faq .question{
color: #c4e2de;
margin: 0px 0px 0px 0px;
padding: 0px 70px 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 3vw;
font-weight: 300;
line-height: 3vw;
cursor: pointer;
}

.faq .question::after{
display: inline-block;
position: absolute;
right: 0px;
transition: transform .2s ease;
content: url(img/faq_arrow.png);
transform: translateY(-10px);
}

.faq .question.active::after{
transform: translateY(0px) rotate(-180deg);
}

.faq .answer{
color: #ffffff;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
max-height: 0px;
font-size: 2.5vw;
font-weight: 300;
transition: max-height .1s ease;
overflow: hidden;
}

.faq .answer img{
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 0px;
width: 200px;
}

.faq .answer ol{
padding: 0px 0px 0px 20px;
}

.faq .answer ol li{
margin: 0px 0px 10px 0px;
}

}



div.f_3 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
margin: 2.7vw 0px 0px 0px;
width: 42vw;
border: 0px solid #ff0000;
}

form.form3 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

div.timer_block3 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }
div.timer_block3_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }
div.timer_display3 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 2vw; font-weight: 300; color: #ffffff; }

div.fe3_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 42vw;
border: 0px solid #ff0000;
}


div.fe3_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 42vw;
border: 0px solid #ff0000;
}

div.form3_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 42vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.form3_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 40vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}



input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 3vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

input.f3_1:active {
background-color: #ffffff;
}

input.f3_1:-webkit-autofill {
box-shadow: inset 0 0 0 30px #ffffff;
}

input.f3_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 28vw;
height: 13vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

textarea.ta3_1:active {
background-color: #ffffff;
}

textarea.ta3_1:-webkit-autofill{
box-shadow: inset 0 0 0 30px #ffffff;
}

textarea.ta3_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

input.form3_consent3_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form3_consent3_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form3_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent3 {
text-align: left;
position: absolute;
height: 19px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 20px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form3_consent3_checkbox:checked + .checkmark_consent3 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent3::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 7px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form3_consent3_checkbox:checked + .checkmark_consent3::after {
display: block;
}

button.btn3 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 1.2vw;
padding: 0.2vw 0vw 0.4vw 0vw;
width: 13.3vw;
height: 3.5vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

div.error3 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 28vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
border: 0px solid #ff0000;
}


#consent_error3.error3 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 1.4vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 40vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/

div.error3.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/





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

input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 3.5vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 28vw;
height: 13vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

}

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

input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 28vw;
height: 4vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 28vw;
height: 13vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent3 {
text-align: left;
position: absolute;
height: 15px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 16px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent3::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 5px; 
top: 0px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}
}


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

div.f_3 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 3vw 0px 0px 0px;
width: 88vw;
}

form.form3 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

div.timer_block3 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }
div.timer_block3_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }
div.timer_display3 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 3vw; font-weight: 300; color: #ffffff; }


div.fe3_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}

div.fe3_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
border: 0px solid #ff0000;
}


div.form3_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.form3_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 83vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.fe_3_1t {
display: block;
text-align: left;
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 0px;
width: 22vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 63vw;
height: 6vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 63vw;
height: 24vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}


input.form3_consent3_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form3_consent3_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form3_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent3 {
text-align: left;
position: absolute;
height: 18px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 19px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form3_consent3_checkbox:checked + .checkmark_consent3 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent3::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 6px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form3_consent3_checkbox:checked + .checkmark_consent3::after {
display: block;
}

button.btn3 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 10px;
padding: 0.4vw 0vw 0.8vw 0vw;
width: 26vw;
height: 7vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}


div.error3 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 63vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
border: 0px solid #ff0000;
}

#consent_error3.error3 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 2.35vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 63vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/
div.error3.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/

}


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

input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 63vw;
height: 40px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size:  2.35vw;
font-weight: 300;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 63vw;
height: 24vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.35vw;
font-weight: 300;
}


}










div.blocks8 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #476b66;
margin: 50px 0px 0px 0px;
width: 100%;
}

div.block8 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 50px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 1.4vw;
font-weight: 300;
}

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

div.block8 {
display: block;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 50px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 2.5vw;
font-weight: 300;
}

}
div.footer { 
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
background-color: #373f4d;
margin: 0px 0px 0px 0px;
width: 100%;
}

div.footer1 { 
display: block;
text-align: left;
box-sizing: border-box;
color: #cccccc;
margin: 80px 5vw 0px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 20px;
font-weight: 300;
}

div.footer-menu { 
text-align: left;
box-sizing: border-box;
margin: 50px 5vw 80px 5vw;
padding: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 24px;
font-weight: 300;
}

ul.menu1 {
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0vw 0px 0vw;
}

.menu1 li {
display: inline;
list-style-type: none;
}

a.menu1 {
color: #cccccc;
margin: 0px 3vw 0px 0vw;
padding: 0px 0vw 0px 0vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
text-decoration: none;
}

a.menu1:hover {
color: #ffffff
}

a.footer1 { 
color: #cccccc;
text-decoration: none;
}

a.footer1:hover {
color: #ffffff;
}

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

div.footer1 { 
display: block;
text-align: left;
box-sizing: border-box;
color: #cccccc;
margin: 80px 5vw 0px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 2vw;
font-weight: 300;
}

div.footer-menu { 
text-align: left;
box-sizing: border-box;
margin: 50px 5vw 80px 5vw;
padding: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 2vw;
font-weight: 300;
}

ul.menu1 {
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0vw 0px 0vw;
}

}
@media only screen and (max-width: 800px) {

div.footer1 { 
display: block;
text-align: left;
box-sizing: border-box;
color: #cccccc;
margin: 80px 5vw 0px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 2.5vw;
font-weight: 300;
}

div.footer-menu { 
text-align: left;
box-sizing: border-box;
margin: 50px 5vw 80px 5vw;
padding: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 2.5vw;
font-weight: 300;
}

.menu1 li {
display: block;
list-style-type: none;
}

}



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

div.header {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.blockslogo {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
color: #0f1d35;
margin: 30px 0px 0px 0px;
width: 100vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 18px;
font-weight: 300;
}

div.logo {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 10px 0px;
}

img.logo {
text-align: center;
margin: 0px 0px 0px 0px;
width: 287px;
max-width: 287px;
height: 57px;
}

div.headercont {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
color: #515459;
margin: 0px 0px 0px 0px;
width: 100vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 22px;
font-weight: 300;
}

a.headercont {
color: #515459;
text-decoration: none;
}

a.headercont:hover {
color: #97969c;
}

div.menu-desktop {
display: none;
box-sizing: border-box;
}

div.menu-mobile {
display: block;
text-align: left;
box-sizing: border-box;
margin: 40px 0px 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 24px;
font-weight: 300;
}

.hidden-menu-ticker {
display: none;
}

.btn-menu {
border: 1px solid #a1a2a4;
border-radius: 2px;
color: #ffffff;
padding: 14px 10px 14px 10px;
width: 30px;
position: absolute;
z-index: 5;
top: 10px;
left: 10px;
cursor: pointer;
transition: left .23s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.btn-menu span {
display: block;
background-color: #a1a2a4;
margin: 5px 0px 0px 0px;
height: 3px;
position: relative;
transition: all .1s linear .23s;
}

.btn-menu span.first {
margin: 0px 0px 0px 0px;
}

.hidden-menu {
display: block;
text-align: left;
box-sizing: border-box;
background-color: #f4f4f4;
margin: 0px 0px 0px 0px;
padding: 50px 10px 50px 10px;
width: 320px;
height: 100vw;
list-style-type: none;
position: absolute;
z-index: 4;
top: 0px;
left: -320px;
transition: left .2s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}

.hidden-menu li {
padding: 10px 30px 10px 30px;
}

.hidden-menu li a {
color: #000000;
padding: 6px 0px 6px 0px;
text-decoration: none;
}

.hidden-menu li a:hover {
color: #97969c;
}

.hidden-menu2 {
display: block;
box-sizing: border-box;
margin: 0px 10px 0px 10px;
padding: 5px 30px 0px 30px;
font-size: 15px;
list-style-type: none;
position: relative;
z-index: 4;
transition: left .2s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}

.hidden-menu2 li {
padding: 20px 0px 0px 0px;
}

.hidden-menu2 li a {
color: #000000;
text-decoration: none;
}

.hidden-menu2 li a:hover {
color: #97969c;
}

.hidden-menu-ticker:checked ~ .btn-menu {
left: 258px;
}

.hidden-menu-ticker:checked ~ .hidden-menu {
left: 0px;
}

.hidden-menu-ticker:checked ~ .btn-menu span.first {
top: 8px;
-webkit-transform: rotate(45deg);
}

.hidden-menu-ticker:checked ~ .btn-menu span.second {
opacity: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span.third {
top: -8px;
-webkit-transform: rotate(-45deg);
}

h1 {
text-align: left;
color: #373f4d;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h1.white {
text-align: left;
color: #eae9e9;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h1.white1 {
text-align: left;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

h2 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
}

h2.blue {
color: #bdc6d6;
margin: 0px 0px 10px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
}

h3 {
color: #999999;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 27px;
font-weight: 300;
line-height: 27px;
}

div.t {
text-align: left;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 78vw;
}

div.t3 {
text-align: left;
box-sizing: border-box;
margin: 0px 0px 20px 0px;
}

div.t4 {
box-sizing: border-box;
margin: 30px 0px 30px 0px;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 20px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

div.h1white1_marbot0 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 42px;
}

div.blocks2 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100vw;
}

#owl-slider {
border-radius: 0px;
margin: 20px 0px 0px 0px;
overflow: hidden;
}

#owl-slider .owl-slide {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
background-color: #8a8c89;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 100vw;
min-height: 647px;
}

#owl-slider .owl-slide-in-block {
text-align: left;
box-sizing: border-box;
background-color: rgba(22, 28, 41, 0.7);
margin: 190px 0vw 190px 0vw;
padding: 20px 10vw 10px 10vw;
width: 88vw;
}

#owl-slider .owl-dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}

#owl-slider .owl-nav {
line-height: 0;
position: absolute;
top: 0px;
right: 0vw;
}

#owl-slider .owl-slide__title {
color: #f2f2f2;
margin: 0px 0px 20px 0px;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 45px;
}

div.blocks4 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.blocks4marbot70 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 70px 0px;
width: 100vw;
}

div.block4 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 10vw 5vw 5vw 5vw;
width: 88vw;
}

div.block_repair1 {
display: none;
box-sizing: border-box;
}

div.block_repair2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
}

div.block_repair2_2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
height: 264vw;
}

div.block_repair2_2_bot {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
height: 264vw;
}

div.block_repair2_1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 5vw 0px;
width: 88vw;
height: 127vw;
}

div.block_repair2_1_text_top {
display: block;
text-align: left;
vertical-align: center;
box-sizing: border-box;
color: #ffffff;
background-color: rgba(22, 28, 41, 0.7);
margin: 8vw 8vw 0vw 8vw;
padding: 5vw 5vw 5vw 5vw;
width: 72vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 7vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

div.block_repair2_1_text_bottom {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #212121;
margin: 93vw 0vw 0vw 0vw;
padding: 5vw 5vw 5vw 5vw;
width: 80vw;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5.8vw;
font-weight: 300;
position: absolute;
z-index: 2;
}

span.block_repair2_1_text_bottom_b {
margin: 0px 0px 0px 0px;
height: auto;
font-family: Noto Sans, Tahoma, Helvetica, sans-serif;
font-weight: 700;
}

div.block_repair2_1_img {
display: block;
text-align: center;
vertical-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
height: auto;
position: absolute;
z-index: 1;
}

img.repair2_1 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
max-width: 88vw;
height: 127vw;
}

div.blocks1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #373f4d;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.block1 {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 10vw 5vw 10vw 5vw;
width: 88vw;
}

div.f2 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

form.form2 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

div.timer_block2 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }
div.timer_block2_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }
div.timer_display2 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }


div.fe2_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}

div.fe2_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}


div.form2_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.form2_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 83vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.fe_2_1t {
display: block;
text-align: left;
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 0px;
width: 32vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}


input.f2_1 {
border: 1px solid #cfd8e7;
border-radius: 5px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 56vw;
height: 9vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}

input.f2_1:active {
background-color: #ffffff;
}

input.f2_1:-webkit-autofill {
box-shadow: inset 0 0 0 30px #ffffff;
}

input.f2_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

input.form2_consent2_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form2_consent2_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form2_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent2 {
text-align: left;
position: absolute;
height: 18px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 19px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form2_consent2_checkbox:checked + .checkmark_consent2 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent2::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 6px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form2_consent2_checkbox:checked + .checkmark_consent2::after {
display: block;
}

button.btn2 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 5px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 0px;
padding: 0.4vw 0vw 0.8vw 0vw;
width: 40vw;
height: 10vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}

div.error2 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 56vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

#consent_error2.error2 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 4vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 56vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/
div.error2.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/


div.call_text {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}



div.blocks3 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.block3 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
text-align: center;
box-sizing: border-box;
background-color: #ffffff;
margin: 10vw 5vw 10vw 5vw;
width: 88vw;
}

#owl-slider1 {
display: block;
text-align: center;
margin: 35px 0px 0px 0px;
width: 88vw;
}

#owl-slider1 .owl-nav {
line-height: 0px;
position: absolute;
top: 30px;
right: 10px;
}

#owl-slider1 .owl-nav button:focus {
outline: none;
}

#owl-slider1 .owl-dots {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
}

#owl-slider1 .owl-slider1-item {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
border-radius: 9px;
box-sizing: border-box;
color: #ffffff;
background-color: #476b66;
margin: 0px 0px 0px 0px;
padding: 20px 30px 20px 30px;
width: 88vw;
height: 98vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

#owl-slider1 .owl-slider1-item-number {
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 15vw;
font-weight: 700;
}

div.blocks5 { 
display: flex; 
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.blocks5martop50 { 
display: flex; 
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.block5 {
display: block;
text-align: left;
box-sizing: border-box;
color: #0f1d35;
background-color: #ffffff;
margin: 10vw 5vw 5vw 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 20px;
font-weight: 300;
}

div.block5_in {
display: block;
text-align: left;
box-sizing: border-box;
color: #0f1d35;
background-color: #ffffff;
margin: 10vw 5vw 5vw 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 20px;
font-weight: 300;
}

div.block5_h2 {
display: block;
text-align: left;
box-sizing: border-box;
color: #999999;
margin: 0px 0px 5vw 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
}

a.block5_h2 {
color: #999999;
text-decoration: none;
}

a.block5_h2:hover {
color: #cccccc;
text-decoration: none;
}

div.block5_portf {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
box-sizing: border-box;
margin: 0px 0vw 5vw 0vw;
width: 88vw;
}

div.block5_portf2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
box-sizing: border-box;
margin: 0px 0vw 5vw 0vw;
width: 88vw;
}

div.block5_portf_item {
display: block;
box-sizing: border-box;
margin: 0px 0px 0px 0px;
}

div.block5_portf_item_hidden {
display: none;
box-sizing: border-box;
}

div.block5_portf_item_hidden1 {
display: none;
box-sizing: border-box;
}

img.block5_portf_item {
margin: 0px 0px 0px 0px;
width: 88vw;
max-width: 530px;
height: auto;
}

img.block5_portf_item2 {
margin: 0px 0px 0px 0px;
width: 88vw;
max-width: 830px;
height: auto;
}

div.blocks6 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #373f4d;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.block6 {
display: block;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 10vw 5vw 5vw 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

div.block6_t {
box-sizing: border-box;
margin: 0px 0px 5vw 0px;
}

div.blocks7 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #476b66;
margin: 0px 0px 0px 0px;
width: 100vw;
}

div.block7 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 10vw 5vw 10vw 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

div.block7_1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 0px 0px 0px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

div.block7_2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 10vw 0px 0vw 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

.faq1{
margin: 30px 0px 0px 0px;
}

.faq{
border-bottom: thin dotted #d4d4d4;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 88vw;
position: relative;
}

.faq .question{
color: #c4e2de;
margin: 0px 0px 0px 0px;
padding: 0px 70px 0px 0px;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 6vw;
font-weight: 300;
line-height: 6vw;
cursor: pointer;
}

.faq .question::after{
display: inline-block;
position: absolute;
right: 0px;
transition: transform .2s ease;
content: url(img/faq_arrow.png);
transform: translateY(-10px);
}

.faq .question.active::after{
transform: translateY(0px) rotate(-180deg);
}

.faq .answer{
color: #ffffff;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
max-height: 0px;
font-size: 5vw;
font-weight: 300;
transition: max-height .1s ease;
overflow: hidden;
}

.faq .answer img{
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 0px;
width: 200px;
}

.faq .answer ol{
padding: 0px 0px 0px 20px;
}

.faq .answer ol li{
margin: 0px 0px 10px 0px;
}




div.f_3 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
margin: 5vw 0px 0px 0px;
width: 88vw;
}

form.form3 {
box-sizing: border-box;
margin: 0px 0px 0px 0px;
width: 88vw;
}

div.timer_block3 {display: none; justify-content: center; align-items: center; text-align: left; box-sizing: border-box; margin: 5px 0px 5px 0px; padding: 40px 50px 40px 50px;  background-color: rgba(239, 239, 240, 0.1); border-radius: 9px; cursor: pointer; height: auto;  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.07), 1px 1px 1px rgba(0, 0, 0, 0.07); transition: background .3s; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }
div.timer_block3_t {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }
div.timer_display3 {justify-content: center; align-items: center; text-align: left; font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; font-size: 5vw; font-weight: 300; color: #ffffff; }

div.fe3_1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}

div.fe3_2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: flex-start;
text-align: right;
vertical-align: top;
box-sizing: border-box;
margin: 0px 0px 30px 0px;
width: 88vw;
border: 0px solid #ff0000;
}


div.form3_agreement {
display: block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 30px 0px;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

div.form3_agreement_t {
display: block;
text-align: left; 
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 30px;
width: 83vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}


div.fe_3_1t {
display: block;
text-align: left;
box-sizing: border-box;
color: #e0e0e2;
margin: 0px 0px 0px 0px;
width: 32vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}


input.f3_1 {
border: 1px solid #cfd8e7;
border-radius: 5px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 56vw;
height: 9vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}

input.f3_1:active {
background-color: #ffffff;
}

input.f3_1:-webkit-autofill {
box-shadow: inset 0 0 0 30px #ffffff;
}

input.f3_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

textarea.ta3_1 {
border: 1px solid #cfd8e7;
border-radius: 7px;
box-sizing: border-box;
color: #555555;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 56vw;
height: 29vw;
resize: vertical;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}

textarea.ta3_1:active {
background-color: #ffffff;
}

textarea.ta3_1:-webkit-autofill{
box-shadow: inset 0 0 0 30px #ffffff;
}

textarea.ta3_1:focus {
border: 1px solid #ffffff;
outline: 1px solid #cfd8e7;
background-color: #ffffff;
}

input.form3_consent3_checkbox {width:auto; accent-color: #ffffff; color: #353535;  margin: 0px 5px 0px -1px;}

input.form3_consent3_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* 2. Контейнер для клика (чтобы текст тоже был кнопкой) */
label.form3_agreement_checkbox {
display: block;
text-align: left;
cursor: pointer;
user-select: none; /* Запрещаем выделение текста при кликах */
margin: 0px 0px 0px 0px; /* Отступ между пунктами списка */
border: 0px solid #ff0000;
}


/* 3. Сама рамка (Размер, Фон, Граница) */
span.checkmark_consent3 {
text-align: left;
position: absolute;
height: 18px;       /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (высота) */
width: 19px;        /* ИНДИВИДУАЛЬНЫЙ РАЗМЕР (ширина) */
z-index: 10;
background-color: #ffffff; /* ИНДИВИДУАЛЬНЫЙ ФОН (пустой квадрат) */
border: 1px solid #cccccc; /* ИНДИВИДУАЛЬНАЯ ГРАНИЦА */
border-radius: 4px;         /* Скругление углов (удалите, если нужны прямые) */
margin: 0.3vw 0px 0px 0px;
transition: all 0.2s ease;   /* Плавная анимация */
}

/* 4. Стиль рамки и фона, когда чекбокс ВЫБРАН */

input.form3_consent3_checkbox:checked + .checkmark_consent3 {
background-color: #ffffff;  /* Цвет фона при выборе  */
border-color: #ffffff;      /* Цвет границы при выборе */
}

/* 5. Рисуем галочку (SVG путь или CSS линии) */
span.checkmark_consent3::after {
content: "";
position: absolute;
display: none; /* Скрыта по умолчанию */

/* Позиционирование галочки внутри квадрата */
left: 6px; 
top: 2px;
width: 5px;
height: 10px;
border: solid #353535;       /* Цвет галочки (серый, т.к. фон белый) */
border-width: 0 2px 2px 0; /* Рисуем линии для галочки */
transform: rotate(45deg); /* Поворачиваем, чтобы получилась галочка */
}

input.form3_consent3_checkbox:checked + .checkmark_consent3::after {
display: block;
}

button.btn3 {
border-top: 1px solid #d2cbc0;
border-right: 1px solid #323a46;
border-bottom: 1px solid #323a46;
border-left: 1px solid #d2cbc0;
border-radius: 5px;
box-sizing: border-box;
color: #ffffff;
background-color: #a1927d;
margin: 0px 0px 0px 0px;
padding: 0.4vw 0vw 0.8vw 0vw;
width: 40vw;
height: 10vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
}

div.error3 {
display: none;
text-align: left;
box-sizing: border-box;
color: #c0ae94;
margin: 0px 0px 0px 0px;
width: 56vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 4vw;
font-weight: 300;
border: 0px solid #ff0000;
}

#consent_error3.error3 { 
text-align: left; 
box-sizing: border-box; 
margin: 0px 0px 0px 30px;  
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif; 
font-size: 4vw; 
font-weight: 300; 
color: #c0ae94;  
z-index: 0; 
position: relative; 
width: 56vw;
}

/*#message_error2.error2 { text-align: left; box-sizing: border-box; margin: -7px 0px 0px 0px; padding: 10px 15px 10px 15px; font-family: Forum, Garamond, Serif; font-size: 1.2vw; font-weight: 300; color: #353535;  z-index: 1; position: absolute; background-color: #fce8e8; border: 1px solid #fcbfbf; border-radius: 5px; width: 48.5vw}
*/
div.error3.show { display: block; color: #c0ae94;}

/*input.f2_1.error_border1, input.phone1.error_border1, textarea.f1.error_border1 { border: 0px solid #ff0000; background-color: #fcfcfc;}
*/




div.blocks8 { 
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
background-color: #476b66;
margin: 50px 0px 0px 0px;
width: 100%;
}

div.block8 {
display: flex;
display: -webkit-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
text-align: left;
box-sizing: border-box;
color: #f0efef;
margin: 50px 5vw 50px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Helvetica, Sans-serif;
font-size: 5vw;
font-weight: 300;
}

div.h1white1 {
text-align: left;
box-sizing: border-box;
color: #ffffff;
margin: 0px 0px 0px 0px;
font-family: Montserrat, Century Gothic, Helvetica, Sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
}

div.footer { 
display: block;
text-align: center;
vertical-align: top;
box-sizing: border-box;
background-color: #373f4d;
margin: 0vw 0px 0vw 0px;
width: 100vw;
}

div.footer1 { 
display: block;
text-align: center;
box-sizing: border-box;
color: #cccccc;
margin: 10vw 5vw 0px 5vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 5vw;
font-weight: 300;
}

div.footer-menu { 
text-align: center;
box-sizing: border-box;
margin: 10vw 5vw 10vw 5vw;
padding: 0px 0vw 0px 0vw;
width: 88vw;
font-family: Noto Sans, Tahoma, Sans-serif, Helvetica;
font-size: 5vw;
font-weight: 300;
}

ul.menu1 {
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0vw 0px 0vw;
}

.menu1 li {
display: block;
margin: 0px 0px 0px 0px;
list-style-type: none;
}

a.menu1 {
color: #cccccc;
margin: 0px 0vw 0px 0vw;
padding: 0px 0vw 0px 0vw;
font-family: Noto Sans, Century Gothic, Helvetica, Sans-serif;
text-decoration: none;
}

a.menu1:hover {
color: #ffffff
}

a.footer1 { 
color: #cccccc;
text-decoration: none;
}

a.footer1:hover {
color: #ffffff;
}

}
}