@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(../fonts/Montserrat-ExtraBold.woff) format("woff"),url(../fonts/Montserrat-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}
html *{max-height:1000000px;position:relative}
html{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;height: 100%;}
*{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body{font-family:'Montserrat',arial,sans-serif;margin:0;padding:0;color:#1b1b1f;font-weight:400;min-width:320px;background: #f2f2f2;font-size:18px;-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;position:relative;height: 100%;}
ul,li{list-style:none}
input[type="text"],textarea,select,button{position:relative;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;-moz-appearance:none;font-family:'Montserrat';font-weight:400;font-size:14px}
button{border:none;cursor:pointer}
html *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
table{border-collapse:collapse;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}
a{outline:none;text-decoration:none}
img{border:none}
b{font-weight:700}
::-webkit-input-placeholder{color:#1b1b1f}
::-moz-placeholder{color:#1b1b1f}
:-moz-placeholder{color:#1b1b1f}
:-ms-input-placeholder{color:#1b1b1f}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
input.error::-webkit-input-placeholder{color:#eb4a03}
input.error::-moz-placeholder{color:#eb4a03}
input.error:-moz-placeholder{color:#eb4a03}
input.error:-ms-input-placeholder{color:#eb4a03}
input.error,select.error,textarea.error{border:2px solid #eb4a03!important}
input:active,textarea:active{outline:none}
:focus{outline:none}
main{overflow:hidden;background: #f2f2f2;}
section{position:relative;z-index:2;overflow:hidden}
.wd12{max-width:1170px;padding:0 20px;margin:0 auto;position:relative;z-index:2}
header:after,footer:after{content:'';display:block;clear:both}
.clearboth:after{content:'';display:block;clear:both}
.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}
.row{font-size:0;display:table;width:100%;text-align:center;table-layout:fixed}
.col2{width:50%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
.col3{width:32%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
.col4{width:25%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
.col5{width:20%;display:inline-block;vertical-align:top;zoom:1;*display:inline;position:relative}
header{position:relative;z-index:3;font-size: 0;display: table;width: 100%;}
#block_main{background-size:cover;padding: 40px 0 0;z-index:2;background: #f2f2f2;height: 100%;}
#block_main:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../img/main_bg.jpg) no-repeat center top #f2f2f2;
	-webkit-animation: pulse 5s infinite;
	-moz-animation: pulse 5s infinite;
	animation: pulse 5s infinite;
}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

.logo_icon {
    height: 60px;
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/logo.svg) no-repeat left center;
    max-width: 60px;
}


.logo_name {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    text-align: left;
    margin: 0 0 0 5%;
}

.logo_name span {
    font-size: 20px;
    display: block;
    font-weight: 800;
    margin: 0 0 5px;
}

.logo_desc {
    display: inline-block;
    vertical-align: middle;
    color: white;
    opacity: 0.6;
    width: 42%;
    line-height: 1.4;
}

.logo {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 0;
    text-align: left;
}


h1 {
    text-align: left;
}

span.h12 {
    display: block;
    font-weight: 800;
    font-size: 36px;
    color: white;
    margin: 26px 0;
}

.mainblock {
    margin: 80px 0 0;
}

.ben {width: 50%;display: inline-block;vertical-align: top;margin: 30px 0 0;}

.main_bens {
    font-size: 0;
    display: table;
    max-width: 640px;
}

.ben_text {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px;
    width: 57%;
}

.icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
}

.icon:before {
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: #082a77;
    border-radius: 50%;
}

.icon:after {content: '';position: absolute;left: 25%;top: 25%;width: 50%;height: 50%;}

#ben1 .icon:after {
    background: url(../img/icon1.svg) no-repeat center;
}
#ben2 .icon:after {
    background: url(../img/icon2.svg) no-repeat center;
}
#ben3 .icon:after {
    background: url(../img/icon3.svg) no-repeat center;
}
#ben4 .icon:after {
    background: url(../img/icon4.svg) no-repeat center;
}

.main_left {
    display: inline-block;
    vertical-align: middle;
    width: 58%;
    text-align: left;
}

.main_right {
    width: 42%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.formblock {
    background: white;
    max-width: 360px;
    padding: 40px;
    box-shadow: 0px 12px 20px rgba(8, 42, 119, 0.34);
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
}

.formh1 {
    font-weight: 800;
    font-size: 20px;
}

.formh2 {
    font-size: 20px;
    margin: 10px 0;
    color: #082a77;
}


#block_main:after {position: absolute;left: 0;width: 50%;top: 0;content: '';height: 100%;background: url(../img/main_text.svg) repeat-y left center;}
.logo_name font {
    color: #082a77;
}

.head_right {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.head_contacts {
    max-width: 230px;
    text-align: left;
    display: inline-block;
}

.head_phone {
    font-size: 17px;
    font-weight: 800;
    color: #1b1b1f;
    display: inline-block;
    margin: 0 0px 3px 30px;
}

.head_phone:before {content: '';left: -30px;top: 50%;width: 14px;height: 14px;margin: -7px 0 0;background: url(../img/head_call.svg) no-repeat center;position: absolute;}

.head_mail {
    font-size: 16px;
    color: #082a77;
    display: inline-block;
    margin: 0 0 0 30px;
}

.head_mail:before {content: '';height: 14px;width: 14px;left: -30px;top: 50%;margin: -7px 0 0;background: url(../img/head_email.svg) no-repeat left center;position: absolute;}


h2 {
    background: #ffc037;
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 2px;
}
h3 {
    font-weight: bold;
    font-size: 20px;
    color: #07308b;
    margin: 30px 0 0;
}
h1 font {background: #ffc037;display: inline-block;padding: 5px 10px;border-radius: 5px;position: relative;left: -10px;margin-bottom: 10px;}
.logo_name div {
    font-size: 13px;
}

h1 {
    font-weight: 800;
    font-size: 35px;
    margin: 40px 0;
}
h1:before {
    background: url(../img/quote2.svg) no-repeat center;
    width: 30px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-size: contain;
    opacity: 0.1;
    left: -50px;
    top: 60px;
}
h1 span {
    font-size: 27px;
}
.icon span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 50%;
    box-shadow: 0px 5px 15px rgba(121, 121, 121, 0.1);
}

.formh3 {
    font-size: 20px;
    opacity: 0.7;
}

.btn_blue {
    background: rgb(8,42,120);
    background: -moz-linear-gradient(90deg, rgba(8,42,120,1) 0%, rgba(23,74,187,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(8,42,120,1) 0%, rgba(23,74,187,1) 100%);
    background: linear-gradient(90deg, rgba(8,42,120,1) 0%, rgba(23,74,187,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#082a78",endColorstr="#174abb",GradientType=1);
    font-size: 16px;
    font-weight: 800;
    color: white;
    padding: 26px 34px;
    border-radius: 18px;
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: 0px 7px 15px rgba(0, 42, 142, 0.16);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.btn_blue:hover {
	opacity:0.95;
	box-shadow:none;
	    -webkit-transform: translate(0,3px);
    -moz-transform: translate(0,3px);
    -o-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
}

	
.btn_blue {animation: saturanim 1s linear alternate-reverse infinite }
@-webkit-keyframes saturanim {
0%{ filter: saturate(2);}
100%{ filter: saturate(1);}
}




.fancyform{width:450px;min-height:450px;padding:0;margin:0}
.fancybox-slide>*{padding:0!important;width:450px;}
.footerform .btn_block{width:40%;display:inline-block;vertical-align:middle;text-align:right}
.foot_left{display:inline-block;vertical-align:middle;width:30%;text-align:left}
.foot_right{display:inline-block;vertical-align:middle;width:30%;text-align:right}
.logo2{background:url(../img/logo_foot.svg) no-repeat center;width:9%;height:60px;display:inline-block;text-indent:-9999px;vertical-align:middle;margin-right:18px}
.foot_desc{font-size:15px;display:inline-block;vertical-align:middle}
.foot_center{width:39%;display:inline-block;vertical-align:middle;font-size:14px}
.foot_desc span{display:block}
.link_yellow{color: #30a824;border-bottom:1px dashed;padding-bottom:1px;}
.soc{width:50px;height:50px;border-radius:2px;display:inline-block;margin:7px;background:#ffc627;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;box-shadow:0 10px 30px rgba(59,59,59,0.19)}
.soc:before{content:'';width:46%;height:46%;left:27%;top:27%;position:absolute}
#vk:before{background:url(../img/vk.svg) no-repeat center}
#fb:before{background:url(../img/fb.svg) no-repeat center}
#inst:before{background:url(../img/inst.svg) no-repeat center}
#ytube:before{background:url(../img/youtube.svg) no-repeat center}
.soc:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:none}
form input[type="text"]{display:inline-block;vertical-align:middle;font-size:13px;width:100%;background:transparent;border-bottom: 1px solid #dedede;padding: 18px 18px 18px 0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;}
.checkbox2 + label{background:transparent;font-size:12px;font-weight:400;text-align:left;display:inline-block;vertical-align:middle;width:100%}
.checkbox2 ~ label div{display:inline-block;width:24px;height:24px;background:transparent;content:'';vertical-align:middle;cursor:pointer;border:2px solid #fff;position:relative}
.popup .checkbox2 ~label div{border:1px solid #9d9aab}
.checkbox2:checked ~ label div:before{content:'';position:absolute;left:50%;top:50%;margin:-7px 0 0 -7px;width:14px;height:14px;background:#ff3d22!important}
.checkbox2{position:absolute;left:-9999px}
.btn_info{position:relative;margin:20px 0}
label span{display:inline-block;vertical-align:middle;opacity:.8;margin:0 0 0 10px;width:80%;font-size:12px}
.hiddeni{display:none!important}
textarea#comment{display:inline-block;vertical-align:middle;font-size:14px;width:100%;height:100px;margin:0 0 10px;background:transparent;border:1px solid #303030;padding:16px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;resize:none}
.popup{width:320px;background:#fff;left:50%;top:50%;margin-left:-160px;padding:30px 25px;border:0;display:inline-block;opacity:0;position:fixed;display:none;z-index:450;box-shadow:0 10px 55px rgba(0,0,0,.2);-moz-box-shadow:0 10px 55px rgba(0,0,0,.2);-ms-box-shadow:0 10px 55px rgba(0,0,0,.2);-o-box-shadow:0 10px 55px rgba(0,0,0,.2);-webkit-transition:opacity .6s ease-out;-moz-transition:opacity .6s ease-out;-o-transition:opacity .6s ease-out;-ms-transition:opacity .6s ease-out}
.popup_effect1{background:#11455A;opacity:.2}
.overlay{background-color:rgba(48,32,23,0.44);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:420;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.overlay:target{visibility:visible;opacity:1}
.overlay:target+.popup{top:50%;opacity:1;display:block}
.close{width:15px;height:15px;opacity:.7;position:absolute;right:15px;top:15px;background:url(../img/close.svg) no-repeat center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.ph1{font-size:22px;font-weight:900;color:#1b1c1e;text-align:center;margin:0 0 20px}
.ph2{font-size:15px;text-align:center;margin:-10px auto 20px;color:#ff3d22}
.popup .btn_info{color:#535b68;text-align:center;margin:20px 0 0}
input[type="text"]:focus,textarea:focus{border-color: #32b02a!important;opacity:1;background:#f2f4f7;}
input[type="submit"]{width:100%;cursor:pointer;border: none;font-family:'Montserrat';-webkit-appearance: none;padding: 0!important;z-index: 2;top: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}
.thanksp .popupform{text-align:left}
.thanksp .ph1{text-align:left;font-size:33px}
.thanksp .ph2{text-align:left;color:#222;margin:-10px 0 0}
.fancyform{padding:40px!important;width:340px}
.form_h1{text-transform:uppercase;text-align:center;font-family:'PFDin';font-size:24px;margin:0 0 10px}
@media (max-width:699px) {
	h1 font {
    font-size: 18px;
    width: 60%;
}

h1 span {
    font-size: 25px;
}
.logo {
    width: 100%;
    text-align: center;
}

.logo_name {
    width: 67%;
}

.logo_icon {
    height: 50px;
}

.head_right {
    text-align: center;
    width: 100%;
    display: none;
}

.head_contacts {
    max-width: 200px;
    text-align: center;
    margin: 20px 0 0;
}

.mainblock {
    margin: 20px 0;
}

.main_left {width: 100%;}

h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
}

h1 {
    font-size: 25px!important;
    margin: 20px 0;
}

.ben {
    width: 100%;
    margin: 10px 0;
}

#block_main:before {
    background-size: 220%;
    top: 5%;
    left: 17%;
}

.icon {
    height: 50px;
    width: 50px;
}

.ben_text {
    width: 73%;
    margin: 0 0 0 25px;
}

.main_right {width: 100%;margin: 30px 0;text-align: center;}

.formblock {
    padding: 30px;
}

.btn_blue {
    padding: 30px 0;
}

.fancybox-slide>*{padding:0!important;width:300px;}
}
@media (min-width:700px) and (max-width:1023px) {
.ben_text {
    width: 85%;
    margin: 20px 0 0;
}

h1 {
    margin: 20px 0;
    font-size: 29px;
}

.mainblock {
    margin: 50px 0;
}
}
@media (min-width:1024px) and (max-width:1400px) {
.mainblock {
    margin: 0 0 30px;
}
#mainblock {
    height: 100%;
}
h1 {
    margin: 20px 0;
    font-size: 30px;
}

#block_main:before {
    left: 2%;
}
#block_main {
    padding: 20px 0 60px;
}
}

@media (min-width:1401px) and (max-width:1600px) {
.mainblock {
    margin: 50px 0 30px;
}
#mainblock {
    height: 100%;
}
h1 {
    margin: 20px 0;
    font-size: 30px;
}

#block_main {
    padding: 20px 0 60px;
}
#block_main:before {
    left: 2%;
}
}