﻿* {margin:0;padding:0;border:0;outline:none;list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;cursor:pointer;}

@font-face {
    font-family: 'bebas';
    src: url('font/bebas.eot');
    src: url('font/bebas.eot') format('embedded-opentype'),
         url('font/bebas.woff') format('woff'),
         url('font/bebas.ttf') format('truetype'),
         url('font/bebas.svg#BebasNeueCyrillicRegular') format('svg');
}
input[type="submit"] {cursor:pointer;}
body {background:#0d1019;font-family:'Open Sans',arial,sans-serif;}

/* Шапка сайта */
#navigation {background:url(img/nav-top.png) repeat-x 0 0;height:72px;position:fixed;width:100%;z-index:15;}
#navigation .width {width:980px;margin:0 auto;}
#navigation .width ul li {display:inline-block;line-height:72px;padding:0 35px 0 0;}
#navigation .width ul li a {color:#fff;font-size:14px;font-family:'Roboto',arial,sans-serif;}
#navigation .width .callback {float:right;color:#fff;line-height:72px;}
#navigation .width .callback a {background:url(img/phone-top.png) no-repeat 0 center;display:block;padding:0 0 0 32px;color:#fff;font-family:'Roboto',arial,sans-serif;}

#header {background:url(img/top.jpg) no-repeat center 0;height:1132px;}
#header .width {width:980px;margin:0 auto;}
#header .title {font-family:'bebas',arial,sans-serif;color:#fff;font-size:44px;line-height:30px;padding:245px 0 0 460px;}
#header .title div {font-size:104px;line-height:73px;color:#111224;padding:0 0 0 40px;}
#header .title div span {display:block;color:#1b2b57;padding:28px 0 76px 0;}
#header .title p {padding:0 0 18px 40px;}
#header .left-box {float:left;padding:115px 0 0 55px;}
#header .left-box .text {font-family:'bebas',arial,sans-serif;font-size:32px;line-height:52px;color:#fff;}
#header .left-box .text span {color:#3e89b6;}
#header .price {display:inline-block;vertical-align:top;color:#d7ac8c;font-size:14px;padding:27px 0 0 0;}
#header .price p {line-height:9px;padding:0 0 9px 0;}
#header .price .price_new {font-family:'bebas',arial,sans-serif;font-size:75px;display:inline-block;line-height:55px;}
#header .price .box-old {display:inline-block;}
#header .price .box-old span {font-family:'bebas',arial,sans-serif;display:block;font-size:22px;line-height:18px;}
#header .price .box-old .price_old {color:#fff;line-height:9px;padding:0 0 8px 0;}
/* timer */
#header .time {padding:27px 0 0 83px;display:inline-block;vertical-align:top;}
#header .time #timer {display:inline-block;vertical-align:top;}
#header .time #timer div {position:relative;border:1px solid #a9866f;width:51px;height:51px;line-height:51px;display:inline-block;text-align:center;margin:0 10px 0 0;font-size:24px;color:#fff;}
#header .time span {position: absolute;width: 51px;display:block;left: 50%;margin-left: -25px;top: 62px;line-height:9px;font-weight:300;color:#7d828b;font-size:11px;letter-spacing:0px;text-shadow:none;}
#header .time u {display:inline-block;color:#fff;font-size:20px;text-decoration:none;padding:0 2px;}
#header .time .name-t {font-size:14px;line-height:10px;color:#d7ac8c;text-align:center;padding:0 0 9px 0;}

#header .form-t {background:url(img/arrow-top.png) no-repeat center 0;float:right;margin:68px 10px 0 0;padding:58px 0 0 0;}
#header input[type="text"],#header select {background:#fff;border:1px solid #fff;height:43px;padding:0 12.5px;width:200px;line-height:43px;display:block;font-size:15px;color:#18181a;font-family:'Open Sans',arial,sans-serif;}
#header select {width:225px;padding:0 0 0 12.5px;}
#header .name-inp {font-size:11px;color:#7d828b;padding:17px 0 2px 0;}
#header .with_delivery {font-size:11px;color:#ffffff;padding:41px 0 5px 0;}
#header  input[type="submit"] {background:#3e89b6;border:1px solid #fff;width:223px;height:51px;line-height:51px;display:block;text-align:center;font-size:20px;color:#fff;text-transform:uppercase;font-weight:300;}
#header  input[type="submit"]:hover {text-decoration:underline;}

/* Плюсы */
#pluses {background:url(img/pluses.jpg) no-repeat center 0;height:484px;}
#pluses .width {width:980px;margin:0 auto;padding:35px 0 0 0;}
#pluses .plus-ico {background:url(img/pluses-ico.png) no-repeat 0 0;height:312px;width:980px;position:relative;}
#pluses .item {width:202px;height:202px;position:absolute;text-align:center;color:#3e89b6;font-size:14px;}
#pluses .item div {display:inline-block;vertical-align:middle;height:202px;}
#pluses .item span {display:inline-block;vertical-align:middle;}
#pluses .item.first {top:111px;}
#pluses .item.second {top:0;left:332px;color:#fff;}
#pluses .item.third {top:111px;left:445px;color:#fff;}
#pluses .item.fourth {top:0;right:0;}

/* Отзывы */
#reviews {width:980px;margin:0 auto;padding:50px 0 0 0;overflow:hidden;}
#reviews .title {font-size:32px;font-family:'bebas',arial,sans-serif;color:#d7ac8c;line-height:24px;padding:0 0 25px 140px;}
#reviews .avatars {float:left;margin:0 30px 0 16px;}
#reviews .avatars div {position:relative;}
#reviews .avatars li.current span {background:url(img/arrow-reviews.png) no-repeat 0 0;width:15px;height:31px;display:block;position:absolute;top:28px;right:-30px;}
#reviews .avatars li {margin:0 0 10px 0;cursor:pointer;}
#reviews .avatars li img {border-radius:46px;-moz-border-radius:46px;border:3px solid #0d1019;vertical-align:bottom;}
#reviews .avatars li.current img {border-radius:46px;-moz-border-radius:46px;border:3px solid #fff;}
#reviews .review {display:none;}
#reviews .review.visible {display:block;}
#reviews .review {background:url(img/review-bg.jpg) no-repeat 0 0;width:781px;height:327px;padding: 25px 10px 0 23px;font-size:12px;float:left;position:relative;line-height:20px;z-index:2;}
#reviews .review p {padding:0 0 10px 0;}
#reviews .review .name {font-size:14px;color:#3e89b6;position:absolute;bottom:25px;left:23px;}

/* Описание */
#description {background:url(img/description.jpg) no-repeat center 0;width:980px;top:-15px;position:relative;z-index:1;height:642px;padding:15px 0 0 0;margin:0 auto;}
#description .title {padding:45px 0 62px 458px;font-weight:300;}
#description .title p {color:#3e89b6;font-size:24px;line-height:16px;}
#description .title div {color:#fff;font-size:62px;line-height:45px;padding:20px 0 20px 48px;}
#description .title span {display:block;font-family:'bebas',arial,sans-serif;color:#d7ac8c;font-size:32px;line-height:24px;padding:0 0 0 98px;}
#description .box-items {width:648px;height:426px;margin:0 0 0 259px;position:relative;}
#description .box-items .item {width:203px;height:202px;position:absolute;overflow:hidden;}
#description .box-items .item span {font-size:0;display:block;}
#description .box-items .item.first {background:url(img/icod1.png) no-repeat 0 0;right:0;top:0;}
#description .box-items .item.second {background:url(img/icod2.png) no-repeat 0 0;right:222px;top:0;}
#description .box-items .item.third {background:url(img/icod3.png) no-repeat 0 0;right:111px;top:112px;}
#description .box-items .item.fourth {background:url(img/icod4.png) no-repeat 0 0;right:334px;top:113px;}
#description .box-items .item.fifth {background:url(img/icod5.png) no-repeat 0 0;left:223px;bottom:0;}
#description .box-items .item.six {background:url(img/icod6.png) no-repeat 0 0;left:0;bottom:0;}
#description .box-items .item:hover {cursor:pointer;background:url(img/icod.png) no-repeat 0 0;text-align:center;text-indent:0;}
#description .box-items .item:hover div {height:202px;display:inline-block;vertical-align:middle;}
#description .box-items .item:hover span {color:#3e89b6;font-size:14px;display:inline-block;vertical-align:middle;margin:0;}

/* Экспертная оценка */
#expert-box {width:980px;margin:0 auto;padding:0 0 40px 0;overflow:hidden;}
#expert-box .title {font-size:32px;font-family:'bebas',arial,sans-serif;color:#d7ac8c;line-height:24px;padding:40px 0 25px 140px;}
#expert-box .avatar {float:left;margin:0 30px 0 16px;}
#expert-box .avatar{position:relative;}
#expert-box .avatar span {background:url(img/arrow-reviews.png) no-repeat 0 0;width:15px;height:31px;display:block;position:absolute;top:28px;right:-30px;}
#expert-box .message {background:url(img/review-bg.jpg) no-repeat 0 0;width:781px;height:273px;padding: 25px 10px 0 23px;font-size:14px;float:left;position:relative;line-height:20px;z-index:2;}
#expert-box .message p {padding:0 0 10px 0;}
#expert-box .message .name {font-size:14px;color:#3e89b6;position:absolute;bottom:25px;left:23px;}


/* Шаги */
#steps {width:980px;margin:0 auto;}
#steps .step {margin:0 0 50px 0;}
#steps .step img {display:inline-block;vertical-align:middle;margin:0 0 0 -103px;}
#steps .step.middle  img {margin:0 -103px 0 0 ;}
#steps .step .box {display:inline-block;vertical-align:middle;width:240px;color:#fff;font-size:14px;line-height:20px;padding:0 0 0 40px;}
#steps .step.middle  .box {padding:0 30px 0 40px;width:190px;}
#steps .step .box div {font-size:32px;line-height:20px;font-family:'bebas',arial,sans-serif;color:#3e89b6;padding:0 0 25px 0;}
#steps .title {font-size:32px;color:#fff;line-height:24px;padding:57px 0 61px 66px;}
#steps .title div {font-size:72px;line-height:54px;font-family:'bebas',arial,sans-serif;color:#d7ac8c;padding:17px 0 23px 64px;}
#steps .title p {padding:0 0 0 625px;}

/* Футер сайта */
#footer {background:url(img/footer.jpg) no-repeat center 0;height:708px;}
#footer .width {width:980px;margin:0 auto;}
#footer .line-form {overflow:hidden;}
#footer .form-f {float:right;margin:0 68px 0 0;padding:5px 0 0 0;}
#footer input[type="text"],#footer select {background:#fff;border:1px solid #fff;height:43px;padding:0 12.5px;width: 100%;line-height:43px;display:block;font-size:15px;color:#18181a;font-family:'Open Sans',arial,sans-serif;box-sizing: border-box;}
#footer select {padding:0 0 0 12.5px;}
#footer .name-inp {font-size:11px;color:#fff;padding:17px 0 2px 0;}
#footer .with_delivery {font-size:11px;color:#ffffff;padding:41px 0 5px 0;}
#footer  input[type="submit"] {background:#3e89b6;border:1px solid #fff;width:223px;height:51px;line-height:51px;display:block;text-align:center;font-size:20px;color:#fff;text-transform:uppercase;font-weight:300;}
#footer  input[type="submit"]:hover {text-decoration:underline;}
/* timer */
#footer .time {padding:238px 0 0 0;float:right;} 
#footer .time #timer2 div {position:relative;background:url(img/timer.png) 0 0;width:53px;height:53px;line-height:51px;display:inline-block;text-align:center;margin:0 0 0 10px;font-size:24px;color:#fff;}
#footer .time span {position: absolute;width: 51px;display:block;left: 50%;margin-left: -25px;top: 62px;line-height:9px;font-weight:300;color:#fff;font-size:11px;letter-spacing:0px;text-shadow:none;}
#footer .time .name-t {font-size:14px;line-height:10px;color:#fff;text-align:center;padding:0 0 9px 0;}

#footer .price {display:inline-block;vertical-align:top;color:#fff;font-size:31px;padding:150px 0 0 125px;}
#footer .price p {line-height:22px;padding:0 0 17px 0;}
#footer .price .price_new {font-family:'bebas',arial,sans-serif;font-size:167px;display:inline-block;line-height:125px;}
#footer .price .box-old {display:inline-block;}
#footer .price .box-old span {font-family:'bebas',arial,sans-serif;display:block;font-size:49px;line-height:36px;}
#footer .price .box-old .price_old {color:#fff;line-height:22px;padding:0 0 18px 0;}

.copyright {text-align:center;color:#bebebe;font-size:12px;padding:5px 0;}
.copyright a {color:#fff;}