@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i&subset=cyrillic');
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-height: 9999999px; }
html,body { width:100%; min-height:100%; }
html { background:#192335; min-width:980px; }
body {-webkit-font-smoothing: antialiased;font:18px/1.2 'Open Sans',Arial,sans-serif;background: #000 url(../img/bg.jpg) center 0 no-repeat;color:#000;max-width:1920px;margin:0 auto;box-shadow:0 0 20px #000;position: relative;}
li { list-style:none; }
input,select,textarea,button { text-align:center; margin:0; padding:0; border:0; background:0; float:left; font-weight:400; font-family:'Exo 2',Arial,sans-serif; }
input:focus,select:focus,textarea:focus,button:focus { outline:none; }
a { color:#383838; text-decoration:none; }
a:hover { color:#4c4c4c; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

.wrap {background: url(../img/bg.png) center top no-repeat;position: relative;z-index: 3;}
#player {width: 100%;position: absolute;height: 1080px;z-index: 0;top: -130px;}

.block { width:100%; float:left; position:relative; }
.width { width:960px; margin:0 auto; position:relative; }
.width:after,
body:after,
.wrap:after { content:""; clear:both; display:block; }

.title {font-size: 50px;font-weight: 800;color:#fff;text-align: center;text-transform: uppercase;margin-bottom: 30px;}

form {width: 320px;display: inline-block;vertical-align: middle;}
form input, select {width: 100%;height: 50px;margin-bottom: 15px;background: #fff;border-radius: 3px;font-size: 21px;text-align: left;padding: 0 20px;font-family: 'Open Sans',Arial,sans-serif;font-weight: 300;}
form button, .header .button {width: 100%;height: 50px;color: #FFF;font-size: 21px;text-shadow: 0 1px 1px #003e83;border-radius: 4px;font-weight: 700;text-transform: uppercase;background: #008ffe;background: -moz-linear-gradient(top,  #008ffe 0%, #005ec5 100%);background: -webkit-linear-gradient(top,  #008ffe 0%,#005ec5 100%);background: linear-gradient(to bottom,  #008ffe 0%,#005ec5 100%);box-shadow: inset 0 1px 1px #7dc5ff, 0 1px 1px #000;}


.pack { width: 225px; height: 365px; background:url(../img/pack.png)no-repeat; display: inline-block; }
.header .pack {position: absolute;top: 240px;left: 385px;}
.bottom .pack {position: absolute;top: 40px;left: 45px;}



.timecase {text-align: center;line-height: 1;display: inline-block;width: 100%;float: left;}
.timetitle {color: #FFF;text-align: center;font-size: 16px;margin-bottom: 10px;}
.timecase .timebox {display: inline-block;color: #fff;width: 80px;}
.timecase .timebox span {font-size: 60px;font-weight: 700;width: 100%;float: left;}
.timecase .timebox p { font-size: 14px; }
.timecase .dot {display: inline-block;vertical-align: top;color: #FFF;font-size: 44px;line-height: 60px;width: 15px;}

.price {display: inline-block;color: #fff;width: 290px;vertical-align: middle;font-size: 16px;text-align: left;margin-bottom: 20px;}
.price span {font-size: 24px;padding-left: 10px;}
.oldprice span {text-decoration: line-through;}
.newprice .price_new {padding-left: 10px;font-weight: 700;font-size: 38px;}


.white_box {position: relative;background: #fff;}
.white_box:before,
.white_box:after,
.info:after {width: 100%;height: 20px;background: url(../img/white_lines.png) repeat-x;content: "";position: absolute;left: 0;}

.white_box:before {top: -20px;}
.white_box:after {background-position: 0 -20px;bottom: -20px;}
.info:after{bottom:0;}


.header {height: 600px;color: #fff;}
.header .collum {text-align: center;float: right;width: 326px;padding: 0 10px;}
.header .logo {width: 100%;height: 100px;background: url(../img/logo.png) center no-repeat;display: inline-block;margin-bottom: 40px;}
.header .pre {font-style: italic;margin-bottom: 20px;}
.header .dots {height: 60px;width: 100%;line-height: 60px;}
.header .dots i {width: 5px;height: 5px;background: #636163;display: inline-block;vertical-align: middle;border-radius: 5px;}
.header .button {width: 100%;height: 43px;line-height: 43px;display: inline-block;margin-bottom: 20px;}
.header .button:hover { opacity: .9; }

.header .price .oldprice { width: 50%; float: left; display: inline-block; }
.header .price .newprice { width: 50%; float: left; display: inline-block; line-height: .85;}
.header .newprice .price_new,
.header .price span { padding: 0; }
.header .timer {background: rgba(0,0,0,.5);border-radius: 10px;display: inline-block;padding: 10px 5px 15px;}

.func {color:#fff;padding: 20px 0 30px;}
.func .title {font-size: 35px;margin-bottom: 20px;}
.func .ul_box {padding: 0 70px;}
.func .ul_box p { font-size: 18px; white-space: normal; }



.job {text-align: center;color: #000;padding: 10px 0;}
.job .title {color:#000;margin-bottom: 20px;}
.job .title span { font-size: 30px;  display: block; }
.job .box2 .item {width: 20%;display: inline-block;float: left;padding:0 5px;font-size: 16px;}
.job .box2 img { width: 100%; float: left; margin-bottom: 10px; }


.info {padding: 30px 0;text-align: center;}
.info #video { width: 560px; height: 315px; display: inline-block; }
.info .box1 {text-align: center;}
.info .timer {width: 290px;display: inline-block;vertical-align: middle;}
.info .price {display: inline-block;color: #fff;width: 290px;vertical-align: middle;font-size: 16px;text-align: left;}
.info form { margin: 0 20px; }


.complect {min-height: 540px;padding: 40px 0 0;background: #fff;/* margin-top: -50px; */}
.complect:before {height: 175px;content:"";width: 100%;position: absolute;background: #f8f8f8;bottom: 0;}
.complect .product {width: 100%;height: 499px;background: url(../img/product.png) center no-repeat;position: absolute;right: 0;top: 0px;z-index: 1;}
.complect .title {color:#000;text-align: left;}
.complect .collum {width: 530px;float: left;margin: 0;padding: 0;z-index: 2;position: relative;list-style-position: inside;}
.complect li {list-style: inherit;line-height: 30px;}
.complect ul.x50 { width: 50%; float: left; }


.expert {background: #000;padding: 20px 0 0;color:#fff;}
.expert .width {padding: 0 230px 20px 80px;}
.expert .expert_text {border:1px dashed #fff;border-radius: 10px;padding: 20px 50px 20px 30px;margin-bottom: 20px;font-size: 16px;}
.expert .expert_name {text-align: right;font-size: 14px;font-style: italic;padding-right: 80px;}
.expert .expert_name span {display: block;font-size: 16px;}
.expert .expert_face {width: 273px;height: 307px;position: absolute;bottom:0;right: 30px;background: url(../img/expert.png) no-repeat;}


.gallery {text-align: center;background: #fff;padding: 40px 0 0;}
.gallery img {margin: 0 3px 10px;display: inline-block;}
.gallery .title {color: #000;font-size: 40px;}


.reviews {padding: 60px 0;background: #fff;}
.reviews .title { color:#000; }
.reviews .item {width: 100%;float: left;min-height: 140px;margin-bottom: 20px;padding: 0 30px;position: relative;}
.reviews .item img { float: left; }
.reviews .item span {padding-left: 18px;font-style: italic;font-weight: 700;line-height: 41px;}
.reviews .item p {padding-left: 230px;}
.reviews .result {width: 150px;height: 100px;background: url(../img/result.png) 0 0;position: absolute;top: 40px;left: 90px;}
.reviews .result2 { background-position: 0 -100px; }
.reviews .result3 { background-position: 0 -200px; }


.conditions { background: #000; color:#fff; text-align: center; padding: 40px 0; }
.conditions .width { padding: 0 50px; }
.conditions .title {font-size: 40px;}
.conditions .item {width: 50%;float: left;padding-left: 90px; padding-right: 20px; text-align: left;}
.conditions .item1 { background: url(../img/conditions1.png) 0 0 no-repeat; }
.conditions .item2 { background: url(../img/conditions2.png) 0 0 no-repeat; }




.garant {background:#fff;padding-top: 20px;}
.garant .title { color:#000; }
.garant .width .col { width:50%; float:left; padding-left:20px; }
.garant .width .col1 { padding:0 20px 0 0; }
.garant .item { width:100%; vertical-align:top; margin-bottom:40px; min-height:210px; vertical-align:middle; float:left; }
.garant .item p { margin-bottom:20px; }
.garant .item2 { background:url(../img/garant.png)right center no-repeat; padding-right:150px; }
.garant .item3,.garant .item4 { line-height:150px; }
.garant .item3 span { width:340px; vertical-align:middle; line-height:1.2; display:inline-block; }
.garant .item4 span { width:230px; line-height:1.2; display:inline-block; }


.bottom {background: url(../img/bottom.jpg) center top no-repeat;padding: 60px 0 0;color: #fff;}
.bottom .coll1 {width: 590px;float: left;padding-left: 270px;}
.bottom .coll2 { width: 320px; float: right; }
.bottom .price {padding: 30px 0 0 20px;}
.bottom form p {text-align: center;margin-bottom: 20px;}
.bottom .price span {white-space: nowrap}

.errorMessage{
    box-sizing: border-box;
    position: absolute;
    z-index: 100000;
    font-size: 16px;
    background: #DC3434;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    line-height: 12px;
    padding: 12px 12px;
}
.copyright { font-size: 14px;text-align: center; padding:20px 0;color: #6C6E6F;margin-top: 74px;}
.copyright p { width: 100%; text-align: center; padding: 0; margin: 0; }
.copyright br { display: none; }
.copyright img { margin: 10px auto!important; }
.copyright img:first-child { display: block!important; }
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover { color:#FF0069; text-decoration: none; }
.errField {
    display: none;
    font-size: 14px;
    background: #DE2C3C;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin: 0 auto 15px;
    clear: both;
    width: 100%;
}