@import url(/fonts/stylesheet.css);

body{margin: 0; padding: 0; font-family: 'TT Norms'; font-size: 20px; color: #1E71EF; }
ul, li{padding: 0; margin: 0}
input[type='submit']{-webkit-appearance:none; -moz-appearance: none; appearance: none}
input, textarea{border-radius: 0px; font-family: 'TT Norms';}
button{border: none; width: 100%; font-family: 'TT Norms';}
#burger, #teaser-text-second-1024, #teaser-text-second-mobile{display: none}
#login{float: right; margin-right: 50px; line-height: 15px; margin-top: 42px; padding-left: 26px; background: url('/images/login.svg') no-repeat; letter-spacing: 0.03em; color: #1E71EF; text-decoration: none}
.container{max-width: 1600px; margin: 0 auto;}
.button span{width: 100%}
.logo{margin: 30px 0 15px 40px; float: left;}
.logo, #login{display: inline-block}
main{clear: both; position: relative}
.close{display: inline-block; float: right; margin: 43px 103px 0 0; cursor: pointer}
#banner-cont{position: absolute; height: 375px; width: 800px; top:0px; left:0px; background: #095CDA url('/images/main-banner-img.png') no-repeat top center}
#scrolltopbutton{display: none; position: fixed; top:570px; right: 0px; background: RGB(233,240,244,0.7)}
#teaser{position: absolute; height: 375px; width: calc((100% - 1600px)/2 + 825px); right: 0px; background: #095CDA}
#banner-quotes{position: absolute; right: 0px; bottom: 0px; background: url('/images/quote.png') bottom right no-repeat; width: 338px; height: 210px;background-size: contain; }
#banner-quotes .title{font-size: 21px; line-height: 100%;letter-spacing: -0.01em; text-transform: uppercase; font-weight: bold; margin-top: 21px; margin-left: 22.5px}
#banner-quotes .autor-name{font-size: 15px;line-height: 150%;  margin-left: 22.5px; margin-top: 15px}
nav#left-menu{position: absolute; left: -73px; top: 160px; font-size: 12.5px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em;line-height: 100%; z-index: 100; }
nav#left-menu ul{border: 0; margin: 0; padding: 0; list-style: none}
nav#left-menu ul li{transform: rotate(-90deg); padding: 0 40px; height: 80px; color: #fff; line-height: 92px; border: 0; cursor: pointer; text-align: center;}
nav#left-menu ul li:first-of-type{margin-bottom: 146px}
nav#left-menu ul li:nth-of-type(2){margin-bottom: 145px}

nav#left-menu ul li a{color:#1E71EF; text-decoration: none}
nav#left-menu ul li:hover, nav#left-menu ul li.active{background: #1E71EF}
nav#left-menu ul li:hover a, nav#left-menu ul li.active a{color: #fff;}
#teaser-text{letter-spacing: -0.01em; position: absolute; top:120px; left: calc((100% - 1600px)/2 + 288px)}
#teaser-text-first{font-size: 25px; line-height: 34px; margin-bottom: 28px}
#teaser-text-second{font-size: 65px; line-height: 75px; color: #00324B; font-weight: bold;}
#teaser-button{ width: 259px; height: 75px; position: absolute; top:550px; right: calc((100% - 1600px)/2 + 129px)}
#row-1{ position: relative; height: 825px;}
#row-2{position: relative; clear: both; height: 676px}
#row-2-text {position: absolute; left: 0px; top: 0px; width: calc(1600px + (100% - 1600px)/2 - 129px); background: #1E71EF; color: #fff; padding: 150px 18% 185px calc((100% - 1600px)/2 + 288px); font-size: 35px; line-height: 52px; box-sizing: border-box; font-weight: 500}
#row-3{clear: both; background: #E9F0F4; margin-top: -150px; padding-top: 270px; padding-bottom: 120px; text-align: center}
#row-3 h2{text-align: left; margin-bottom: 92px}
#row-3-scheme{width: 1340px; height: 793px; background: url('/images/scheme.svg') no-repeat; background-size:contain; background-position: top center; margin: 0 auto; display: flex; justify-content:space-between; padding: 30px 50px; font-size: 20px; line-height: 27px; letter-spacing: -0.01em; color: #7AA3B8}
#row-3-scheme div span{font-weight: bold}
#row-3-scheme .first{text-align: left}
#row-3-scheme .last{text-align: right}
#row-3 a{ color: #00324B; display: block; font-weight: bold}
#row-2 span{background: #fff; color: #1E71EF; padding: 0px 10px 5px 10px; white-space: nowrap}
#row-4{background: url('/images/value.png') no-repeat; background-position: top right; padding-top: 231px; position: relative; padding-bottom: 224px}
h2{font-size: 25px; line-height: 30px; letter-spacing: 0.03em; text-transform: uppercase;  margin-left: 10.5%; font-weight: normal}	
#row-4 img{position: absolute; left: 60%; top:180px}
#row-4-text{margin-left: 10.5%; margin-top: 89px; font-size: 22.5px; line-height: 30px; color:#00324B}
#row-4-text div{display: inline-block;}
#row-4-text-1{background: url('/images/vector-1.png') no-repeat; background-position: right top; padding-top: 26px; padding-right: 18px; width: 274px; box-sizing: border-box}
#row-4-text-2{margin-left: 40px; padding-top: 26px; padding-left: 62px; background: url('/images/vector-2.png') no-repeat; background-position: left top; width: 261px;box-sizing: border-box}
#row-5{background: #1E71EF; height: 330px; color: #fff; padding-top: 90px; position: relative}
#form{display: flex; width: 79%; margin: 0 auto; justify-content: space-between;}
#row-5 #form-button{width: 220px; height: 60px; background: #fff; color: #1E71EF; font-size: 12px; text-transform: uppercase; align-items: center; text-align: center; font-weight: 500; line-height: 60px; margin-left: 40px; cursor: pointer; display: block; border: none}
#row-5 #form-input input{width: 610px; height: 60px; font-size: 22.5px; color: #00324B; letter-spacing: -0.01em; padding: 0 20px 0 20px; border: none}
#row-5 #form-title{width: 390px; font-size: 25px;line-height: 34px;}
#row-5 #form-checkbox{margin-left: 60%; margin-top:45px; }
#form-checkbox{font-size: 17.5px; line-height: 26px;}
#form-checkbox input{visibility: hidden; width: 0;}
#form-checkbox label {cursor: default; position: relative; display: block;}
#form-checkbox label div{padding-left: 45px; }
#form-checkbox label div a{color: #fff}
#form-checkbox label:before {content: " "; margin-right: 26.5px; position: absolute; text-align: center; text-indent: 0px; width: 22.5px; height: 22.5px; background: #FFF; border-image: initial; vertical-align: middle; box-sizing: border-box;}
#form-checkbox input:checked + label:before {content: url("/images/checkbox.svg");}
#form-checkbox input:disabled + label:before {background: #eee; color: #aaa;}
#row-6{ position: relative; padding-top: 120px; height: 1200px}
#row-6 img.pic{position: absolute; left: 8%; top:-90px; }
#row-6 img.arrow{position: absolute; left: 10%; top: 330px;}
#row-6 h2{margin-left: 60%; position: relative}
#row-6-text{margin-left: 60%; margin-top: 90px; color: #00324B; font-size: 22.5px; line-height: 30px; letter-spacing: -0.01em;padding-right: 8%;}
#row-6-text-2{ position: absolute; font-size: 45px; line-height: 57px; letter-spacing: -0.01em; color: #00324B; left: 10.5%; margin-top: 370px; font-weight: 500; z-index: 1; width: 42%}
#row-6 #center-square{ position: absolute; width: 780px; height: 540px; background: #E9F0F4; left: 30%;  top: 700px;}
#row-6 #goals{ position: absolute; left: 60%; top: 640px; background: url('/images/goals.svg') no-repeat; background-size:contain; height: 480px; z-index: 1; padding-left: 160px;}
#row-6 #goals ul{list-style: none;}
#row-6 #goals ul li{margin-bottom: 130px; margin-top: 40px;}
#row-7{position: relative; clear: both; margin-top: 210px; height: 570px}
#row-7-text{position: absolute; left: 0px; top: 0px; width: calc(910px + (100% - 1600px)/2); background: #1E71EF; color: #E9F0F4; padding: 120px 190px 120px calc(170px + (100% - 1600px)/2); font-size: 22.5px; line-height: 30px; letter-spacing: -0.01em; box-sizing: border-box;}
#row-7-text h2{margin-left: 0px; font-weight: bold; margin-bottom: 90px; color: #fff}
#row-7 img{position: absolute; right: calc(130px + (100% - 1600px)/2); top:-90px }
#row-7-anchor{position: absolute; top:-100px;}
#row-8{clear: both}
#row-8-text{margin-left: 18%; font-size: 28px; line-height: 42px; letter-spacing: -0.01em; color: #00324B; margin-top: 150px; margin-bottom: 120px; font-weight: 500; width: 54%}
#row-8-text span{color:#1E71EF}
#row-9{ background: #E9F0F4; clear: both;}
#row-9 .container{position: relative; height: 795px;}
#row-9-text-2{position: absolute; right: 8%; top:270px; background: #1E71EF; color: #fff; width: 37.4%; height: 316px; box-sizing: border-box; padding: 97px 127px 0 80px;  font-size: 25px; line-height: 34px;}
#search-form{ position: absolute; top:150px; background: url('/images/nb.png') no-repeat; background-size:contain; width: 1005px; height: 630px}
#row-10{position: relative; padding-top: 120px; padding-bottom: 200px; }
#row-10 h2{ margin-left: calc(170px + (100% - 1600px)/2)}
#row-10-text-1{font-size: 22.5px; line-height: 30px; letter-spacing: -0.01em; color: #00324B; margin-left: calc(170px + (100% - 1600px)/2); width: 38%; max-width: 610px; margin-top:90px;}
#reg{background: #E9F0F4; padding-left: calc(170px + (100% - 1600px)/2); color: #1E71EF; width: calc(800px + (100% - 1600px)/2); padding-top: 60px; padding-bottom: 60px; margin-top: 120px; box-sizing: border-box}
#reg-button{width: 260px; height: 75px; margin-top: 41px;}
.button{background: #1E71EF; color: #fff; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; cursor: pointer; border: none;  box-sizing: border-box;}
.button a{ margin: 0 auto; color: #F6F7F9; text-decoration: none; font-weight: bold; }
#plus{ position: absolute; background: url('/images/plus.svg') no-repeat; background-size:contain;width: 300px; height: 300px; top:-55px; left: calc(734px + (100% - 1600px)/2)}
#row-10-aside{position: absolute; left: calc(1080px + (100% - 1600px)/2); top: 194px;}
#row-10-aside ul{list-style: none}
#row-10-aside ul li{margin-bottom: 60px; }
#row-10-aside ul li:first-of-type{background: url('/images/2.svg') no-repeat; padding-top: 80px;}
#row-10-aside ul li:nth-of-type(2){background: url('/images/3.svg')no-repeat; padding-top: 80px;}
#row-10-aside ul li:last-of-type{background: url('/images/shape.svg')no-repeat; padding-top: 100px;}
.aside{font-size: 15px; line-height: 25px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 500}
#social, #copyright{display: inline-block}	
#social{float: left; margin-left: 40px}
#copyright{float: right; margin-right: 40px; font-size: 15px; line-height: 45px; color: #7AA3B8}
#fb{margin-right: 19px}
#vk{margin-right: 52px}
#email{text-decoration: none; color: #1E71EF;font-size: 20px; line-height: 27px; letter-spacing: -0.01em; vertical-align: bottom}
#email img{margin-right: 15px}
footer{padding-bottom: 55px}
#search-form-title{font-size: 25px; line-height: 34px; color: #00324B; letter-spacing: -0.01em; padding: 30px 45px; width: 740px; height: 150px; background: #fff; box-sizing: border-box; position: absolute; left: 27%; top: 60px; z-index: 10; box-shadow:.5px 5px 50px rgba(17,52,105, 0.15)}
#search-form-title:after{content:url('/images/searchtitle.svg');position: absolute; bottom: -50px; left: 157px; z-index: 10;}
#search-form-input{display: flex; margin-bottom: 35px;}
#search-form-input input[type="text"]{width: 420px; height: 52px; border: none; box-sizing: border-box; padding-left: 20px; font-size: 14px; line-height: 21px; letter-spacing: -0.01em; color: #00324B}
#search-form-cont{padding: 150px 203px}
#search-form .title,#search-form .title-1{font-size: 15px; line-height: 26px; letter-spacing: -0.01em; text-transform: none; color:  #7AA3B8; margin-left: 20px; margin-bottom: 10px;}
#search-form-button{width: 180px; height: 52px;  text-align: center; }
#search-form-button span{text-align: center; width: 100%; cursor: pointer}
#search-form-result{display: flex; justify-content: space-between;}
#search-form-result > div{width:180px; height: 160px; text-align: center; }
#search-form-result .search-result-title{font-size: 15px; line-height: 25px; color:  #00324B; font-weight: 500;  margin-top: 22.5px; padding-bottom: 7.5px}
#search-form-result  .search-result{font-size: 50px; line-height: 110%; letter-spacing: -0.01em; font-weight: bold}
#search-form-result  .search-result-units{font-weight: bold; font-size: 26px;}
#popup-form{position: fixed; width: 100%; min-height: 100vh; background: #E9F0F4; z-index: 110; top: 0; left: 0; font-size: 18px; letter-spacing: -0.01em; color: #00324B; display: none}
#mobile-menu{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: #fff; display: none}
#popup-form .form-cont{clear: both; display: flex; justify-content: space-between; padding: 48px 10%}
#popup-form .left-col input{display: block; width: 477px; height: 60px; border: none; margin-bottom: 36px; padding: 25px 12px; box-sizing: border-box; font-size: 18px;
line-height: 24px; letter-spacing: -0.01em;}
#popup-form .left-col textarea{width: 477px; height: 192px; border: none; padding: 25px 12px; box-sizing: border-box; font-size: 18px;
line-height: 24px; letter-spacing: -0.01em;}
#popup-form .left-col, #popup-form .right-col{width: 50%}
#popup-form .right-col input[type="radio"] {display: none}
#popup-form .right-col label.radio:before{content: " "; position: absolute; text-align: center; text-indent: 0px; width: 20px; height: 20px; background: #FFF; border-image: initial; vertical-align: middle; box-sizing: border-box; border-radius: 10px}
#popup-form .right-col label.radio span{padding-left: 40px;}
#popup-form .right-col input:checked + label.radio:before {content: url("/images/ellipse.svg");}
#popup-form .right-col input:disabled + label:before {background: #eee;color: #aaa;}
#popup-form  #popup-cont{ position: relative}
#popup-form  .container{height: 100vh; overflow-y: auto}
#popup-form .right-col > div{margin: 0 0 30px 20px;}
#popup-form .right-col #form-checkbox label{margin-top: 125px; font-size: 14px; line-height: 21px; }
#popup-form .right-col #form-checkbox label div{padding-left: 40px}
#popup-form .right-col #form-checkbox label a{color: #1E71EF}
#popup-form .right-col #form-2-button{ width: 247px; height: 60px; margin-top:75px; border: none; display: block}
.errorClass::placeholder,.errorClass{color: #F92D2D!important}
#senderresult{font-size: 18px; line-height: 24px; letter-spacing: -0.01em; margin-top: 50px}
.errorClass ~ label:before{border: solid 1px #F92D2D}
#form-2-button span{width:100%; }
#popup-form .right-col #form-checkbox label.error{display: none!important}
.regresult{height: 524px; font-size: 28px; line-height: 42px; padding: 220px 0 0 340px; box-sizing: border-box; background: url(/images/Shape.png) 143px no-repeat;}
#finish-close{ display: block; margin-top: 72px; color: #1E71EF; text-decoration: underline; font-size: 28px; line-height: 42px;}
#form-checkbox label div a{white-space: nowrap;}


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

.logo{margin: 24px 0 12px 40px; height: 48px;}
.close{margin: 32px 103px 0 0; width: 35px}
#login{	margin-right: 38px; margin-top: 35px; font-size: 16px;}
#banner-cont{height: 300px; width:100%}
#scrolltopbutton{top:480px;}
#scrolltopbutton img{width: 60px;}
#banner-quotes{width: 265px; height: 165px}
#teaser{width: 50%; height: 300px}
nav#left-menu{top: 130px; font-size: 10px; left: -57px}
nav#left-menu ul li{height: 64px; line-height: 72px; padding: 0 30px}
nav#left-menu ul li:first-of-type{margin-bottom: 114px}
nav#left-menu ul li:nth-of-type(2){margin-bottom: 114px}
#teaser-text{left: 10.5%; top: 80px}	
#teaser-text-first{font-size: 20px; line-height: 27px; margin-bottom: 22px}
#teaser-text-second{font-size: 52px; line-height: 60px;}
#teaser-button{right: 8%; top:410px; width: 207px; height: 60px;}	
#row-2-text{width: 92%; padding: 120px 14% 140px 10.5%; font-size: 28px; line-height: 42px;}	
#row-1{ height: 648px;}	
#row-2{height: 540px;}
#row-3{padding-top: 200px; padding-bottom: 56px; margin-top: -100px;}	
#row-3-scheme{width: 84%; font-size: 16px; line-height: 22px; padding: 23px 41px 0 41px; height: 50vw;}	
#row-3 h2{margin-bottom: 73px}
#row-3 a{font-size: 16px; line-height: 22px;}
#row-4{background: url('/images/value.png') no-repeat; background-position: top right; padding-top: 185px; padding-bottom: 179px; background-size: contain;}	
h2{font-size: 20px; line-height: 24px;}	
#row-4 img{top:144px; width: 310px; height: 384px}
#row-4-text{margin-top: 70px; font-size: 18px; line-height: 24px;}
#row-4-text-2{margin-left: 35px; background-size: 77px 72px; padding-left: 45px; padding-top: 23px; width: 204px}
#row-4-text-1{background-size: 77px 72px; padding-right: 12px; padding-top: 23px; width: 217px}
#row-5{ height: 264px}	
#search-form-title{font-size: 20px; line-height: 27px; padding: 27px 40px; width: 580px; height: 120px; left: 27%; top: 48px;}
#search-form-title:after{content:url('/images/searchtitle-1.svg'); bottom: -40px; left: 126px; }
#row-5 #form-button{ width: 167px; height: 48px; line-height: 50px }
#row-5 #form-input input{width: 477px; height: 48px; font-size: 18px; padding: 0 16px 0 16px; }
#row-5 #form-title{width: 310px; font-size: 20px; line-height: 27px;}
#row-5 #form-checkbox{margin-top: 36px}
#form-checkbox{ font-size: 14px; line-height: 21px;}	
#row-6{padding-top: 96px; height: 900px}
#row-6 img.pic{width: 42%; top:-72px}
#row-6-text{margin-top: 72px; font-size: 18px; line-height: 24px;}	
#row-6 img.arrow{top: 264px; width: 283px}
#row-6-text-2{font-size: 36px; line-height: 46px; margin-top: 300px}
#row-6 #center-square{ width: 620px; height: 432px;  top: 560px;}
#row-6 #goals{top: 510px; height: 384px; padding-left: 128px; }
#row-6 #goals ul li{margin-bottom: 100px; margin-top: 32px;}
#row-7{margin-top: 168px; height: 456px}
#row-7-text{position: absolute; width: 56%; padding: 96px 8% 96px 10.5%; font-size: 18px; line-height: 24px;}
#row-7-text h2{margin-bottom: 72px;}
#row-7 img{right: 8%; top:-72px; width: 42%} 
#row-8-text{margin-top: 120px; margin-bottom: 96px;}
#row-9{height: 636px;}
#row-9-text-2{top:216px; width: calc(92% - 700px); padding: 77px 97px 0 60px; height: 253px; font-size: 20px; line-height: 27px;}
#search-form{top:120px; width: 804px; height: 504px}
#row-10{padding-top: 96px;}
#row-10 h2{margin-top: 96px; margin-left: 10.5%}
#row-10-text-1{font-size: 18px; line-height: 24px; margin-left: 10.5%; margin-top:72px;}
#reg{padding-left: 10.5%; padding-top: 48px;  padding-bottom: 48px; margin-top: 96px}
#reg-button{width: 207px; height: 60px; margin-top: 33px;}
#plus{width: 226px; height: 226px; left: 45%; top: -45px}	
#row-10-aside{left:67%; top: 144px}
#row-10-aside ul li{margin-bottom: 47px;}
#row-10-aside ul li:first-of-type{background: url('/images/2-1.svg') no-repeat; padding-top: 70px;}
#row-10-aside ul li:nth-of-type(2){background: url('/images/3-1.svg')no-repeat; padding-top: 70px;}
#row-10-aside ul li:last-of-type{background: url('/images/shape-1.svg')no-repeat; padding-top: 90px;}
.aside{font-size: 12px; line-height: 20px;}
#social, #copyright{display: inline-block}	
#social{float: left; margin-left: 40px}
#copyright{float: right; margin-right: 40px; font-size: 12px; line-height: 35px; color: #7AA3B8}
#fb{margin-right: 14px}
#fb img,#vk img{width: 24px}
#vk{margin-right: 42px}
#email{font-size: 16px; line-height: 22px;}
#email img{margin-right: 12px; width: 22px}
#banner-quotes .title{font-size: 17px; margin-top: 17px; margin-left: 18px}
#banner-quotes .autor-name{font-size: 12px;margin-left: 18px; margin-top: 12px}
#form-checkbox label div{padding-left: 41px; }
#form-checkbox label:before {margin-right: 21px; width: 18px; height: 18px; padding-top: 0px;}
#form-checkbox input:checked + label:before {content: url("/images/checkbox-1.svg");}	
#search-form-cont{padding: 125px 162px}
#search-form-input{margin-bottom: 20px;}
#search-form-input input[type="text"]{width: 336px; height: 42px; padding-left: 16px;}	
#search-form-button{width: 144px; height: 42px;  text-align: center; }	
#search-form .title, #search-form .title-1{font-size: 12px; line-height: 21px; margin-left: 16px; margin-bottom: 8px;}
#search-form-result > div{width:144px; height: 128px; }
#search-form-result .search-result-title{font-size: 12px; line-height: 20px;  margin-top: 18px; padding-bottom: 6px}
#search-form-result  .search-result{font-size: 40px; }
#search-form-result  .search-result-units{font-size: 22px;margin-top: -5px;}	

}


@media screen and (max-width: 1280px) {
	
#banner-quotes{width: 265px;}	
#teaser-text-second{font-size: 45px; line-height: 56px;}
#teaser-button{top:395px; width: 177px;}	
#row-6 img.arrow{top: 230px;}
#row-6{padding-top: 60px; height: 900px}	
#row-5 #form-input input{width: 395px;}
#row-5 #form-button{ width: 133px; }
#row-9-text-2{right: 4%; width: calc(96% - 700px);}	
#row-6-text{padding-right: 4%; margin-top: 50px;}
#popup-form .form-cont{padding: 40px}
#popup-form .form-cont .right-col{width: 45%}
#popup-form .form-cont .left-col{width: 55%}
#row-4-text-2{margin-left: 10px}
#row-6 #center-square{width: 520px}
#row-10{padding-bottom: 100px}
	
}
@media screen and (max-width: 1100px) {
	
#row-9-text-2{padding: 77px 30px 0 40px; width: calc(92% - 608px);}
#search-form {left: -50px;}
nav#left-menu, #login,#teaser-text-second {display: none}
#burger{display: inline-block; float: right; margin-top: 30px; margin-right:40px;}
#teaser-text-second-1024{display: block; font-size: 45px; line-height: 56px; font-weight: bold; color: #00324B}
#row-5 #form-input input{width: 379px}
#row-8-text{width: 70%}
#row-5 #form-title{width: 240px;}
#row-5 #form-button{width: 156px; margin-left: 5px} 
#row-6 #center-square{width: 482px}
#mobile-menu nav{margin-top: 100px; font-size: 24px; line-height: 20px; text-align: center; font-weight: bold; text-transform: uppercase;  }
#mobile-menu nav {clear: both; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 100px); box-sizing: border-box; padding-top: 30px;}
#mobile-menu nav a{color: #1E71EF; text-decoration: none}
#mobile-menu nav a:last-of-type{font-size: 32px; font-weight: normal; text-transform: none; background: #E9F0F4; padding: 60px 0;}
#mobile-menu nav a img{margin-right: 25px}
#search-form-title{width: 496px; font-size: 18px; line-height: 24px;}
#search-form-title:after{left: 104px; bottom: -35px; }
.regresult{height: 524px; padding: 220px 0 0 240px; box-sizing: border-box; background: url(/images/Shape.png) 43px no-repeat;}
	/* #row-3-scheme{height: 575px} */
}

@media (min-width: 760px) and (max-width: 1020px) {  
 
#teaser-text-first{font-size: 16px; line-height: 21px; margin-bottom: 17px}
#teaser-text-second-1024{font-size: 35px; line-height: 43px;}
#banner-cont{ height: 228px}
#row-5 #form-checkbox{margin-top: 30px}
h2{margin-left: 5.2%}
#teaser{height: 228px}
#teaser-text{top:70px; left: 10.5%}
#teaser-button{top:305px}
#row-1{height: 500px}
#banner-quotes{width: 200px; height: 125px}
#banner-quotes .title{font-size: 12.7px; margin-top: 12.7px; margin-left: 13.6px;}
#banner-quotes .autor-name{font-size: 9px; margin-left: 13.6px; margin-top: 9px;}
#row-2-text{font-size: 21.5px; line-height: 32px; padding: 92px 6% 130px 10.5%;}
#row-2 {height: 420px;}
#row-3{padding-top: 140px}
h2{font-size: 16px; line-height: 18px}
#row-3-scheme{font-size: 12px; line-height: 18px; padding: 18px 30px;}
#row-3 a{font-size: 14px; line-height: 17px;}
#row-4-text{font-size: 14px; line-height: 20px; margin-left: 5.2%}
#form{width: 89.5%; justify-content: center; }
#row-4-text-2{ width: 150px; padding-left: 20px; margin-left: 40px}
#row-4-text-1{width: 175px;}
#row-4{padding-top: 130px}
	
#row-4 img{width: 238px; height: 300px; top:210px; /*right: 5.2%; left:auto */}
#form-button span{display: none}
#row-5 {padding-top: 60px; height: 168px;}
#row-5 #form-button{width: 48px; height: 48px; margin-left: 5px; background: #fff url('/images/vector-email-mobile-1.png') center no-repeat; background-size: contain; font-size:0}
#row-5 #form-input input{width: 440px; font-size: 14px; line-height: 18px}
#row-5 #form-title{font-size: 14px; line-height: 20px; width: 170px;}
#form-checkbox{font-size: 12px; line-height: 16px;}
#row-6-text{font-size: 14px; line-height: 20px;}
#row-6 img.arrow{width: 200px; top:40px}
#row-6 #center-square{width: 356px; height: 325px; top:440px}
#row-6-text-2{font-size: 26px; line-height: 35px; margin-top:200px; left: 5.2%; width: 42%}
#row-6 #goals{top:403px; height: 294px; padding-left: 95px;}
#row-6 img.pic{top:-42px; left: 5.2%}
	#form-checkbox {margin-right: 5.2%}
#row-6 img.arrow {top:200px}
.aside{font-size: 12px; line-height: 16px; }
#row-6 #goals ul li{margin-bottom: 77px; margin-top: 20px;}
#row-6{height: 700px}
#row-7{margin-top: 120px; height: 270px}
#row-7-text{font-size: 14px; line-height: 20px; padding: 72px 8% 52px 5.2%;}
#row-7-text h2{margin-bottom: 48px;}
#row-7 img{top: -60px;}
#row-8-text{margin: 120px 0 72px 10.5%; width: 80%; font-size: 21.5px; line-height: 32px;}
#search-form-title{width: 380px; height: 92px; font-size: 14px; line-height: 18px; left: 200px; top: 68px; padding:30px}
#search-form-title:after{left: 78px; bottom: -25px; content: url('/images/searchtitle-2.svg')}
#search-form{width: 617px; height: 387px}
#search-form-cont{padding: 90px 124px}
#search-form-input{margin-bottom: 14px;}
#search-form-input input[type="text"] {height: 32px; padding-left: 12px;}
#search-form-button{height: 32px; font-size: 14px; font-size: 10px}
#search-form .title, #search-form .title-1{font-size: 12px; line-height: 21px; margin-left: 12px; margin-bottom: 6px; font-size: 10px}
#search-form-result > div { width: 111px; height: 101px}
#search-form-result .search-result-title{margin-top: 10px; font-size: 12px; padding-bottom: 4px}
#search-form-result .search-result{font-size: 30px}
#search-form-result .search-result-units{font-size: 18px}
#row-9-text-2{height: 168px; top: 206px; width: calc(96% - 487px); padding: 57px 25px 28px 25px; font-size: 14px; line-height: 20px; }
#row-9{height: 560px}
#row-10{padding-top: 0; padding-bottom: 100px}
#row-10-text-1{margin-top: 48px; font-size: 14px; line-height: 20px; margin-left: 5.2%;}
#row-10 h2{margin-top: 90px; margin-left: 5.2%; }
#row-10-aside{top:45px}
#plus{width: 172px; height: 172px; top:-120px} 
#reg{font-size: 14px; line-height: 20px; padding-top: 37px; padding-left: 5.2%}
#reg-button{width: 178px; height: 48px; font-size: 10px; line-height: 15px;}
#popup-form .form-cont{display: block; padding-bottom: 380px}
#popup-form .form-cont .left-col, #popup-form .form-cont .right-col{width: 80%; margin: 0 auto; }
#popup-form .left-col input, #popup-form .left-col textarea{width: 100%}
#popup-form .right-col div{margin-left: 0}
#popup-form .right-col{ padding-top: 73px}
#popup-form .right-col #form-checkbox label div{padding-left: 40px}
#popup-form .right-col #bottom-cont{position: absolute; bottom: 70px}
.close{margin: 32px 48px 0 0;} 
#senderresult {margin-top: 0}
	

}
@media (min-width: 760px) and (max-width: 860px) {
	
#row-5 form-title{width:140px;}

	
}
@media screen and (max-width: 760px) {
	 
#form-button span{display: none}
.logo{margin: 45px 25px; height: 45px}
#row-1{height: auto; padding-bottom: 105px}
#teaser{width: 90%}
#banner-cont{background-position: top left}
#banner-quotes{background: url('/images/mobile-quotes.png') no-repeat; width: 225px; height: 140px; bottom: -60px;color: #fff}
#banner-quotes .title{font-size: 14px; margin-top: 14px; margin-left: 15px;}
#banner-quotes .autor-name{font-size: 10px; margin-top: 10px; margin-left: 15px;}
#teaser-button{width: calc(100% - 100px); height: 75px; margin-left:50px; margin-top: 60px; position: static}
#teaser-text-second-mobile{display: block; padding-top: 360px; font-size: 32px; line-height: 38px; letter-spacing: -0.01em; font-weight: bold; color: #00324B; margin: 0 25px 0 10%}
#row-2{height: auto}
#row-2-text{position: static; padding: 90px 25px; font-size: 23px; line-height: 35px; width: 100%}
h2{margin-left: 25px;}
#row-3{padding-bottom: 56px}  
#row-3 .container{overflow-x: hidden; width: 100%;}
#scheme-cont{overflow: auto;}
#row-3-scheme{width: 766px; height: 420px; box-sizing: border-box; padding: 15px 80px;font-size: 10px; line-height: 14px;}
#row-4{background: url(/images/value-mobile.png) no-repeat; background-position: top right; padding-top: 90px; padding-bottom: 0}
#row-4-text{ padding:50px 50px 70px 50px; margin: 0}
#row-4-text div{display: block; width: 100%;}
#row-4-text-1{padding: 0 0 50px 0; background: url('/images/vector-1-mobile.png') left bottom no-repeat;}
#row-4-text-2{padding: 50px 0 0 0; background: url('/images/vector-2-mobile.png') left top no-repeat; margin-top: 10px; margin-left: 0;}
#row-4 img{position: static; margin-bottom: -120px}
#form{display: block; width: calc(100% - 50px); margin: 0 25px; vertical-align: bottom}
#row-5{position: static; padding-top: 165px; height: auto}
#search-form-title{width: 325px; height: 160px; font-size: 20px; line-height: 27px; padding:30px 40px; position: relative; margin: 0px auto 17px; left: 0px}
#search-form-title:after{left: 55px; bottom: -35px; content: url('/images/searchtitle-1.svg')}
#row-5 #form-button{font-size: 0}
#row-5 #form-title{margin: 0 0 36px 25px; width: 250px}
#row-5 #form-input,#row-5 #form-button{display: inline-block; float: left}
#row-5 #form-input{width: calc(100% - 65px); box-sizing: border-box}
#row-5 #form-input input{width:100%; height: 60px; box-sizing: border-box; padding: 0 25px}
#row-5 #form-button{width: 60px; height: 60px; background: #fff url('/images/vector-email-mobile.png') center no-repeat}
#row-5 #form-checkbox{clear: both; margin-left: 50px; }
#row-5 #form-checkbox label{ padding-top:30px; padding-bottom: 45px;}
#row-5 #form-checkbox label:before{width: 20px; height: 20px}
#row-5 #form-checkbox input:checked + label:before {content: url("/images/checkbox.svg");}
#row-5 #form-checkbox label div{box-sizing: border-box}
#row-6 h2{margin-left: 25px}
#row-6{padding: 90px 0; height: auto}
#row-6-text{margin-left: 50px; padding-right: 25px}
#row-6 img.pic{position: static; margin-left: 50px; margin-top: 45px; width: calc(100% - 50px);}
#row-6 img.arrow{position: static; margin-left: 30px; width: 175px; margin-top: -55px}
#row-6-text-2{font-size: 27px; line-height: 35px; position: static; margin: 10px 25px; width: calc(100% - 50px)}
#row-6 #center-square{position: static; width: 75%; height: 475px; margin-top: 55px}
#row-6 #goals{left: 50px; bottom: 136px; top: auto}
#row-7{margin-top: 0; width:100%; height: auto; background: #E9F0F4}
#row-7-text{width: 100%; padding: 90px 25px 137px 50px; box-sizing: border-box; position: static}
#row-7-text h2{margin-left: -25px;}
#row-7 img{position: static; margin-left: 25px; margin-top: -90px; width: calc(100% - 75px)}
#row-8{ background: #E9F0F4}
#row-8-text{font-size: 27px; line-height: 35px; width: 100%; margin: 0; padding: 60px 25px 30px; box-sizing: border-box}
#plus{width: 150px; height: 150px; right: 25px; left: auto; top: -30px}
#row-9{ height: 836px;}
#row-10 h2{margin-top: 24px; margin-left: 25px}
#row-10{padding-bottom: 100px}
#row-10-text-1{margin: 0; width:100%; padding: 72px 25px 45px 50px; box-sizing: border-box}
#row-10-aside{position: static; background:#E9F0F4; margin-left: 50px; padding: 42px 50px}
#reg{background: none; padding: 0 50px; width: auto; margin-top: 60px}
#reg-button{width: 100%; height: 75px}
#social{padding-left: 25px; width:100%; display: block; box-sizing: border-box; margin-left: 0; vertical-align: bottom}
#fb img, #vk img{width: 30px}
#fb{margin-right: 15px}
#vk{margin-right: 0}
#email{float: right; margin-right: 15px;line-height:300%}
#copyright{clear: both; display: block; width: 100%; padding: 10px 25px; box-sizing: border-box; float: none}
#search-form{background: url('/images/MobForm.svg') center no-repeat; background-size: contain; width: 369px; height: 670px; position: static; margin: 0 auto}
#search-form-cont{padding: 155px 68px;}
#search-form-input input[type="text"]{width: 215px; height: 60px; padding-left: 11px}
#search-form-input{display: block;text-align: center;}
#search-form-button{width: 215px; height: 60px; margin: 15px auto}
#search-form .title,{margin-left: 20px; margin-bottom: 8px}
#row-9-text-2{display: none}
#search-form .title-1{margin-left: 20px; margin-bottom: 0px}
#burger{margin-top: 50px; margin-right:25px;}
#search-form-result{display: block}
#search-form-result > div{display: flex; width: 100%; padding-left: 20px; height: 60px; align-items: flex-end; margin-bottom: 3px}
#search-form-result .search-result-title{width: 73px; text-align: left; margin-top: 0px;line-height: 13px;}
#search-form-result .search-result-units{margin-left: 4px}
#teaser-text{display: none}
#banner-cont{background-position: top center}
.button{max-width: 275px}  
.close{margin: 45px 32.5px 0 0;}
#mobile-menu nav{margin-top: 140px; font-size: 18px; line-height: 20px; text-align: left;  font-weight: bold; text-transform: uppercase; clear: both; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 140px); box-sizing: border-box }
#mobile-menu nav a, #mobile-menu nav a:last-of-type{padding-left: 17%;}
#mobile-menu nav a:last-of-type{padding: 50px 0 70px 17%; font-size: 24px; height: 80px }
#popup-form .form-cont{display: block; padding: 0 0 70px 0}
#popup-form .form-cont .left-col, #popup-form .form-cont .right-col{width: calc(100% - 50px); margin: 0 auto;}
#popup-form .left-col input, #popup-form .left-col textarea{width: 100%}
#popup-form .right-col{ padding-top: 45px}
#popup-form .right-col #form-checkbox label div{padding-left: 40px}
#popup-form .right-col #form-checkbox label{margin-top: 30px}
#popup-form .right-col #bottom-cont{position: static; margin-top: 300px;}
#popup-form .left-col input{margin-bottom: 30px; padding: 25px}
#popup-form .left-col textarea{width: calc(100% - 50px); position: absolute; top:640px; padding: 25px; box-sizing: border-box}
#senderresult{margin:0; padding: 50px 0}
.close{margin: 49px 25px 0 0;}
.regresult{height: 624px; padding: 200px 50px 0 50px; box-sizing: border-box; background: url(/images/Shape-mobile.png) 43px no-repeat;}
#finish-close{ margin-top: 32px;  font-size: 27px; line-height: 37px;}	
}