#header{position:fixed;left:0;top:0;width:100%;z-index:3;height:80px;transition:.2s;}
#header.fixed{background:#004D8D;box-shadow:0 0 5px rgba(0,0,0,.2);}
.header{display:flex;height:80px;align-items:center;justify-content:space-between;}
.logo_wrap{display:flex;align-items:center;}
.logo{height:60px;display:flex;align-items:center;color:#eee;text-decoration:none;}
.logo img{display:block;max-height:100%;}
.heading_logo{padding:0 15px;font-size:22px;line-height:1.1;background:url(sbis.png)no-repeat;background-position:15px 0;}
.slogan{border-left:1px solid rgba(255,255,255,.25);padding:0 15px;line-height:1.2;color:#eee;}
.topmenu{display:flex;width:565px;height:50px;line-height:50px;padding:0 0 0 20px;background:rgba(255,255,255,.25);position:relative;box-shadow:500px 0 0 rgba(255,255,255,.25);text-align:center;justify-content:space-between;}
.topmenu:before{content:"";display:block;position:absolute;top:50%;left:-25px;width:50px;height:6px;margin:-3px 0 0;background:#FDD900;}
.topmenu li{display:block;position:relative;list-style:none;}
.topmenu a{display:block;padding:0 15px;color:#fff;text-decoration:none;white-space:nowrap;}
.parent>a{padding:0 47px 0 15px;}
.showlevel{position:absolute;top:0;right:0;bottom:0;width:40px;background:rgba(255,255,255,.0) url(arrow_down.png)no-repeat 50% 50%;transition:background .3s;cursor:pointer;}
.showlevel:hover,.showlevel.active{background-color:rgba(255,255,255,.3);}
.showlevel.active{transform:rotate(180deg);}
.topmenu ul{display:block;position:absolute;top:100%;left:0;width:320px;visibility:hidden;opacity:0;transform:translateY(20px);transition:.3s;background:#004D8D;box-shadow:0 10px 10px rgba(0,0,0,.3);}
.topmenu li:last-child ul{left:auto;right:0;}
.topmenu ul a{padding:12px 47px 12px 15px;height:auto;line-height:1.2;text-align:left;}
.parent:hover ul,.showlevel.active+ul{visibility:visible;opacity:1;transform:translateY(0);}
.menuopen{display:none;}

.import{padding:5px 0 15px;text-align:center;font-weight:bold;font-size:24px;line-height:1.5;}
.import a{color:#E4001D;}

#banner{background:#004D8D;background:radial-gradient(circle at 65% 50%,#127ED9,#004D8D 600px,#004D8D);overflow:hidden;padding:100px 0 0;color:#fff;}
.banner{display:flex;min-height:500px;align-items:center;}
.banner_form{flex:0 0 38%;max-width:400px;padding:0 0 15px;}
.banner_img{flex:0 0 62%;height:500px;background:url(man.png)no-repeat 100% 100%;background-size:contain;}
.banner_img2{flex:0 0 62%;height:500px;background:url(man2.png)no-repeat 100% 100%;background-size:contain;}

.promo{position:fixed;bottom:0;right:15px;background:#004D8D;color:#FDD900;text-decoration:none;padding:8px 10px;border-radius:4px 4px 0 0;z-index:2;box-shadow:0 0 4px rgba(255,255,255,.3);}

.heading{font-size:42px;line-height:1.1;padding:0 0 10px;}
.heading2{font-size:33px;line-height:1.1;padding:0 0 10px;}
.heading2 .mark{color:#FDD900;}
.heading2 span{padding:0 6px;background:#fff;}
.heading3{font-size:20px;line-height:1.1;padding:0 0 10px;text-align:center;letter-spacing:.4px;}
.heading4{font-size:42px;line-height:1.1;padding:0 0 10px;text-align:center;}
.heading4 .mark{color:#FDD900;text-shadow:0 0 1px rgba(0,0,0,.5);}
.heading .mark{color:#FDD900;}
.banner_text{padding:0 0 10px;}
.policy{font-size:12px;text-align:center;}
.policy a{color:#fff;}

label{display:block;padding:5px 0;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"]{display:block;width:100%;padding:6px 15px 6px 40px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:transparent;color:#fff;box-sizing:border-box;}
.button{display:block;width:100%;padding:0 15px;text-align:center;font-size:20px;font-family:Intro,Roboto,arial,sans-serif;font-weight:bold;height:50px;line-height:50px;background:#FDD900;color:#222;border:0;border-radius:4px;cursor:pointer;text-decoration:none;user-select:none;-webkit-user-select:none;margin:5px 0;box-sizing:border-box;}
input[name="name"]{background:transparent url(user.svg)no-repeat 11px 50%;background-size:19px auto;}
input[name="phone"]{background:transparent url(phone.svg)no-repeat 11px 50%;background-size:19px auto;}
input[name="email"]{background:transparent url(email.svg)no-repeat 11px 50%;background-size:19px auto;}
input[name="inn"]{background:transparent url(diploma.svg)no-repeat 11px 50%;background-size:19px auto;}
.toggleinput{font-size:11px;text-align:center;color:rgba(255,255,255,.7);}
.toggleinput:before{content:"указать email";display:inline-block;background:url(email.svg)no-repeat 0 50%;background-size:12px auto;padding:0 0 0 15px;cursor:pointer;user-select:none;-webkit-user-select:none;}
.email{display:none;}
button.button[disabled]{text-indent:-4000px;color:#fdd900;background-image:url(loading2.gif);background-position:50%;background-repeat:no-repeat;overflow:hidden;background-size:auto 40px;}

#pads{padding:30px 0;background:#F5F7F6;}
.pads{display:flex;justify-content:space-between;line-height:38px;flex-wrap:wrap;}
.pad{padding:0 10px;margin:0 2px 2px;background:rgba(0,0,0,.05);border-radius:4px;font-size:14px;white-space:nowrap;}
.pad_img{vertical-align:middle;margin:0 4px 0 0;}

#intro{padding:30px 0;background:#F5F7F6;}
#intro .text{width:970px;max-width:100%;margin:15px auto 30px;}
#intro ul{width:970px;max-width:100%;margin:15px auto 0;}
#intro li{list-style:none;padding:0 0 10px 30px;background:url(success2.svg)no-repeat 0 5px;background-size:20px auto;}

#pluses{padding:30px 0 50px;}
.pluses{display:flex;border:4px solid #DDDCDD;padding:50px 0 0;margin:-30px 0 0;flex-wrap:wrap;}
.plus{display:block;color:inherit;text-decoration:none;flex:0 0 25%;padding:0 15px 30px;font-size:18px;text-align:center;box-sizing:border-box;}
.plus img{display:block;width:110px;margin:0 auto 10px;}

#pluses2{padding:30px 0;background:#eee;background:linear-gradient(#eee,#f7f7f7,#eee);}
#pluses2:before{content:"";display:block;position:absolute;top:0;left:0;right:50%;bottom:0;background:url(bgg.jpg)no-repeat 50%;background-size:cover;}
.pluses2{float:right;width:50%;padding:0 0 0 30px;box-sizing:border-box;}
.plus2{padding:10px 0 10px 90px;position:relative;min-height:50px;}
.plus2 img{position:absolute;top:50%;margin:-30px 0 0;left:0;width:60px;}
.plus2title{font-size:18px;padding:0 0 5px;font-weight:bold;color:#112233;}

#pluses3{padding:30px 0;background:#004D8D;background:radial-gradient(circle at 65% 50%,#127ED9,#004D8D 600px,#004D8D);color:#fff;}
#pluses3:before{content:"";display:block;position:absolute;top:0;left:50%;right:0;bottom:0;background:rgba(0,0,0,.1) url(people.png)no-repeat 50%;background-size:contain;}
.pluses3{float:left;width:50%;padding:0 30px 0 0;box-sizing:border-box;}
.pluses3 li{list-style:none;padding:0 0 10px 30px;background:url(success.svg)no-repeat;background-size:20px auto;}

#woman{padding:50px 0;background:url(form.jpg)50%;background-size:cover;}
#woman2{padding:50px 0;}
.woman{min-height:300px;box-shadow:2px 6px 15px rgba(0,0,0,.4);background:#fff url(woman.jpg)no-repeat 100% 100%;background-size:contain;padding:30px 300px 30px 30px;}
.womanform{width:400px;}
.womanform input{border:1px solid #1462B1;color:#1462B1;}
.womanform .policy a{color:#1462B1;}

.double{display:flex;margin:0 -15px;}
.content{flex:0 0 75%;padding:0 15px 30px;}
.sidebar{flex:0 0 25%;padding:0 15px 30px;}

#headblock{background:url(banner.jpg)50%;background-size:cover;padding:20px 0;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.5);border-top:80px solid #004D8D;}
#headblock a{color:#fff;}
#headblock .heading{padding:0;}

#content{padding:30px 0;}
#content .text{width:970px;max-width:100%;margin:0 auto;}
.bread{padding:0 0 15px;font-size:12px;}
.breadcrumbs,.breadcrumbs ul,.breadcrumbs li{display:inline;}
.breadcrumbs li:after{content:" / ";}

#empty{height:160px;clear:both;}
#footer{min-height:160px;padding:40px 0 0;line-height:24px;overflow:hidden;margin-top:-160px;background:#004d8d;z-index:1;box-sizing:border-box;font-size:14px;color:#fff;}
#footer p{padding:0 0 10px;}
#footer a{color:#fff;}

#tarifs{overflow:hidden;padding:50px 0;background:#f2f2f2;}
.tarifs{display:flex;margin:0 -15px;flex-wrap:wrap;justify-content:center;}
.tarif{flex:0 0 33.333333%;margin:0 0 30px;padding:0 15px;box-sizing:border-box;}
.tariff{background:radial-gradient(circle at 50% 50%,#fff,#eee);padding:0 30px 30px;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;box-sizing:border-box;}
.tariftitle{font-size:20px;font-weight:bold;padding:15px 0;margin:0 -30px 30px;text-align:center;background:radial-gradient(circle at 65% 50%,#127ED9,#004D8D 600px,#004D8D);color:#fff;}
.tarif li{list-style:none;padding:0 0 10px 30px;background:url(success2.svg)no-repeat;background-size:20px auto;}


@media (max-width:1200px){
	#empty{height:0;}
	#footer{height:auto;margin:0;}
	#main{min-height:auto;}
	.menuopen{display:block;width:44px;height:50px;cursor:pointer;background:url(menu.png)no-repeat 0 50%;margin:0 0 0 30px;}
	.topmenu{display:none;position:absolute;top:100%;margin:0;width:480px;left:-15px;z-index:12;background:#004d8d;line-height:44px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,.1);padding:0;height:auto;}
	.topmenu:before{display:none;}
	.topmenu.show{display:block;}
	.topmenu.show li{display:block;float:none;border-top:1px solid #666;}
	.topmenu .showlevel{bottom:auto;width:56px;height:44px;background-color:rgba(255,255,255,.15);}
	.topmenu ul{display:none;position:relative;top:0;visibility:visible;opacity:0;transform:scaleY(0);transition:.2s;box-shadow:none;width:auto;}
	.topmenu .parent:hover ul{display:none;}
	.topmenu .showlevel.active+ul{display:block;opacity:1;transform:scaleY(1);}
	.topmenu a{padding:0 20px;height:44px;line-height:44px;}
	.topmenu>.current:before,.topmenu>.active:before{display:none;}
	.pads{justify-content:center;}
	.plus{flex:0 0 50%;}
	.banner{min-height:auto;}
	.banner_form{min-width:400px;}
	.banner_img{height:440px;margin:0 0 0 20px;}
	.tarif{flex:0 0 50%;}
	.tariff{height:100%;}
	
	
}

@media (max-width:820px){
	.slogan{display:none;}
	.banner{flex-wrap:wrap;justify-content:center;}
	.banner_img{height:320px;margin:0;background-position:50% 100%;flex:0 0 88%;}
	.banner_img2{height:320px;margin:0;background-position:50% 100%;flex:0 0 88%;}
	#pluses2{padding:0 0 300px;}
	#pluses2:before{content:"";display:block;position:absolute;top:auto;left:0;right:0;bottom:0;height:300px;z-index:1;}
	.pluses2{float:none;width:auto;padding:30px 0;}
	.heading2 span{padding:0;}
	.pluses{margin:-46px 0 0;padding:60px 0 0;}
	.woman{padding:30px 30px 250px;background-size:400px auto;background-position:100% 100%;}
	#pluses3{padding:0 0 300px;}
	#pluses3:before{content:"";display:block;position:absolute;top:auto;left:0;right:0;bottom:0;height:300px;z-index:1;}
	.pluses3{float:none;width:auto;padding:30px 0;}
	
	.tarif{flex:0 0 100%;}
}