* {margin:0; padding:0;}

body {background: url(images/bg.jpg) repeat; font-family: 'NeoSansProRegular';}

@font-face {
    font-family: 'NeoSansProRegular';
    src: url('fonts/neosanspro-regular.eot');
    src: url('fonts/neosanspro-regular.eot') format('embedded-opentype'),
         url('fonts/neosanspro-regular.woff2') format('woff2'),
         url('fonts/neosanspro-regular.woff') format('woff'),
         url('fonts/neosanspro-regular.ttf') format('truetype'),
         url('fonts/neosanspro-regular.svg#NeoSansProRegular') format('svg');
}

@font-face {
    font-family: 'NeoSansProMedium';
    src: url('fonts/neosanspro-medium.eot');
    src: url('fonts/neosanspro-medium.eot') format('embedded-opentype'),
         url('fonts/neosanspro-medium.woff2') format('woff2'),
         url('fonts/neosanspro-medium.woff') format('woff'),
         url('fonts/neosanspro-medium.ttf') format('truetype'),
         url('fonts/neosanspro-medium.svg#NeoSansProMedium') format('svg');
}

@font-face {
    font-family: 'NeoSansProBold';
    src: url('fonts/neosanspro-bold.eot');
    src: url('fonts/neosanspro-bold.eot') format('embedded-opentype'),
         url('fonts/neosanspro-bold.woff2') format('woff2'),
         url('fonts/neosanspro-bold.woff') format('woff'),
         url('fonts/neosanspro-bold.ttf') format('truetype'),
         url('fonts/neosanspro-bold.svg#NeoSansProBold') format('svg');
}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hidden {display:none;}

/* #preloader {position:fixed; background: rgba(255, 255, 255, 0.95); display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index:9999;}
.preloader-container {position: relative; display: table-cell; vertical-align: middle; z-index: 3; text-align:center;} 
.loader {margin:5px 0 0 10px;} */

h1, h2, h3, h4, h5, h6 {}

a {outline:0;}
a:hover {}
p {margin:0 0 15px 0;}
input[type=text] {}
textarea {resize: vertical;}
input, textarea {outline:none;}
img {border:0; outline:0;}
@media screen and (max-width: 1220px) {
}

.full {width:1010px; margin:0 auto;}
.wrap {margin:0 auto;}

/*Шапка сайта*/
.header-main {background: #fff; height: 96px; box-shadow: 0 0 20px 1px #E2E6ED; -moz-box-shadow: 0 0 20px 1px #E2E6ED; -webkit-box-shadow: 0 0 20px 1px #E2E6ED; position: relative;}
.header-main:after {content:''; display: block; clear: both;}
.header {padding:20px 10px 0; width:1000px;}
.header .phone {background: url(images/ico-phone.png) no-repeat; padding:4px 0 0 65px; min-height:51px;}
.header .phone p {font: 16px 'NeoSansProMedium', Arial; margin:0 0 2px 0;}
.header .phone span {font: 19px 'NeoSansProBold', Arial;}

.header .logo {background: url(images/pre-logo.png) no-repeat; width:393px; height:205px; display: block; float: left; margin:-20px 0 0 80px; text-align:center;}
.header .logo img {margin: 10px 0 0 0;}

.header .contacts {width:205px; text-align:center;}
.header .contacts p {font: 18px 'NeoSansProMedium', Arial; margin:0 0 4px 0;}
.header .contacts .btn-call {background: #7DCA2B; text-align:center; text-decoration: none; display: block; color:#fff; font: 18px 'NeoSansProBold', Arial; padding: 5px 0; border-bottom: 3px solid #6BB811; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header .contacts .btn-call:hover {opacity:0.9;}
.header .contacts .btn-call:active {margin: 6px 0 0 0; border-width:0 0 1px 0;}

/*Первый экран*/
.first-block-main {background: url(images/bg-1.jpg) center top no-repeat; height:777px;}
.first-block {padding:114px 0 30px 0;}
.first-block h1 {font: 36px 'NeoSansProMedium', Arial; text-align:center; line-height: 32px; margin:0 0 35px 0;}
.first-block h1 span {font: 400 24px 'NeoSansProRegular', Arial;}
.first-block h2 {font: 400 18px 'NeoSansProRegular', Arial; text-align:center;     background: white;}
.first-block h2 span {font: 400 18px 'NeoSansProMedium', Arial; text-transform: uppercase;}

.hit-form-main {position: relative; margin:120px 0 0 40px; display: table;}
.hit-form-main:after {content:''; display: block; background: url(images/shadow-form.png) bottom center no-repeat; width:325px; height:249px; position: absolute; bottom: -26px; left: -17px; z-index:1;}
.hit-form-main:before {content:''; background: url(images/arrow-form.png) no-repeat; width:184px; height:108px; position: absolute; top: -80px; right: -195px; z-index: 5;}
.hit-form {background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:254px; position: relative; padding:18px 18px 21px; position: relative; z-index:3;}
.hit-form .title {font: 24px 'NeoSansProBold', Arial; color:#fff; background: #FF5151; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; position: absolute; top:-42px; left:5px; width:216px; height:42px; text-align:center; line-height:40px; text-transform: uppercase;}
.hit-form h3 {font: 22px 'NeoSansProBold', Arial; margin:0 0 10px 0; line-height:22px; text-align:center;}
.hit-form h3 span {font: 400 17px 'NeoSansProMedium', Arial;}
.hit-form .coupon {font: 24px 'NeoSansProBold', Arial; color:#fff; background: #7DCA2B; text-align:center; text-transform: uppercase; margin:0 -18px 10px; padding: 11px 0; box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -moz-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31);}
.hit-form p {font: 400 17px 'NeoSansProMedium', Arial; text-align:center;}
.hit-form form {width: 92%; margin: 0 auto;}
.hit-form input[type=text]{width:89%; height:40px; color:#a0a0a0; font: 14px 'NeoSansProRegular', Arial; border: 1px solid #CBCBCB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 10px 0; padding:0 12px;}
.hit-form input[type=text]:focus {border: 1px solid #7DCA2B;}
.hit-form button {width: 100%; background: #6C4131; color:#fff; font: 18px 'NeoSansProBold', Arial; display: table; padding: 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: solid #4D2415; border-width:0 0 3px 0; outline:0; margin: 0 auto; position: relative; cursor: pointer;}
.hit-form button:hover {opacity:0.9;}
.hit-form button:active {border-width:0 0 1px 0; margin:2px auto 0 auto;}

/*Таймер*/
.timer-wrap {background:#fff; width:182px; height:104px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; bottom:5px; right:-181px; box-shadow: 0 0 6px 1px #CFCFCF; -moz-box-shadow: 0 0 6px 1px #CFCFCF; -webkit-box-shadow: 0 0 6px 1px #CFCFCF;}
.timer-wrap h4 {font: 400 12px 'NeoSansProMedium', Arial; text-align: center; margin: 10px 0 5px 0; color:#696969;}
.timer-wrap .timer {display: table; margin: 0 auto; padding: 0 0 0 10px;}
.timer-wrap .timer div {background: url(images/bg-clock.png) 0 3px no-repeat; width: 40px; height: 40px; display: inline-block; padding: 8px 0 0 0; color: #6A6A6A; font: 700 25px NeoSansProBold; text-shadow: 1px 1px 2px #fff; text-align: center; margin: 0 12px 0 0;}
.timer-name {list-style: none; margin: -2px 0 0 0; text-align: center;}
.timer-name li {display: inline-block; font: 12px 'NeoSansProRegular', Arial; color: #696969; margin: 0 11px 0 5px; text-align: center;}

/*Кратко о нас*/
.about-we-main {background:#fff url(images/bg-2.jpg) top center no-repeat; border: solid #E6E6E6; border-width: 1px 0; box-shadow: 0 -10px 10px -5px #F4F5EE; -moz-box-shadow: 0 -10px 10px -5px #F4F5EE; -webkit-box-shadow: 0 -10px 10px -5px #F4F5EE;}
.about-we {padding:30px 0;}
.about-we h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 0 35px 0;}
.about-we h2:before {content:''; display: inline-block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; padding:0 35px 0 0; vertical-align: middle;}
.about-we h2:after {content:''; display: inline-block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; padding:0 0 0 35px; vertical-align: middle;}
.about-we p {font: 400 18px 'NeoSansProRegular', Arial; text-align:center;}
.about-we p span {font-family: 'NeoSansProMedium', Arial;}

/*Преимущества*/
.preference-main {}
.preference-block {padding:30px 0 10px 0;}
.preference-block h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 0 45px 0;}
.preference-block h2:before {content:''; display: inline-block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; padding:0 35px 0 0; vertical-align: middle;}
.preference-block h2:after {content:''; display: inline-block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; padding:0 0 0 35px; vertical-align: middle;}
.preference-list {background: url(images/preference-oval.png) center 60px no-repeat; height:670px; margin: 0 auto; padding:30px 0; position: relative;}
.preference-list div {font: 17px 'NeoSansProRegular', Arial; text-align:center; position: absolute;}
.preference-list div span {font-family: 'NeoSansProMedium', Arial;}
.preference-list .pref-1 {top:0; left:385px;}
.preference-list .pref-2 {top:85px; right:60px;}
.preference-list .pref-3 {top:270px; right:15px;}
.preference-list .pref-4 {top:420px; right:75px;}
.preference-list .pref-5 {top:535px; right:310px;}
.preference-list .pref-6 {top:420px; left:48px;}
.preference-list .pref-7 {top:265px; left:25px;}
.preference-list .pref-8 {top:100px; left:28px;}

/*Рекомендованные проекты*/
.projects-main {background: url(images/bg-3.jpg) repeat; border-top: 1px solid #E6E6E6; box-shadow: 0 0 4px 0 #DCDCDC; -moz-box-shadow: 0 0 4px 0 #DCDCDC; -webkit-box-shadow: 0 0 4px 0 #DCDCDC;}
.projects-block {padding:30px 0;}
.projects-block h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 auto 45px auto; display: table; position: relative;}
.projects-block h2:before {content:''; display: block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; position: absolute; top: 20px; left: -80px;}
.projects-block h2:after {content:''; display: block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; position: absolute; top: 20px; right: -80px;}

.project-list {}
.project-list:after {content:''; display: block; clear: both;}
.project-list .item {width:220px; height:270px; background: url(images/bg-white.png) repeat; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 0 0 20px 0 #C7C1C1; -moz-box-shadow: 0 0 20px 0 #C7C1C1; -webkit-box-shadow: 0 0 20px 0 #C7C1C1; margin: 0 30px 40px 0; float: left;}
.project-list .item.last {margin:0 0 40px 0;}
.project-list .item .image {background: #fff; text-align:center; border: 5px solid #F4DDC4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; width:224px; margin-left:-7px; box-shadow: 0 0 20px 0 #C7C1C1; -moz-box-shadow: 0 0 20px 0 #C7C1C1; -webkit-box-shadow: 0 0 20px 0 #C7C1C1;}
.project-list .item .image img {}
.project-list .item a {}
.project-list .item a:hover img {opacity:0.9;}
.project-list .item .btn-want {background: #7DCA2B; text-align:center; text-decoration: none; display: block; color:#fff; font: 18px 'NeoSansProBold', Arial; padding: 5px 0; border-bottom: 3px solid #6BB811; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin: 15px 16px 0;}
.project-list .item .btn-want:hover {opacity:0.9;}
.project-list .item .btn-want:active {margin: 17px 16px 0; border-width:0 0 1px 0;}

.projects-block .desc {}
.projects-block .desc p {font: 18px 'NeoSansProRegular', Arial; text-align:center; }
.projects-block .desc p span {font-family: 'NeoSansProMedium', Arial;}

/*Слайдер*/
.slider {width:920px; height:230px; position:relative; margin:30px 0 30px 0;}
#slider {margin: 0 0 0 40px; width: 920px;}
#slider li a {border: 5px solid #CDB19A; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; display: block;}
#slider li a .hover {opacity:0;}
#slider li a:hover .hover {opacity:1; display: block; border: 5px solid #CDB19A; background: rgba(255, 255, 255, 0.9) url(images/img-hover.png) center no-repeat; width:97%; height:94%; position: absolute; top:0; left:0; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
#slider li {display:table !important; height:230px; margin: 0 15px 0 0 !important; }
#slider li img {display: block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
.slider .prevBtn, .slider .nextBtn {display:block; width:24px; height:30px; position:absolute; left:0; top:94px; z-index:1000; background:url(images/slider-arrow.png) no-repeat ; background-position: 0 0; cursor:pointer;}	
.slider .nextBtn{left:976px;}														
.slider .nextBtn {background-position: -31px 0;}
.slider .prevBtn:hover {background-position: 0 -34px;}
.slider .nextBtn:hover {background-position: -31px -34px;}
.slider h6 {font: 24px 'MyriadPro-CondIt'; text-align:center;}
.slider h6 span {color:#FF5900;}

/*Заказать расчет*/
.order-calc-main {background: url(images/bg-4.jpg) center top no-repeat; height:645px;}
.order-calc-block {padding:30px 0 0 0;}
.order-calc-block h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 auto 45px auto; display: table; position: relative;}
.order-calc-block h2 span {font: 24px 'NeoSansProRegular', Arial; display: block; margin: -3px 0 0 0;}
.order-calc-block h2:before {content:''; display: block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; position: absolute; top: 49%; left: -80px;}
.order-calc-block h2:after {content:''; display: block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; position: absolute; top: 49%; right: -80px;}

.hit-form-main-2 {position: relative; margin:0 40px 0 0; float: right; display: table;}
.hit-form-main-2:after {content:''; display: block; background: url(images/shadow-form.png) bottom center no-repeat; width:325px; height:249px; position: absolute; bottom: -26px; left: -17px; z-index:1;}
.hit-form-main-2:before {content:''; background: url(images/arrow-form-2.png) no-repeat; width:184px; height:108px; position: absolute; top: -33px; left: -170px; z-index: 5;}
.hit-form-2 {background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:254px; position: relative; padding:18px 18px 21px; position: relative; z-index:3; box-shadow: 0 0 7px 0 #B9B9B9; -moz-box-shadow: 0 0 7px 0 #B9B9B9; -webkit-box-shadow: 0 0 7px 0 #B9B9B9;}
.hit-form-2 h3 {font: 22px 'NeoSansProBold', Arial; margin:0 0 10px 0; line-height:22px; text-align:center;}
.hit-form-2 h3 span {font: 400 17px 'NeoSansProMedium', Arial;}
.hit-form-2 .coupon {font: 24px 'NeoSansProBold', Arial; color:#fff; background: #E83E3E; text-align:center; text-transform: uppercase; margin:0 -18px 10px; padding: 11px 0; box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -moz-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31);}
.hit-form-2 p {font: 400 17px 'NeoSansProMedium'; text-align:center;}
.hit-form-2 form {width: 92%; margin: 0 auto;}
.hit-form-2 input[type=text]{width:89%; height:40px; color:#a0a0a0; font: 14px 'NeoSansProRegular', Arial; border: 1px solid #CBCBCB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 10px 0; padding:0 12px;}
.hit-form-2 input[type=text]:focus {border: 1px solid #7DCA2B;}
.hit-form-2 button {width: 100%; background: #6C4131; color:#fff; font: 18px 'NeoSansProBold', Arial; display: table; padding: 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: solid #4D2415; border-width:0 0 3px 0; outline:0; margin: 0 auto; position: relative; cursor: pointer;}
.hit-form-2 button:hover {opacity:0.9;}
.hit-form-2 button:active {border-width:0 0 1px 0; margin:2px auto 0 auto;}
.hit-form-main-2 .timer-wrap {border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; left:-181px; }

/*Почему мы*/
.why-we-main {}
.why-we-block {padding:30px 0;}
.why-we-block h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 auto 40px auto; display: table; position: relative;}
.why-we-block h2 span {font: 24px 'NeoSansProRegular', Arial; display: block; margin: -3px 0 0 0;}
.why-we-block h2:before {content:''; display: block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; position: absolute; top: 20px; left: -80px;}
.why-we-block h2:after {content:''; display: block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; position: absolute; top: 20px; right: -80px;}

.why-we-list {padding:0 70px; position:relative; z-index:5; overflow: hidden;}
.why-we-list .left {width:400px;}
.why-we-list .right {width:400px;}
.why-we-list ul {list-style:none;text-align:left;}
.why-we-list li {margin:0 0 35px 0; clear: both; height: 88px;}
.why-we-list li img {float:left; margin: -3px 20px 0 0;}
.why-we-list li .text {overflow: hidden; }
.why-we-list li .text h3 {color:#6ca902; font: 18px 'NeoSansProMedium', Arial; margin:0 0 2px 0;}
.why-we-list li .text p {font: 17px 'NeoSansProRegular'; color:#262626; margin: 0 ;}

/*Как мы работаем*/
.how-we-work-main {background: url(images/bg-3.jpg) repeat; border-top: 1px solid #E6E6E6; position: relative; min-height:800px; overflow: hidden; box-shadow: 0 0 4px 0 #DCDCDC; -moz-box-shadow: 0 0 4px 0 #DCDCDC; -webkit-box-shadow: 0 0 4px 0 #DCDCDC;}
.how-we-work-main:before {content:''; display: block; background: url(images/bg-5.jpg) center top no-repeat; width:100%; height:790px; position: absolute; top:90px;}
.how-we-work-block {padding:45px 0; position: relative; z-index:5; overflow: hidden;}
.how-we-work-block h2 {font: 400 33px 'NeoSansProMedium', Arial; text-align: center; margin:0 auto 40px auto; display: table; position: relative;}
.how-we-work-block h2 span {font: 24px 'NeoSansProRegular', Arial; display: block; margin: -3px 0 0 0;}
.how-we-work-block h2:before {content:''; display: block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; position: absolute; top: 20px; left: -80px;}
.how-we-work-block h2:after {content:''; display: block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; position: absolute; top: 20px; right: -80px;}

.list-step-work {padding:0 0 0 25px;}
.list-step-work .step {clear: both;}
.list-step-work .step .number {float: left; color:#262626; font: 24px 'NeoSansProBold', Arial; border: 7px solid #C0DB89; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 4px 7px; margin:0 30px 30px 0; position: relative;}
.list-step-work .step .number:after {content: ''; width: 0; height: 0; border-top: 12px solid #C0DB89; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -18px; left: 50%; margin-left: -10px; line-height: 0;}
.list-step-work .step .text {padding: 4px 0 0 0; float: left;}
.list-step-work .step .text h4 {color:#262626; font: 19px 'NeoSansProMedium', Arial;}
.list-step-work .step .text p {color:#262626; font: 17px 'NeoSansProRegular', Arial;}
.list-step-work .step .btn-order {background: #6C4131; text-align:center; text-decoration: none; display: inline-block; color:#fff; font: 18px 'NeoSansProBold', Arial; width:200px; height:38px; border-bottom: 3px solid #4D2415; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height: 38px; margin:8px 0 0 35px; position: relative;}
.list-step-work .step .btn-order:hover {opacity:0.9;}
.list-step-work .step .btn-order:active {margin: 10px 0 -2px 35px; border-width:0 0 1px 0;}

/*Оформить заказ*/
.order-form-main {background: url(images/bg-6.jpg) center top no-repeat; height:611px; box-shadow: inset 0 0 15px 0 #B9B9B9; -moz-box-shadow: inset 0 0 15px 0 #B9B9B9; -webkit-box-shadow: inset 0 0 15px 0 #B9B9B9;}
.order-form-block {padding:35px 0;}
.order-form-block h2 {font: 400 32px 'NeoSansProMedium', Arial; text-align: center; margin:0 auto 40px auto; display: table; position: relative; line-height: 15px;}
.order-form-block h2 span {font: 27px 'NeoSansProRegular', Arial; display: block; margin: 0 0 -3px 0;}
.order-form-block h2:before {content:''; display: block; background: url(images/title-line.png) no-repeat; width:48px; height:8px; position: absolute; top: 25px; left: -80px;}
.order-form-block h2:after {content:''; display: block; background: url(images/title-line.png) right 0 no-repeat; width:48px; height:8px; position: absolute; top: 25px; right: -80px;}

.hit-form-main-3 {position: relative; margin: 10px 180px 0 0; float: right; display: table;}
.hit-form-main-3:after {content:''; display: block; background: url(images/shadow-form.png) bottom center no-repeat; width:325px; height:249px; position: absolute; bottom: -26px; left: -17px; z-index:1;}
.hit-form-3 {background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:254px; position: relative; padding:18px 18px 21px; position: relative; z-index:3; box-shadow: 0 0 7px 0 #B9B9B9; -moz-box-shadow: 0 0 7px 0 #B9B9B9; -webkit-box-shadow: 0 0 7px 0 #B9B9B9;}
.hit-form-3 .coupon {font: 24px 'NeoSansProBold', Arial; color:#fff; background: #E83E3E; text-align:center; text-transform: uppercase; margin:0 -18px 10px; padding: 11px 0; box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -moz-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31); -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.33) , inset 0 -15px 15px -15px rgba(0, 0, 0, 0.31);}
.hit-form-3 .coupon span {font-size:17px;}
.hit-form-3 form {width: 92%; margin: 0 auto;}
.hit-form-3 input[type=text]{width:89%; height:40px; color:#a0a0a0; font: 14px 'NeoSansProRegular', Arial; border: 1px solid #CBCBCB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 10px 0; padding:0 12px;}
.hit-form-3 input[type=text]:focus {border: 1px solid #7DCA2B;}
.hit-form-3 button {width: 100%; background: #6C4131; color:#fff; font: 18px 'NeoSansProBold', Arial; display: table; padding: 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: solid #4D2415; border-width:0 0 3px 0; outline:0; margin: 0 auto; position: relative; cursor: pointer;}
.hit-form-3 button:hover {opacity:0.9;}
.hit-form-3 button:active {border-width:0 0 1px 0; margin:2px auto 0 auto;}

/*Таймер*/
.timer-wrap_2 {background:#fff; width:182px; height:104px; margin: 0 auto;}
.timer-wrap_2 h4 {font: 400 12px 'NeoSansProMedium', Arial; text-align: center; margin: 10px 0 5px 0; color:#696969;}
.timer-wrap_2 .timer {display: table; margin: 0 auto; padding: 0 0 0 10px;}
.timer-wrap_2 .timer div {background: url(images/bg-clock.png) 0 3px no-repeat; width: 40px; height: 40px; display: inline-block; padding: 8px 0 0 0; color: #6A6A6A; font: 700 25px NeoSansProBold; text-shadow: 1px 1px 2px #fff; text-align: center; margin: 0 12px 0 0;}
.timer-name_2 {list-style: none; margin: -2px 0 0 0; text-align: center;}
.timer-name_2 li {display: inline-block; font: 12px 'NeoSansProRegular', Arial; color: #696969; margin: 0 11px 0 5px; text-align: center;}

/*Социальная группа*/
.social {padding: 30px 0;}
.social p {color:#414141; font: 18px 'NeoSansProRegular', Arial; margin: 0 0 10px 0; text-align:center;}
.social .btn-go {background: #00A2E0; text-align:center; text-decoration: none; display: block; color:#fff; font: 18px 'NeoSansProBold'; padding: 9px 0; border-bottom: 3px solid #0085CB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:230px; margin: 0 auto;}
.social .btn-go:hover {opacity:0.9;}
.social .btn-go:active {margin: 12px auto 0; border-width:0 0 1px 0;}

/*Футер*/
.footer-main {background: #fff; box-shadow: 0 0 21px 0 #DCDCDC; -moz-box-shadow: 0 0 21px 0 #DCDCDC; -webkit-box-shadow: 0 0 21px 0 #DCDCDC;}
.footer {overflow: hidden; padding:15px 0 15px 0;}
.copyright {text-align:center; margin: 16px 0 0 165px;}
.copyright p {color:#535353; font: 400 13px 'NeoSansProMedium', Arial;}
.copyright a {color:#535353; font: 400 12px 'NeoSansProRegular', Arial; text-decoration: none;}
.copyright a:hover {text-decoration: underline;}
.footer .contacts {width:205px; text-align:center; margin: 15px 0 0 0;}
.footer .contacts p {font: 20px 'NeoSansProBold', Arial; margin:0 0 10px 0;}
.footer .contacts .btn-call {background: #7DCA2B; text-align:center; text-decoration: none; display: block; color:#fff; font: 18px 'NeoSansProBold', Arial; padding: 5px 0; border-bottom: 3px solid #6BB811; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.footer .contacts .btn-call:hover {opacity:0.9;}
.footer .contacts .btn-call:active {margin: 12px 0 0 0; border-width:0 0 1px 0;}