html { height: 100%; min-width: 320px;}

 body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; height: 100%; min-height: 100%; background: #efefef; min-width: 320px; font-family: Tahoma, Arial, sans-serif;}
 html > body {padding: 0 0 144px;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
a, button {transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}

.all {position: relative; width: 1600px; margin: 0 auto;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}


.container {width: 1380px; margin: 0 auto;}

.header {position: relative; width: 100%; padding: 20px 0 25px;}
.header .left {width: 300px; display: inline-block; vertical-align: top;}
.header .left .logo {margin: 0 auto; display: table; padding-top: 30px;}
.header .right {display: inline-block; vertical-align: middle; width: calc(100% - 340px); color: #000; font-size: 24px; font-weight: 500; padding: 10px 0;}
.header .right span.big {display: block; font-size: 58px;}
.header .right span.right_text {text-align: right; display: block;}

.header .right .buttons {width: 207px; display: inline-block; vertical-align: middle;}
.header .right .buttons a {display: block; width: 100%; text-align: center; color: #fff; text-transform: uppercase; text-decoration: none; height: 40px; line-height: 40px; border-radius: 20px; background: #4498d8; font-size: 17px; margin: 9px 0;}
.header .right .buttons a:last-of-type {
	background: #ee0000;
}
.header .right .text {line-height: 115%; padding: 0 30px 0 0; box-sizing: border-box; display: inline-block; width: calc(100% - 207px); margin: 0 -8px 0 0; vertical-align: middle;}
.header .right .text p {padding: 0 0 0px; margin: 0;}


.middle {height: 575px; position: relative; width: 100%; background: url(img/middle_bg.jpg) top left no-repeat; background-position: 330px 0;}
.middle .text {width: 410px; box-sizing: border-box; padding: 0 30px 0 30px;}
.middle .text p {padding: 0; margin: 0; line-height: 140%;}
.middle .text p.blue {line-height: 120%;  letter-spacing: -1px; font-size: 34px; font-weight: bold; color: #333333; text-transform: uppercase; padding: 0 0 25px;}
.middle .text p.pink {line-height: 120%; font-size: 24px; color: #4498d8; text-transform: uppercase; padding-top: 9px; padding-bottom: 25px;}
.middle a.btn {display: table; margin: 20px 0 35px; width: 265px; height: 46px; line-height: 46px; text-align: center; background: #ee0000; border-radius: 23px; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 22px; font-weight: 500; }

.middle .text img {float: left; margin: -4px 20px 0 0;}
.middle .text small {max-width: 265px; text-align: justify; font-size: 16px; color: #000; display: block; line-height: 145%; text-align: justify;}
.middle .text small a {color: #6981d1;}
.middle .text small b {color: #ee0000;}


.middle .icons {position: absolute; right: 25px; bottom: 15px;}
.middle .icons img {margin-left: 20px;}

.middle a.btn.grey {
    position: absolute;
    margin: 0;
    right: 25px;
    bottom: 75px;
	height: 45px; line-height: 45px; padding: 0 20px; width: auto;
}


.middle .text .good {letter-spacing: -1px; text-transform: none; font-size: 34px; color: #333333; font-style: italic;  position: absolute; left: 360px; bottom:15px; font-family: Georgia, Arial, sans-serif;}




.footer {position: relative; width: 100%; padding: 10px 0; font-size: 8px; font-weight: 500; line-height: 160%; color: #000; box-sizing: border-box; height: 70px;}
.footer .soc_block {position: absolute; top: 13px; right: 25px; font-size: 14px; color: #a52c2f; font-weight: 300;}
.footer .soc_block span, .footer .soc_block img {display: inline-block; vertical-align: middle;}
.footer .soc_block img {margin-left: 3px;}
.footer .soc_block img.icon {margin-left: 10px;}




.popup {background: rgba(255,255,255,0.9); border: 2px solid #ea0000; padding: 30px; width: 300px; box-sizing: border-box; height: 360px;}
.popup .title {text-align: center; font-size: 19px; color: #ea0000; padding: 0 0 15px; margin: 0; text-align: center; }
.popup .exit {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.popup input.text {font-family: inherit; background: #fff; display: block; width: 100%; height: 42px; box-sizing: border-box; line-height: 40px; border: 2px solid #ea0000; border-radius: 4px; color: #999999; font-size: 18px; padding: 0 25px; margin: 0 0 20px;}
.popup input.text.error {border-color: red;}
.popup input.text:focus::-moz-placeholder {opacity: 0;}
.popup input.text:focus::-webkit-input-placeholder {opacity: 0;}
.popup button {line-height: 40px; font-size: 18px; border: 0; border-radius: 4px; display: block; width: 100%; text-align: center; cursor: pointer; font-family: inherit;  color: #fff; height: 44px; background: #ea0000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}

.popup a.lk {display: table; margin: 40px auto 0; font-size: 14px; color: #999999; text-decoration: underline;}
.popup a.lk:hover {text-decoration: none;}
.popup p {text-align: center; padding: 70px 0; margin: 0;}
.popup p.text {background: url(img/checked.png) top center no-repeat; height: 300px; padding-top: 10px; box-sizing: border-box; color: #666; text-align: center; font-size: 18px;}
.popup p.thanks {color: #666; text-align: center; font-size: 25px; padding: 0 0 15px; margin: 0;}




@media screen and (max-width: 1379px) {
* {max-height: 99999999px; -webkit-appearance: none!important;}
.container {width: 100%; overflow: hidden; position: relative;}

}


@media screen and (max-width: 1348px) {
.middle .icons {left: 370px;}
.middle .icons img {width: 80px; margin: 0;}

.middle a.btn.grey {right: 20px;}

}

@media screen and (max-width: 1140px) {
.middle .text .good {font-size: 28px;}
}


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

.middle {background-size: cover; background-position: top center; height: 640px;}
.middle .text {background: rgba(255,255,255,0.3); height: inherit; padding-top: 30px;}
.middle .text img {}

.middle .text small a {color: #b4dbfb;}


.middle a.btn.grey {left: 50%; margin-left: 50px; right: auto; bottom: 60px;}
.middle .icons {left: 50%; margin-left: -30px;}

.middle .text .good {position: relative; bottom: auto; left: auto; margin-bottom: 15px;}
}


@media screen and (max-width: 895px) {
html>body {padding: 0;}

.middle {height: 820px;}
.middle {background-image: url(img/middle_bg_l.jpg);}
.middle .text {width: 100%;text-align: center;}
.middle .text a.btn {margin: 30px auto;}
.middle .text img {float: none; display: table; margin: 10px auto;}
.middle .icons {left: 60px; text-align: center; bottom: 10px;}
.middle .icons img {margin: 0 5px 7px;}


.header .right {font-size: 17px;}
.header .right .text {width: auto; padding: 0;}
.header .right .buttons {display: block; text-align: center; width: auto;}
.header .right .buttons a {display: inline-block; vertical-align: middle; margin: 10px 7px 0px; max-width: 207px;}
.middle .text small {max-width: 100%;}

.middle a.btn.grey {position: relative; margin: 0 auto; top: auto; left: auto; bottom: 150px;}
}

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

.middle {height: 850px;}
.middle .text  {padding-left: 10px; padding-right: 10px;}
.middle .text p.blue {font-size: 25px;}
.middle .text p.pink {font-size: 21px;}
.middle .icons {width: 100%; left: 0; right: 0; margin-left: 0;}

.logo {height: 70px;}
.header  {padding-top: 10px;}
.header .left {width: 140px; display: table; margin: 0 auto;}
.header .left .logo {padding: 15px 0;}
.header .right {width: 100%; font-size: 15px; text-align: center; padding: 0 10px; box-sizing: border-box;}
.header .right .text {box-sizing: border-box;}
.header .right .buttons {width: 100%;}

.popup {top: 20px!important;}


.footer .soc_block {text-align: center; right: auto; width: 100%;}
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}