/* roboto-100 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-300 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-300italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-900 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-900italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v48-cyrillic_latin/roboto-v48-cyrillic_latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


content{
    max-width:96%;
}
body, div, p, h1, h2, h3, h4, h5, ul, li, a, form{
     margin: 0;
     padding: 0;
     border: 0;
     text-decoration: none;
     line-height: 1;
}
*{
     margin:0;
     padding:0;
     outline: none;
}
body{
     font-family: 'Roboto', sans-serif;
     padding-right: 0 !important;
     overflow-x: hidden;
}
button{
     cursor: pointer;
     outline: 0px !important;
}
h1{
     border: 1px solid #adadad;
     font-size: 30px;
     line-height: 46px;
     margin: 20px auto 40px;
     /*text-transform: uppercase;*/
    /*width: 370px;
    */
     text-align: center;
}
strong{
    font-weight:700;
}
/*DESK*/
h2{
     font-size: 26px;
     line-height: 30px;
}
h3{
     font-size: 22px;
     line-height: 26px;
}
content p{
    margin-bottom:20px;
     font-size:16px;
     line-height:20px
}
.b1{
     background: url('../images/b1.jpg') no-repeat center top;
     background-size: cover;
     padding-top: 60px;
     padding-bottom: 230px;
}
.b2{
     background: url('../images/b2.jpg') no-repeat center top;
     background-size: cover;
     padding-bottom: 25px;
}
.b7{
     background: url('../images/b2.jpg') no-repeat center top;
     background-size: cover;
     padding: 10px 0px;
}
.b4{
     background: #edf7e0;
}
p.logo-name{
     font-size: 42px;
     font-weight: 900;
     color: #84d040;
     text-shadow: 2px 2px 10px #000000;
     text-transform: uppercase;
}
p.logo-name span{
     font-weight: 400;
     color: #ffffff;
}
p.logo-title{
     padding-top:10px;
}
.logo-title a{
     font-size: 16px;
     font-weight: 900;
     color: #84d040;
     text-shadow: 2px 2px 10px #000000;
     text-transform: uppercase;
     padding-top: 19px;
}
.logo-title a:hover{
    text-decoration:none;
}
.logo-title span{
     font-weight: 400;
     color: #ffffff;
}
.header-right-title{
     color: #84d040;
     font-size: 24px;
     padding-left: 40px;
     margin-bottom: 12px;
     background: url('../images/spriteOrig.svg#phone-icon') no-repeat left center;
     height: 26px;
     line-height: 26px;
}
.header-right-title a{
     color: #84d040;
}
.header-right-title a span{
     color: #ffffff;
     font-weight: 900;
}
.header-right-text{
     color: #ffffff;
     font-weight: 900;
     font-size: 20px;
     padding-left: 40px;
     background: url('../images/spriteOrig.svg#mail-icon') no-repeat left center;
     height: 26px;
     line-height: 26px;
     margin-bottom: 12px;
}
.header-right-text a{
    color: #ffffff;
}
.header-right-text a span{
     font-weight: 400;
}
.header-right-home{
     color: #ffffff;
     font-weight: 900;
     font-size: 20px;
     padding-left: 40px;
     background: url('../images/spriteOrig.svg#adress-icon') no-repeat left center;
     min-height: 26px;
     line-height: 26px;
     margin-bottom: 12px;
}
.header-right-inst{
     color: #ffffff;
     font-weight: 900;
     font-size: 20px;
     padding-left: 40px;
     background: url('../images/instaNewSmall.png') no-repeat left center;
     height: 26px;
     line-height: 26px;
}
.header-right-inst a{
    color: #ffffff;
    font-weight: 400;
}
.header-right-home a{
    color: #ffffff;
    font-weight: 400;
}
.header-right-home a span{
     color: #ffffff;
     font-weight: 900;
}
.btn1{
     background: #84d040;
     border-radius: 19px;
     height: 38px;
     color: #000000;
     font-size: 17px;
     padding: 0 40px;
     margin-left: 40px;
}
.btn1:hover{
     background: #8df62e;
}
.b1-title{
     font-size: 60px;
     text-shadow: 2px 2px 10px #000000;
     color: #39c127;
     padding-top: 190px;
     text-transform: uppercase;
     padding-bottom: 30px;
}
.b1-title2{
     font-size: 72px;
     text-shadow: 2px 2px 10px #000000;
     color: #ffffff;
     text-transform: uppercase;
     padding-bottom: 34px;
     font-weight: 900;
}
.b1-text{
     font-size: 36px;
     text-shadow: 2px 2px 10px #000000;
     text-transform: uppercase;
     color: #ffffff;
}
.b2-title{
     margin-top: 90px;
     width: 70%;
     margin: 90px auto 50px;
     height: 72px;
     line-height: 72px;
     font-size: 30px;
     color: #ffffff;
     text-transform: uppercase;
     border: 1px solid #9bb673;
     text-shadow: 1px 1px 3px #000000;
}
.b2-text{
     margin-bottom: 20px;
}
.b2-text1{
     text-shadow: 1px 1px 5px #000000;
     line-height: 53px;
     font-size: 30px;
     color: #ffffff;
}
.domDescription{
     color: #84d040;
     font-size: 24px;
     margin-bottom:10px;
     display:block;
}
.b2-text2{
    text-shadow: 1px 1px 3px #000000;
    line-height: 60px;
    font-size: 40px;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    margin: 0 20px;
}
.b2-text3{
    text-shadow: 1px 1px 3px #000000;
    line-height: 53px;
    height: 50px;
    font-size: 30px;
    color: #ffffff;
    padding: 0 20px 0 51px;
    display: inline-block;
    margin-right: 13px;
}
.b2-text3 a{
     text-decoration:underline;
     color: #ffffff;
}
.b2-text3 a:hover{
     text-decoration:none;
}
.b2-text2-1{
    background: #69a334 url('../images/b2-ic1.png') no-repeat 10px center;
}
.b2-text2-2{
    background: #69a334 url('../images/b2-ic2.png') no-repeat 10px center;
}
.b2-text2-3{
    background: #69a334 url('../images/b2-ic3.png') no-repeat 10px center;
}
.b2-unit img{
     border-radius: 50%;
     max-width: 100%;
}
.b2-unit-title{
     font-size: 30px;
     color: #ffffff;
     padding-bottom: 8px;
     font-weight: 900;
     padding-top: 35px;
     text-shadow: 1px 1px 3px #000000;
}
.b2-unit-text{
     font-size: 24px;
     font-weight: 400;
     color: #ffffff;
     text-shadow: 1px 1px 3px #000000;
}
.b2-unit-text span{
     font-size: 12px;
     position: relative;
     top: -12px;
}
.b2-unit{
     padding-bottom: 60px;
}
.btn2{
     font-size: 18px;
     margin-top: 25px;
    /*height: 46px;
    */
     line-height: 28px;
     padding: 0 25px;
     background: #eab849;
     border-radius: 23px;
     color: #000000;
     display:block !important;
     white-space:normal !important;
}
.btn2:hover{
     background: #ffd67d;
}
div.mainGroup div.mainGroupItems{
     padding: 20px 0;
     margin-bottom:40px;
}
.mainGroupItemsPrice{
     text-shadow: 1px 1px 3px #000000;
}
 .btn4{
     font-size: 22px;
     margin-top: 25px;
    /*height: 46px;
    */
     line-height: 28px;
     padding: 15px 25px;
     background: #eab849;
     border-radius: 23px;
     color: #000000;
     display:inline-block;
     white-space:normal;
     text-align:center;
}
.btn4:hover{
     background: #ffd67d;
}
.b3-title{
     margin-top: 90px;
     width: 370px;
     height: 80px;
     line-height: 80px;
     margin: 90px auto 30px;
     border: 1px solid #adadad;
     font-size: 30px;
     text-transform: uppercase;
}
p.logo-name a:hover{
    text-decoration:none;
}
p.logo-name a span{
    color:#fff;
}
p.logo-name a {
    color:#84d040;
}
.b3-unit-content{
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     padding: 0 20px;
    /*background: url('../images/b3-bg.png') no-repeat center bottom;
    */
     background-size: 100% 40%;
}
.b3-unit-contentDop{
     position: absolute;
     z-index: 1;
     bottom: 0;
     left: 0;
     height: 30%;
     width: 100%;
     padding: 0 20px;
     background: url('../images/b3-bg.png') no-repeat center bottom;
     background-size: 100% auto;
}
.b3-unit-wrap{
     position: relative;
     border: 1px solid #ffffff;
}
.b3-unit-wrap img{
     width: 100%;
}
.b3-unit-content-title{
     position: absolute;
     bottom: 56px;
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 1px 2px black;
}
.b3-unit-content-text{
     position: absolute;
     bottom: 15px;
     font-size: 24px;
     color: #84d040;
     text-align: center;
}
.btn3-more{
     height: 30px;
     line-height: 30px;
     color: #000000;
     background: #84d040;
     width: 125px;
     border-radius: 15px;
     padding: 0 20px;
     font-size: 14px;
    /*margin-left: 10px;
    */
}
.btn3-more:hover{
     background: #8df62e;
}
.btn3{
     background: #84d040 none repeat scroll 0 0;
     border-radius: 30px;
    /*box-shadow: 0 2px 5px #333;
    */
     font-size: 30px;
     height: 80px;
     line-height: 80px;
     margin-top: 30px;
     padding: 0 50px;
}
.btn3:hover{
     background: #8df62e;
}
.b3{
    /*padding-bottom: 110px;
    */
}
.b4{
     padding-bottom: 50px;
}
.b4-title.b3-title{
     width: 440px;
}
.b4-unit p{
     padding-left: 110px;
     min-height: 90px;
     margin-left: 30px;
     font-size: 18px;
     text-transform: uppercase;
     padding-top: 37px;
}
.b4-unit i{
     font-size: 18px;
     font-style: normal;
     text-transform: none;
     display: block;
     padding-top: 30px;
     line-height: 1.4;
}
.b4-unit p span{
     font-weight: 900;
}
.b4-unit.b4-unit-n1 p{
     background: url('../images/b4-unit-1.png') no-repeat left center;
}
.b4-unit.b4-unit-n2 p{
     background: url('../images/b4-unit-2.png') no-repeat left center;
}
.b4-unit.b4-unit-n3 p{
     padding-top: 15px;
     background: url('../images/b4-unit-3.png') no-repeat left center;
}
.b4-unit.b4-unit-n4 p{
     padding-top: 15px;
     background: url('../images/b4-unit-4.png') no-repeat left center;
}
.b4-units1{
     padding-top: 40px;
}
.b4-separ{
     margin-top: 30px;
     margin-bottom: 10px;
     height: 472px;
     background: url('../images/b4-separ.png') no-repeat center top;
}
.b4-title2.b3-title{
     width: 85%;
}
.b4-text{
     font-size: 30px;
     color: #62bb12;
     padding-bottom: 77px;
}
.b4-text span{
     font-weight: 900;
}
.b4-unit-img-wrap img{
     max-width: 100%;
}
.b4-unit-img-wrap{
     margin-bottom: 22px;
     position: relative;
}
.b4-unit-text2{
     font-size: 24px;
}
.b4-unit-text2 a{
     font-size: 24px;
     color:#333333;
     text-decoration:underline;
}
.b4-unit-text2 a:hover{
    text-decoration:none;
}
.b4-unit3{
     padding-bottom: 108px;
}
.b4line{
     position: absolute;
     z-index: 1;
     top: 100%;
     left: 50%;
     margin-top: -3px;
     margin-left: -5px;
}
.b4line2 {
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 79%;
     width: 54%;
     margin-top: -4px;
     margin-left: -1px;
}
.b4line2.b4line3 {
     top: 0;
     left: 50%;
     margin-left: -5px;
     margin-top: -93px;
     width: 34%;
}
.map{
     position: relative;
}
.map-content{
     position: absolute;
     z-index: 1;
     width: 76%;
     top: 50px;
     left: 12%;
}
.map-title span{
     display: inline-block;
     background: #ffffff;
     padding: 25px 50px;
     font-size: 30px;
     margin-bottom: 20px;
}
.map-text span{
     display: inline-block;
     background: #ffffff;
     padding: 15px 80px;
     font-size: 24px;
     margin-bottom: 20px;
}
.b5{
     background: #527181 url('../images/b5.png') no-repeat center top;
     background-size: cover;
     padding-top: 50px;
     padding-bottom: 140px;
}
.b5-title span{
     padding: 25px 60px;
     display: inline-block;
    border: 1px solid #8a9faa;
     font-size: 30px;
	 line-height:1.25;
     color: #ffffff;
     text-transform: uppercase;
    /*text-shadow: 1px 1px 3px #000000;
    */
}
.b6{
     background: #314550 url('../images/b5.png') no-repeat center top;
     background-size: 100%;
     padding: 40px 0;
}
@media all and (max-width: 768px) {
	.b6{
		padding: 40px 0 102px 0;
	}
}


.forma{
     padding: 60px 30px 0;
}
.footerConatcts{
   padding: 60px 0 0 30px;	
}
.forma input.field {
     width: 100%;
     height: 67px;
     margin-bottom: 20px;
     padding: 0 70px;
     border-radius: 26px;
     border: none;
    /*box-shadow: 0 1px 0px #000;
    */
     border: 1px solid #ffffff;
     border: none;
    /*box-shadow: 0px 1px 2px #000;
    */
     font-size: 24px;
     background: #ffffff url('../images/spriteOrig.svg#user-icon-grey') no-repeat 27px center;
	 background-size: 25px;
}
@media screen and (max-width: 768px) {
	.forma input.field{
	 font-size: 20px;
	}
}


.forma input.field.b5-email{
     background: #ffffff url('../images/spriteOrig.svg#phone-icon-grey') no-repeat 20px center;
	 background-size: 36px;
}
.btn3{
     color: #333;
}
.btn5 {
     margin-top: 19px;
     border-radius: 24px;
     height: 60px;
     border: none;
     padding: 0 90px;
     background: #84d040;
     font-size: 24px;
     border: none;
    /*box-shadow: 0px 1px 1px #000;
    */
}
.btn5:hover {
     background: #8df62e;
}
.couner{
     margin-left: 30px;
}
.link-dev{
     margin-left: 10px;
     color: #ffffff;
     text-decoration: underline;
     font-size: 11px;
     line-height: 1.2;
}
.link-dev:hover{
     text-decoration: none;
}
.b5-right-title{
     font-size: 36px;
     padding-left: 90px;
     background:url('../images/spriteOrig.svg#phone-icon') no-repeat 23px center;
     line-height: 50px;
     margin-bottom: 30px;
     color: #84d040;
     text-shadow: 1px 1px 3px #000000;
}
.b5-right-title a{
     color: #84d040;
}
.b5-right-title a span{
     font-weight: 900;
     color: #ffffff;
}
.b5-right-text{
     padding-left: 90px;
     background:url('../images/spriteOrig.svg#mail-icon') no-repeat 23px center;
     line-height: 50px;
     margin-bottom: 30px;
     color: #ffffff;
     font-size: 28px;
     font-weight: 900;
     text-shadow: 1px 1px 3px #000000;
     margin-bottom: 30px;
}
.b5-right-text a{
     color: #ffffff;
}
.b5-right-text a span{
     font-weight: 400;
}
.b5-right-home{
     padding-left: 90px;
     background:url('../images/spriteOrig.svg#adress-icon') no-repeat 23px center;
     line-height: 50px;
     margin-bottom: 30px;
     color: #ffffff;
     font-size: 28px;
     font-weight: 400;
     text-shadow: 1px 1px 3px #000000;
	 background-size:50px;
}
.b5-right-home a{
     color: #ffffff;
}
.b5-right-home a span{
     font-weight: 900;
}
.b5-right-inst{
     padding-left: 90px;
     background:url('../images/instaNewBig.png') no-repeat 23px center;
     line-height: 50px;
     margin-bottom: 30px;
     color: #ffffff;
     font-size: 28px;
     font-weight: 400;
     text-shadow: 1px 1px 3px #000000;
}
.b5-right-inst a{
     color: #ffffff;
}
.modal-content{
     background: #edf7e0;
}
.b5-modal-text{
     font-size: 30px;
}
.modal-content .b5-title span{
     color: #000000;
}
.modal-header{
     border-bottom: none;
}
.modal-content{
     padding-bottom: 45px;
}
.modal-content .forma input.field {
     width: 100%;
     height: 60px;
     margin-bottom: 20px;
     padding: 0 70px;
     border-radius: 22px;
     border: 1px solid #ffffff;
     border-top: none;
     box-shadow: 0px 2px 3px #999;
     font-size: 24px;
     background: #ffffff url(../images/spriteOrig.svg#phone-icon-grey) no-repeat 20px center;
	 background-size: 36px;
}
@media screen and (max-width: 768px) {
	.modal-content .forma input.field{
	 font-size: 18px;
	 padding: 0 55px;
	}
}
.modal-content .btn5{
     border: 1px solid #84d040;
     box-shadow: 0px 2px 3px #999;
     border-radius: 22px;
}
.b3-units{
     clear: both;
}
div.mainGroupItems:nth-child(2n+1){
     background-color:#edf7e0;
}
.bgGreen{
     background-color: #69a334;
}
.bgGreen a{
     color:#fff;
     text-decoration:underline;
}
.bgGreen a:hover{
     text-decoration:none;
}
/*CLASSES*/
.clb{
     clear: both;
}
.pad0{
     padding: 0 !important;
}
.dis_n{
     display: none;
}
.dis_b{
     display: block;
}
.forma input.field.b5-name {
     background: #ffffff url(../images/spriteOrig.svg#user-icon-grey) no-repeat 23px center;
	 background-size: 27px;
}
.btn1 {

}
@media screen and (max-width: 1200px) {
     .b1-title {
         font-size: 50px;
         padding-top: 100px;
         padding-bottom: 30px;
    }
     .b1-title2 {
         font-size: 62px;
         padding-bottom: 30px;
    }
     .b1-text{
         font-size: 30px;
    }
     .b1{
         padding-bottom: 130px;
    }
     .b2-title {
         margin-top: 60px;
         width: 100%;
         margin: 60px auto 40px;
         height: auto;
         line-height: 52px;
         font-size: 25px;
    }
     .b4-title2.b3-title{
         width: 100%;
         height: auto;
         font-size: 25px;
    }
     .b4line2.b4line3, .b4line2, .b4line{
         display: none;
    }
     .b3-unit-content-title{
         font-size: 16px;
    }
     .b3-unit-content-text{
         font-size: 19px;
    }
}
@media screen and (max-width: 992px) {
     .sm-fl{
         float: left !important;
    }
     span.b2-text3.b2-text2-1{
         margin-bottom:20px;
    }
     .logoPlace{
         text-align: center;
    }
     .logo-title{
         text-align: center;
         margin-bottom: 35px;
    }
     .clb-sm{
         clear: both;
    }
     .b5-title span{
         font-size: 24px;
    }
     .b5-right-title{
         font-size: 27px;
         background-size: 27px auto;
         padding-left: 70px;
    }
     .b5-right-text{
         font-size: 24px;
         background-size: 37px auto;
         padding-left: 70px;
    }
	 .b5-right-home{
         font-size: 24px;
		 line-height:1.25;
         background-size: 37px auto;
         padding-left: 70px;
    }
     .forma {
         padding: 40px 0 0 0;
    }
     .b2-unit-title{
         font-size: 22px;
         font-weight: 700;
    }
     .b2-unit-text {
         font-size: 18px;
    }
     .b2-text1{
         display: block;
    }
     .b3-unit-content-text {
         font-size: 14px;
    }
     .btn3-more {
         height: 20px;
         line-height: 20px;
         width: auto;
         border-radius: 15px;
         padding: 0 10px;
         font-size: 14px;
         margin-left: 10px;
    }
     .b4-separ {
         height: 357px;
         background: url(../images/b4-separ.png) no-repeat center top;
         background-size: cover;
    }
     .b3-title {
         width: 90%;
         height: 70px;
         line-height: 70px;
         margin: 60px auto 50px;
         border: 1px solid #adadad;
         font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
     .btn3{
         display:block !important;
         height:auto;
         white-space:normal !important;
         line-height: 40px;
    }
     .b2-unit img {
         margin: 65px auto 0;
         display: block;
         clear: both;
    }
     .map-title, .map-text{
         padding: 0 40px;
    }
     .map-title span{
         padding: 7px 14px;
         font-size: 23px;
    }
     .map-text span{
         padding: 7px 14px;
         font-size: 23px;
    }
     .b2-unit-title, .b2-unit-text, .b2-btn{
         text-align: center;
    }
     .b2-unit {
         padding-bottom: 00px;
    }
     .header-right-title {
         margin-right: 40px;
    }
     .b5-right-title {
         font-size: 27px;
         background-size: 27px auto;
         padding-left: 70px;
         width: 352px;
         margin: 20px auto;
    }
     .b5-right-text {
         background-size: 27px auto;
         padding-left: 70px;
         width: 352px;
         margin: 20px auto;
    }
	 .b5-right-home {
         background-size: 27px auto;
         padding-left: 70px;
         width: 352px;
         margin: 20px auto;
    }
     .b5 {
         padding-top: 80px;
         padding-bottom: 90px;
    }
     .b4-title2.b3-title {
         width: 90%;
         height: auto;
         font-size: 20px;
    }
     .b4-units1 {
         padding-top: 0px;
    }
     .b4-unit {
         padding-top: 30px;
    }
     .b4-unit3 {
         padding-bottom: 70px;
    }
     .b2-title {
         margin-top: 60px;
         width: 96%;
         margin: 60px auto 40px;
         height: auto;
         line-height: 52px;
         font-size: 25px;
    }
}
@media screen and (max-width: 700px) {
     .b1-title2 {
         font-size: 52px;
         padding-bottom: 30px;
    }
     .b1-title {
         font-size: 40px;
         padding-top: 70px;
         padding-bottom: 30px;
    }
     .b1 {
         padding-bottom: 90px;
         padding-top: 40px;
    }
     .b2-title {
         width: 96%;
         margin: 50px auto 30px;
         height: auto;
         line-height: 42px;
         font-size: 20px;
    }
     .b2-text1 {
         line-height: 43px;
         font-size: 22px;
    }
     .b2-text2 {
         text-shadow: 1px 1px 3px #000000;
         line-height: 22px;
         font-size: 20px;
         color: #ffffff;
         background-size: auto 23px;
         display: inline-block;
    }
     .b3 {
        /* padding-bottom: 60px;
        */
    }
}
@media screen and (max-width: 610px) {
     .sm-fl {
         float: none !important;
    }
     .btn1 {
         margin: 0 auto 20px;
         display: block;
    }
     .wid-610{
         float: none !important;
         width: 300px;
         margin: 0 auto;
    }
     .header-right-title{
         padding-left: 30px;
    }
     .header-right-text{
         padding-left: 30px;
    }
     .header-right-home{
         padding-left: 30px;
		 background-size:30px;
    }
     .header-right-inst{
         padding-left: 30px;
    }
     .b1-title2 {
         font-size: 40px;
         padding-bottom: 30px;
    }
     .b4-separ {
         height: 257px;
    }
     .b4-unit p {
         padding-left: 100px;
         margin-left: 20px;
         font-size: 16px;
    }
     .b4-unit i {
         font-size: 16px;
         font-style: normal;
         text-transform: none;
         display: block;
         padding-top: 20px;
         line-height: 1.3;
    }
     .b3-title {
         width: 90%;
         height: auto;
         line-height: 30px;
         margin: 60px auto 50px;
         border: 1px solid #adadad;
         font-size: 28px;
         padding: 8px 0;
    }
     .b4-text {
         font-size: 20px;
    }
}
@media screen and (max-width: 510px) {
     .b1-title2 {
         font-size: 30px;
         padding-bottom: 25px;
    }
     .b1-title {
         font-size: 30px;
         padding-top: 60px;
         padding-bottom: 25px;
    }
     .b1-text {
         font-size: 20px;
    }
     .b2-text2 {
    }
     .b4-title.b3-title {
         width: 96%;
    }
     .b4-title.b3-title {
         font-size: 20px;
    }
     .b5-title span {
         font-size: 20px;
         padding: 25px 30px;
    }
     .modal-content .forma input {
         margin-bottom: 20px;
         padding: 0 30px;
         font-size: 24px;
         background-image: none;
    }
}
@media screen and (max-width: 390px) {
     .b4-title.b3-title {
         margin-bottom: 0;
    }
     .b4-separ {
         height: 200px;
    }
     .b5-right-title {
         font-size: 22px;
         background-size: 27px auto;
         padding-left: 50px;
         width: 270px;
         margin: 20px auto;
         background-position: 0 center;
    }
     .b5-right-text {
         background-size: 27px auto;
         padding-left: 50px;
         width: 270px;
         margin: 20px auto;
         font-size: 19px;
         background-position: 0 center;
    }
	 .b5-right-home {
         background-size: 27px auto;
         padding-left: 50px;
         width: 270px;
         margin: 20px auto;
         font-size: 19px;
         background-position: 0 center;
    }

     .btn5 {
         margin-top: 30px;
         border-radius: 22px;
         height: 60px;
         border-top: none;
         padding: 0 62px;
         background: #84d040;
         font-size: 22px;
    }
     .b4-unit.b4-unit-n1 p, .b4-unit.b4-unit-n2 p, .b4-unit.b4-unit-n3 p, .b4-unit.b4-unit-n4 p {
         padding-left: 60px;
         background-size: 45px auto;
    }
     .header-right-title {
         margin-right: 0px;
    }
     .wid-610 {
         float: none !important;
         width: 283px;
         text-align: center;
         margin: 0 auto;
    }
     .btn5{
         width: 100%;
    }
}
span.b2-text2.bgGreen a{
     text-decoration:none;
}
span.lowercase{
     text-transform: lowercase;
}
.center{
    text-align:center;
}
.margin20{
     margin-left:20px;
     margin-right:20px;
}
.flex-grid{
     display: flex;
     flex-wrap: wrap;
}
.col-2{
     width:50%;
}
.projectsMain{
     width:100%;
     justify-content: center;
     align-items: stretch;
     align-content:flex-start;
}
.projectsMain .project{
     width:100%;
     position: relative;
     background-color:#69a334;
     border: 1px solid #ffffff;
}
.projectsMain .project .image{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
}
.projectsMain .project .image img{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
}
.projectsMain .project .bottom{
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 20;
    flex-direction: column;
    align-items: flex-start;
}
.projectsMain .project .bottom a.name{
     font-size: 18px;
     color: #ffffff;
     text-shadow: 1px 1px 2px black;
     padding: 0 0 15px 0;
}
.projectsMain .project .bottom a.more{
    display: inline-block;
    line-height: 30px;
    color: #000000;
    background: #84d040;
    border-radius: 15px;
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.projectsMain .project .bottom a.more:hover{
    background: #8df62e;
    text-decoration:none;
}
div.whatsAppFooter{
 position:fixed;   
 right:20px;
 bottom:20px;
 z-index:999;

}
div.whatsAppFooter a img{
  width:64px;   
}
@media screen and (max-width: 768px) {
.only-4 div.col-sm-4.pad0:nth-child(n+5){
    display:none;
}

}


:root {
     --color-primary: #84d040;
   }
   
   .icon {
     display: inline-flex;
   }
   .icon::before {
     content: "";
     display: block;
     background-size: 100%;
     background-position: center center;
     background-repeat: no-repeat;
   }
   .icon.icon-mail::before {
     width: 26px;
     height: 18px;
     background-image: url("../images/spriteOrig.svg#mail-icon");
   }
   .icon.icon-phone::before {
     width: 29px;
     height: 29px;
     background-image: url("../images/spriteOrig.svg#phone-icon");
   }
   .icon.icon-address::before {
     width: 27px;
     height: 27px;
     background-image: url("../images/spriteOrig.svg#adress-icon");
   }
   .icon.icon-phone-sm::before {
     width: 20px;
     height: 20px;
     background-image: url("../images/spriteOrig.svg#phone-sm-icon");
   }
   .icon.icon-tg-sm::before {
     width: 20px;
     height: 20px;
     background-image: url("../images/spriteOrig.svg#tg-sm-icon");
   }
   .icon.icon-wa-sm::before {
     width: 20px;
     height: 20px;
     background-image: url("../images/spriteOrig.svg#wa-sm-icon");
   }
   
   .header {
     position: relative;
   }
   .header-top {
     width: 100%;
     color: #fff;
     z-index: 1;
     min-height: 232px;
   }
   .header-bg-wrap {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     translate: 0 -50%;
     z-index: 0;
     min-height: 100%;
   }
   .header-bg-wrap .header-bg-overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
     z-index: 1;
   }
   .header-bg-wrap img {
     top: 0;
     display: block;
     position: absolute;
     width: 100%;
     min-height: 100%;
     min-width: 100%;
     -o-object-fit: cover;
        object-fit: cover;
     z-index: 0;
   }
   .header .logo-wrap {
     color: #fff;
     max-width: 263px;
     margin-top: 75px;
   }
   .header-phone {
     font-size: 24px;
     font-weight: 500;
   }
   .header-phone span {
     color: #85cc42;
     font-weight: 400;
   }
   .header-mail span {
     font-weight: 700;
   }
   .header-contacts {
     font-size: 20px;
     font-weight: 500;
     margin-top: 57px;
   }
   .header-contacts a {
     text-decoration: none;
     color: #fff;
   }
   .header-contacts a:hover {
     text-decoration: underline;
   }
   .header-contacts > * {
     display: block;
     padding-left: 39px;
     position: relative;
     margin: 12px 0;
     min-height: 29px;
     width: -moz-fit-content;
     width: fit-content;
   }
   .header-contacts .icon {
     position: absolute;
     top: -4px;
     left: 0;
     height: 29px;
     width: 26px;
     align-items: center;
     justify-content: center;
   }
   .header .btn {
     margin-top: 57px;
   }
   .header-btn-wrap {
     text-align: right;
   }
   
   .header-top-mobile {
     position: relative;
     overflow-y: auto;
     display: none;
   }
   .header-top-mobile .mobile-menu-wrap {
     display: none;
   }
   .header-top-mobile.active {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 999;
   }
   .header-top-mobile.active .mobile-menu-wrap {
     display: block;
   }
   
   @media (max-width: 991px) {
     .header {
       display: flex;
       flex-direction: column;
       --header-top-height: 60px;
     }
     .header-top {
       display: none;
       height: var(--header-top-height);
     }
     .header-bottom {
       display: flex;
       flex-direction: column;
       flex-grow: 1;
     }
     .header-bottom .container {
       flex-grow: 1;
       height: 100%;
     }
     .header-bottom .header-bottom-list {
       margin-top: auto;
       margin-bottom: auto;
     }
     .header-top-mobile {
       display: block;
     }
   }
   .btn.btn-default {
     border-radius: 19px;
     height: 38px;
     line-height: 38px;
     border: none;
     background: var(--color-primary);
     font-size: 24px;
     border: none;
     padding: 0 42px;
     font-weight: 300;
     font-size: 17px;
     color: #333;
   }
   .btn.btn-default:hover {
     color: #333;
     background: #8df62e;
   }
   .btn.btn-default:active:focus {
     color: #333;
     background: #8df62e;
   }
   
   .header-bottom {
     position: relative;
     color: #fff;
     line-height: 1.2;
     overflow: hidden;
     z-index: 0;
   }
   .header-bottom .container {
     position: relative;
     padding-bottom: 70px;
   }
   @media (max-width: 991px) {
     .header-bottom .container {
       padding-bottom: 20px;
       display: flex;
       flex-direction: column;
     }
   }
   .header-bottom-title {
     font-size: 64px;
     font-weight: 500;
     line-height: 1.2;
     text-align: center;
     margin-bottom: 66px;
   }
   @media (max-width: 991px) {
     .header-bottom-title {
       margin-top: 8px;
       margin-bottom: 42px;
       line-height: 1.2;
     }
   }
   @media (max-width: 767px) {
     .header-bottom-title {
       font-size: 36px;
     }
   }
   .header-bottom-list.ordered-list-styled {
     flex-direction: row;
     align-items: flex-start;
     gap: 66px;
     margin-left: 163px;
     margin-right: 77px;
   }
   .header-bottom-list.ordered-list-styled li {
     max-width: 320px;
   }
   @media (max-width: 1199px) {
     .header-bottom-list.ordered-list-styled {
       margin-inline: auto;
     }
   }
   @media (max-width: 991px) {
     .header-bottom-list.ordered-list-styled {
       gap: 20px;
       margin-inline: auto;
     }
     .header-bottom-list.ordered-list-styled li {
       flex: 1 0 0;
     }
   }
   @media (max-width: 767px) {
     .header-bottom-list.ordered-list-styled {
       gap: 41px;
       flex-direction: column;
       width: -moz-fit-content;
       width: fit-content;
     }
     .header-bottom-list.ordered-list-styled br {
       display: none;
     }
   }
   
   .ordered-list-styled {
     counter-set: heroList;
     display: flex;
     flex-direction: column;
     font-size: 22px;
     font-weight: 500;
     text-align: left;
   }
   .ordered-list-styled li {
     counter-increment: heroList;
     padding-left: 52px;
     position: relative;
     line-height: 1.2;
     min-height: 51px;
     display: flex;
     align-items: center;
   }
   .ordered-list-styled li a {
     color: inherit;
     text-decoration: underline;
   }
   .ordered-list-styled li a:hover {
     text-decoration: none;
   }
   .ordered-list-styled li > div {
     line-height: inherit;
   }
   .ordered-list-styled li:before {
     content: counter(heroList);
     display: block;
     color: #fff;
     position: absolute;
     left: 0;
     top: 5px;
     width: 42px;
     height: 42px;
     text-align: center;
     line-height: 42px;
     font-weight: 500;
     background: var(--color-primary);
     border-radius: 50%;
     font-size: 32px;
   }
   
   .b4 h1, .catalog h1,
   .catalog .title {
     font-size: 30px;
     font-weight: 400;
     text-transform: uppercase;
     padding: 21px 6.5%;
     margin-inline: auto;
     width: -moz-fit-content;
     width: fit-content;
     max-width: 100%;
     line-height: 1.2;
     border: 1px solid #adadad;
   }
   @media (max-width: 767px) {
     .b4 h1, .catalog h1,
     .catalog .title {
       font-size: 24px;
       margin-inline: auto;
       padding: 11px 3px;
     }
   }
   
   .catalog {
     background: #edf7e0;
     padding: 58px 0 126px;
   }
   .catalog-list {
     display: flex;
     flex-wrap: wrap;
     align-items: stretch;
     justify-content: center;
     gap: 20px 1px;
     line-height: 1.2;
   }
   .catalog-list .card {
     --width: 33.33%;
     display: flex;
     flex-direction: column;
     position: relative;
     max-width: 378px;
     min-width: 292px;
     line-height: 1.2;
     font-size: 16px;
     font-weight: 400;
     width: calc(var(--width) - 1px);
     background: #fff;
     text-decoration: none;
     color: inherit;
   }
   @media (max-width: 991px) {
     .catalog-list .card {
       --width: 50%;
     }
   }
   .catalog-list .card .card-top {
     position: absolute;
     top: 12px;
     left: 0;
     width: -moz-fit-content;
     width: fit-content;
     max-width: calc(100% - 5px);
     background: #fff;
     padding: 5px;
     padding-left: 20px;
   }
   .catalog-list .card .card-top span {
     font-weight: 700;
   }
   .catalog-list .card .card-image-wrap {
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
   }
   .catalog-list .card .card-image-wrap img {
     width: 100%;
     height: auto;
     -o-object-fit: cover;
        object-fit: cover;
   }
   .catalog-list .card .card-bottom {
     background: #fff;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 6px;
     padding-left: 20px;
   }
   .catalog-list .card .card-bottom-inner {
     display: flex;
     gap: 10px;
     justify-content: space-between;
     align-items: center;
   }
   .catalog-list .card .card-btn {
     margin-left: auto;
     height: 26px;
     line-height: 26px;
     font-size: 16px;
     font-weight: 300;
     padding: 0 14px;
     max-width: 152px;
     flex-grow: 1;
   }
   @media (max-width: 991px) {
     .catalog-list .card .card-top {
       text-align: center;
       max-width: 100%;
       padding: 5px 10px;
     }
     .catalog-list .card .card-btn {
       font-size: 14px;
     }
     .catalog-list .card .card-bottom {
       padding: 8px;
     }
   }
   .catalog-list .card .card-price {
     font-size: 18px;
     line-height: 1.5;
     text-wrap: nowrap;
   }
   .catalog-list .card .card-price span {
     font-weight: 700;
   }
   .catalog-list .card .card-desc span {
     font-weight: 700;
   }
   @media (max-width: 991px) {
     .catalog {
       padding: 19px 0 55px;
     }
   }
   
   .b4 {
     background: #fff;
   }
   .b4-content-col {
     display: flex;
     flex-direction: column;
     margin-top: 65px;
     overflow: hidden;
   }
   .b4-gallery {
     display: flex;
     flex-wrap: wrap;
     --gap: 6px;
     justify-content: start;
     margin: 40px auto 26px;
     margin-inline: calc(var(--gap) / -2);
   }
   .b4-gallery > * {
     display: block;
     --width: 20%;
     width: calc(var(--width) - var(--gap));
     margin: calc(var(--gap) / 2);
   }
   @media (max-width: 1199px) {
     .b4-gallery > * {
       --width: 25%;
     }
   }
   @media (max-width: 991px) {
     .b4-gallery > * {
       --width: 33.33%;
     }
   }
   @media (max-width: 767px) {
     .b4-gallery > * {
       --width: 50%;
     }
   }
   .b4-gallery img {
     display: block;
     width: 100%;
     height: 100%;
     max-width: 100%;
     -o-object-fit: cover;
        object-fit: cover;
   }
   .b4 .ordered-list-styled {
     gap: 29px;
   }
   .b4-label {
     font-size: 24px;
     font-weight: 400;
     margin-bottom: 18px;
   }
   .b4-label span {
     font-weight: 700;
     color: var(--color-primary);
   }
   .b4-price-list p {
     font-weight: 300;
     font-size: 18px;
     margin-bottom: 8px;
     line-height: 1.2;
   }
   .b4-price-list p span {
     font-weight: 700;
     text-wrap: nowrap;
   }
   .b4-price-list br {
     display: none;
   }
   .b4-spec-list {
     max-width: 560px;
     margin-bottom: 35px;
   }
   .b4-spec-list dt {
     margin-top: 13px;
     font-size: 18px;
     color: var(--color-primary);
     line-height: 1.2;
     font-weight: 700;
   }
   .b4-spec-list dt:first-of-type {
     margin-top: 0;
   }
   .b4-spec-list dd {
     font-size: 16px;
     line-height: 1.2;
     font-weight: 400;
   }
   .b4 .b4-spec-list-data--text-lg {
     font-size: 20px;
     line-height: 1;
   }
   @media (max-width: 991px) {
     .b4 {
       padding-bottom: 26px;
     }
     .b4 h1 {
       margin-bottom: 16px;
     }
     .b4-content-col {
       margin-top: 16px;
     }
     .b4-price-list {
       order: 0;
       margin-bottom: 14px;
     }
     .b4-price-list br {
       display: unset;
     }
     .b4-price-list p {
       margin-bottom: 19px;
     }
     .b4-deadline-label {
       order: -2;
     }
     .b4-gallery {
       order: -1;
       margin-top: 0;
       margin-bottom: 16px;
     }
     .b4-label {
       margin-bottom: 14px;
     }
   }
   
   #burger {
     display: block;
     width: 40px;
     height: 40px;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
     margin-right: -7px;
   }
   #burger span {
     position: relative;
     margin-top: 9px;
     margin-bottom: 9px;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
   }
   #burger span, #burger span::before, #burger span::after {
     display: block;
     width: 26px;
     height: 2px;
     background-color: #fff;
     outline: 1px solid transparent;
     transition-property: background-color, transform;
     transition-duration: 0.3s;
   }
   #burger span::before, #burger span::after {
     position: absolute;
     content: "";
   }
   #burger span::before {
     top: -9px;
   }
   #burger span::after {
     top: 9px;
   }
   #burger.active span {
     background-color: transparent;
   }
   #burger.active span::before {
     transform: translateY(9px) rotate(45deg);
   }
   #burger.active span::after {
     transform: translateY(-9px) rotate(-45deg);
   }
   #burger.active span:before, #burger.active span:after {
     background-color: #6d7ca3;
   }
   
   .d-flex {
     display: flex;
   }
   
   .ml-a {
     margin-left: auto;
   }
   
   .header-top-mobile {
     color: #1a2233;
     position: relative;
   }
   .header-top-mobile .container {
     position: relative;
   }
   .header-top-mobile.active:before {
     content: "";
     display: block;
     position: fixed;
     left: 0;
     bottom: 0;
     right: 0;
     top: 0;
     background: #fff;
     z-index: 0;
   }
   .header-top-mobile a {
     color: inherit;
   }
   .header-top-mobile .col-right {
     align-self: flex-start;
     align-items: center;
     padding: 9px 0;
   }
   .header-top-mobile .logo-wrap {
     width: 104px;
     margin-top: 15px;
   }
   .header-top-mobile .logo-img--dark {
     display: none;
   }
   .header-top-mobile.active .logo-img {
     display: none;
   }
   .header-top-mobile.active .logo-img.logo-img--dark {
     display: block;
   }
   .header-top-mobile.active .header-btn-group {
     display: none;
   }
   
   .header-btn-group {
     gap: 10px;
     margin-right: 17px;
   }
   .header-btn-group a {
     display: block;
     width: 20px;
     height: 20px;
     border-radius: 50%;
   }
   
   .mobile-menu {
     margin: 25px 0 50px;
   }
   .mobile-menu li {
     display: block;
   }
   .mobile-menu a {
     display: inline-block;
     color: #1a2233;
     font-size: 28px;
     line-height: 1.3;
     margin-bottom: 9px;
     text-decoration: none;
     font-weight: 500;
   }
   .mobile-menu a:hover {
     color: #37486c;
     text-decoration: none;
   }/*# sourceMappingURL=new.css.map */