@charset "utf-8";
*{ font-family: "Ubuntu", sans-serif; margin: 0; padding: 0; outline: none; text-decoration: none; list-style: none; box-sizing: border-box }
a, a:visited, a:link, a:hover{ color: #305076 }
a.button{  width: 290px;display: block; text-align: center;border: 1px solid  #f2f8ff; font-weight: 700; padding: 16px 22px; font-size: 20px; border-radius: 2px; background: none; color: #f2f8ff; transition: all.3s ease }
a.button:hover{ color: #305076; background: #f2f8ff }
.container{ width: 300px; margin: 0 auto }
section span{color: #336699;font-size: 15px;line-height: 23px}
section h2{color: #305076;text-align: center;font-size: 24px}
section h3{color: #305076;text-align: center;font-size: 20px;font-weight: 400}
section p{margin-top: 15px;color: #336699;text-align: center;font-size: 18px}
body{ font-size: 14px; font-weight: 300; background: #f2f8ff; width: 100%}
/* Конец дефолтам */
header{ height: 100%; height: 100vh; background-color: #5a6577; background: url(/im/header-bg-mobile.jpg) no-repeat center bottom/cover }
.menu{display: none}
.top{border-bottom: 1px solid;z-index: 1; text-align: left; background: #f2f8ff; color: #305076; position: fixed; left: 0; top: 0; width: 100%; height: 65px }
.top a.logo{position: relative;margin: 15px 0 0 15px;display: inline-block;padding-left: 45px;font-weight: 400;font-size: 30px;background: url(/im/logo.svg) no-repeat left center/32px;text-transform: uppercase}

.top a.hamb{float: right;margin-right: 0px;margin-top: 14px;width: 50px;height: 40px}
.top a.hamb span{display: block;height: 2px;width: 30px;margin: 8px 9px 0 9px;background: #305076}
.top nav{padding: 15px 15px 0 15px; background: #f2f8ff; width: 320px}
.top nav ul li a{height: 20px;font-size: 16px;font-weight: 400;display: block;padding-left: 32px;margin-bottom: 15px}
.top nav ul li:first-child{background: url(/im/menu_user.svg) no-repeat left center/20px}
.top nav ul li:nth-child(2){background: url(/im/menu_price.svg) no-repeat left center/20px}
.top nav ul li:nth-child(3){background: url(/im/menu_cnt.svg) no-repeat left center/20px}
.top nav ul li:nth-child(4){background: url(/im/menu_start.svg) no-repeat left center/20px}
.top nav ul li:nth-child(5){background: url(/im/menu_exit.svg) no-repeat left center/20px}
.close{float: right;width: 20px;height: 20px;background: url(/im/close.svg) no-repeat left center/20px}
.onc{ position: relative;padding: 25px 15px }
.onc h1{ text-align: center; color: #f2f8ff; font-size: 32px; font-weight: 700; margin-top: 65px}
.onc h1 span{ margin-top: 15px; line-height: 36px; display: block; font-size: 20px; letter-spacing: 0.09em; font-weight: 300 }
.onc .servicehelp{width: 100%;display: none; color: #f2f8ff}
.onc .button{ margin: 120px auto; border-color: #a5eb78;color:#a5eb78 }
.onc .button:hover{ background:#a5eb78; color: #336699 }

#next{margin-left: -16px;position: absolute;left: 50%;bottom: 25px;width: 32px;height: 32px;background: url(/im/arrow_b.png) no-repeat center}
section#working{ padding-top: 80px; text-align: center}
#working .comment{background: url(/im/screen_320.png) no-repeat;width: 320px;height: 92px;display: block;margin: 10px 0 10px -26px}
#working .num2{background: url(/im/screen_320_2.png) no-repeat;height: 180px}
#working p{text-align: justify;padding: 15px}
div.types{background: white;padding: 10px 0}
div.types div{margin: 20px 5px}
div.types div h3{ margin: 11px }
#working a.button{ border: 1px solid #305076;color: #305076; margin: 25px auto}
#working a.button:hover{border-color: transparent;background: #cee1f5}

#advantage{ padding: 33px 0}
#advantage p{ margin-bottom: 15px }
#advantage div.line div{border-radius: 2px;margin: 15px auto;border: 1px solid transparent;width: 300px;display: inline-block;height: 200px;padding: 5px;text-align: center}
#advantage div.line_el1{background: url(/im/1-min.jpg)}
#advantage div.line_el2{background: url(/im/2-min.jpg)}
#advantage div.line_el3{background: url(/im/3-min.jpg)}
#advantage div.line_el4{background: url(/im/4-min.jpg)}
#advantage div.line_el5{background: url(/im/5-min.jpg)}
#advantage div.line_el6{background: url(/im/6-min.jpg)}
#advantage h3{margin: 10px;color: #f2f8ff}
#advantage div.line div:nth-child(2) h3{margin-bottom: 5px}
#advantage span{color: #f2f8ff;line-height: 1.32em}

#questions{padding: 25px 10px; background-color: #3d485a; background: url('/im/questions-mobile.jpg') no-repeat center bottom/cover}
#questions h2{color: #f2f8ff}
#questions p{margin-top: 25px;color: #cee1f5}
#contactform{margin: 25px auto;width: 300px}
#contactform input::placeholder, #contactform textarea::placeholder{color: #7e8b9e}
#contactform input, #contactform textarea{ padding: 15px;background: none;width: 100%;border-radius: 2px;border: 1px solid #7e8b9e;color:  #f2f8ff;margin-bottom: 11px;font-size: 14px}
#contactform textarea{min-height: 100px}
#contactform input:focus, #contactform textarea:focus{border-color:#f2f8ff;color: #f2f8ff}
#contactform input:focus::placeholder, #contactform textarea:focus::placeholder{color: #f2f8ff}
#contactform input[type=submit]{width: auto;border: 1px solid #cee1f5;background: none;color: #cee1f5;padding: 8px 11px; font-size: 18px;font-weight: 400;cursor: pointer;float: right}
#contactform input[type=submit]:hover{background: #cee1f5;color: #305076}
footer{ padding: 15px 0 0 0 }
footer div{color: #305076;text-align: center; margin-bottom: 15px}
footer div.vk a{background: url(/im/vk.png) no-repeat left center;font-size: 15px;font-weight: 700;padding-left: 40px}

#error{display: none;width:90%;font-size: 15px;border-radius:2px;background: #ff8787;position:absolute;left:5%;top:85px;z-index:11}
#error h4{font-size: 15px;border-radius:2px;text-align: center;color: #710000;padding: 15px}
#errcont{padding:15px;background:#f2f8ff;color: #900031;margin: 0 2px 2px}
#errclose{background:#ff8787; cursor: pointer; padding: 5px; border: 2px solid #710000; border-radius: 50%;width:32px;position: absolute;top: -10px;right: -10px}
#errback{position:fixed; width:100%;height:100%;height:100vh;background: rgba(0,0,0, 0.8);display:none;z-index: 10;left: 0; top: 0}
/*.snow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/im/snow2.gif);
}*/