@font-face {
    font-family: 'AvantGardeGothicC';
    src: url('../fonts/AvantGardeGothicCTT.eot');
    src: url('../fonts/AvantGardeGothicCTT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvantGardeGothicCTT.woff') format('woff'),
    url('../fonts/AvantGardeGothicCTT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {height: 100%; }
* html body {height: 100%;}
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    position: relative;
    overflow-y: auto;
    font-family: 'AvantGardeGothicC', sans-serif;
    font-size: 14px;
    color: #333333;
}
ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
.row {position:relative}
.row:before,.row:after {content:"";display:table}
.row:after {clear:both}
.row {*zoom:1.2}
.container {width:960px;margin:0 auto;position:relative; text-align: left;}
form input::-webkit-input-placeholder {color:#000000;}
form input::-moz-placeholder          {color:#000000;}
form input:-moz-placeholder           {color:#000000;}
form input:-ms-input-placeholder      {color:#000000;}
#modal-wrapper {display: none;}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }
h1, h2, h3, h4 {
    font-weight: normal;
    margin: 0;
}
#page {
    background: #333333;
    padding-top: 109px;
}
header {
    color: #FFFFFF;
    background: #3e1a59;/* Old browsers */
    background: -moz-linear-gradient(top,  #3e1a59 0%, #1e082f 100%);/* FF3.6-15 */
    background:  -webkit-linear-gradient(top,  #3e1a59 0%,#1e082f 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3e1a59 0%,#1e082f 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e1a59', endColorstr='#1e082f',GradientType=0 );/* IE6-9 */
    padding: 34px 0 36px;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.logo {
    display: block;
    background: url(../img/logo.png) no-repeat 0 0;
    width: 75px;
    height: 39px;
    float: left;
    margin: 0 0 0 21px;
    position: relative;
}
.logo:before {
    content: '';
    position: absolute;
    display: block;
    top: 1px;
    right: -30px;
    background: #574068;
    width: 1px;
    height: 37px;
}
h1 {
    float: left;
    margin: 12px 0 0 55px;
    width: 120px;
    font-size: 14px;
    position: relative;
}
header .container:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/header_shadow.png) no-repeat 0 0;
    width: 638px;
    height: 127px;
    top: -50px;
    left: -186px;
}
.nav_header {
    display: block;
    float: left;
    margin: 12px 0 0 41px;
    position: relative;
}
.nav_header ul {

}
.nav_header li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px 0 0;
}
.nav_header a {
    color: #ffffff;
    text-decoration: underline;
}
.nav_header a:hover {
    text-decoration: none;
}
.tel {
    float: left;
    display: block;
    color: #FFFFFF;
    text-shadow: 1px 1px 2px #000000;
    margin: 3px 0 0 60px;
}
.tel span {
    font-size: 24px;
}
#promo {
    width: 100%;
    height: 353px;
    background: url(../img/promo_bg.jpg) no-repeat top;
}
.promo__text {
    font-size: 31px;
    color: #1F082F;
}
.promo__text--infiniti {
    margin: 129px 0 0 501px;
}
.promo__text--warranty {
    margin: 10px 0 0 554px;
}
#advantages {
    background: #FFFFFF;
    padding: 35px 40px 18px;
}
h2 {
    font-size: 24px;
}
.advantages_list {
    margin: 50px auto 0;
    width: 564px;
}
.advantages_list li {
    margin: 0 0 73px;
}
.advantages_list li:before,.advantages_list li:after {content:"";display:table}
.advantages_list li:after {clear:both}
.advantages_list li {*zoom:1.2;}
.advantages_list__pic {
    background: url(../img/advantages_list__pic_container.png) no-repeat 0 0;
    width: 116px;
    height: 113px;
    float: left;
    position: relative;
    margin: 3px 0 0;
}
.advantages_list__pic img {
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    position: absolute;
}
.advantages_list__text {
    float: left;
    width: 380px;
    padding: 0px 30px 0 38px;
}
.advantages_list__text h3 {
    font-size: 32px;
}
.advantages_list__text p {
    margin: 10px 0 0;
}
.advantages_list__pic--1 img {
    top: 27px;
}
.advantages_list__pic--2 img {
    top: 30px;
}
.advantages_list__pic--3 img {
    top: 27px;
}
.advantages_list__pic--4 img {
    top: 27px;
}
#services {
    border-top: 1px solid #B5B5B5;
    background: #FFFFFF;
    padding: 35px 40px 48px;
}
.services_list {

    margin: 34px 0 0 0;
}
.services_list ul {
    float: left;
    width: 250px;
    margin: 0 0 0 0;
    margin-left: 65px;
}
.services_list ul:first-child {
    margin-left: 0;
}
.services_list li {
    vertical-align: middle;
    margin: 0 0 18px;
}
.services_list li:before {
    content: '';
    width: 2px;
    height: 22px;
    background: #673C74;
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
}
#tuning {
    background: url(../img/tuning_bg.jpg) no-repeat top/cover;
    padding: 35px 40px 62px;
    color: #ffffff;
}
.properties {
    margin: 15px 0 0;
}
.tuning_tabs {

    margin: 23px 0 0 0;
}
.tuning_tabs li {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    cursor: pointer;
}
.tuning_tabs li.active {
    text-decoration: none;
    cursor: default;
    color: #6A6B6D;
}
.tuning_tabs li:hover {
    text-decoration: none;
}
.tuning_tabs li:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 10px;
    background: #707070;
    margin: 3px 6px 0;
}
.tuning_tabs li:first-child:before {
    display: none;
}
.tuning_content {
    margin: 32px 0 0 12px;
    height: 208px;
    position: relative;
}
.tuning_content > li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.tuning_content > li.active {
    display: block;
}
.tuning_content__pic {
    display: inline-block;
    vertical-align: top;
    margin: 21px 27px 0 0;
    width: 269px;
    height: 187px;
}
.tuning_content__info {
    display: inline-block;
    vertical-align: top;
    width: 267px;
}
.tuning_content__info h3 {
    font-size: 24px;
}
.tuning_content__comparison {

    margin: 14px 0 0;
}
.tuning_content__comparison li {

    margin: 0 0 18px;
}
.tuning_content__type {

    float: left;
}
.tuning_content__power {

    float: right;
}
.tuning_content__line_container {
    width: inherit;
    height: 2px;
    background: rgba(89,89,89,0.4);
    margin: 7px 0 0;
}
.tuning_content__line_color {
    height: 2px;
    width: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c3c4c+0,077ea2+100 */
    background: rgb(12,60,76); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(12,60,76,1) 0%, rgba(7,126,162,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(12,60,76,1) 0%,rgba(7,126,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(12,60,76,1) 0%,rgba(7,126,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3c4c', endColorstr='#077ea2',GradientType=1 ); /* IE6-9 */

}
.tuning_content__info--first {
    margin-right: 25px;
}
.tuning_description {
    font-size: 12px;
}
.tuning_description p {
    margin: 0 0 9px;
}
#styling {
    background: url(../img/styling_bg.jpg) no-repeat top/cover;
    padding: 35px 40px 65px;
}
#styling h2 {
    color: #ffffff;
}
.styling_description {
    float: left;
    margin: 323px 0 0 0;
    width: 500px;
}
.styling_description p {
    margin: 0 0 5px;
}
.styling_slider {
    float: left;
    position: relative;
    margin: 330px 0 0 83px;
    border: 3px solid #ECECEC;
    border-radius: 100%;
}
.styling_slider__content {
    width: 227px;
    height: 227px;
    border-radius: 100%;
    border: 3px solid #ffffff;
    z-index: 2;
    overflow: hidden;
    background: #FFFFFF;
    position: relative;
}
.styling_slider__content ul {
    position: relative;
    width: inherit;
    height: inherit;
}
.styling_slider__content li {
    width: inherit;
    height: inherit;
}
.styling_slider__content img {
    display: block;
    width: inherit;
    height: inherit;
}
.styling_slider__control {
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 5;
    width: 28px;
    height: 30px;
    bottom: 0;
    margin: auto;
}
.styling_slider__prev {
    background: url(../img/slide_prev.png) no-repeat 0 0;
    left: -15px;
}
.styling_slider__next {
    background: url(../img/slide_next.png) no-repeat 0 0;
    right: -15px;
}
#discount {
    background: url(../img/discount_bg.jpg) no-repeat top/cover;
    color: #FFFFFF;
    padding: 35px 40px 40px;
}
#discount h2 {
    margin-bottom: 35px;
}
.discount_description {
    float: left;
    width: 440px;
}
.discount_description p {
    margin-bottom: 5px;
}
.action {
    float: left;
    width: 371px;
    border: 1px solid #8163A2;
    background: rgba(0,0,0,0.25);
    margin: 7px 0 0 67px;
}
.action__inner {
    border: 1px solid rgba(215,215,215,0.2);
    width: 351px;
    margin: 9px auto 9px;
    text-align: center;
    padding: 19px 0 39px;
}
.action__inner h3 {
    font-size: 24px;
}
.action__cta {
    margin: 5px 0 0;
}
.action__end {
    margin: 15px 0 0;
}
.timer {

    margin: 4px 0 0;
}
.timer li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}
.timer__counter {
    border: 1px solid #3E2251;
    width: 48px;
    height: 39px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.32+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.32) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.32) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.32) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    line-height: 39px;
    font-size: 24px;
}
.timer__caption {
    font-size: 11px;
    margin: 4px 0 0;
}
.action_form {

}
.action_form__text {
    font-family: 'AvantGardeGothicC', sans-serif;
    margin: 21px auto 0px;
    width: 245px;
    padding: 0 10px;
    background: rgba(255,255,255,0.1);
    border: 1px solid #3A204B;
    height: 39px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
.action_form__text::-webkit-input-placeholder {color:#5A3F79;}
.action_form__text::-moz-placeholder          {color:#5A3F79;}
.action_form__text:-moz-placeholder           {color:#5A3F79;}
.action_form__text:-ms-input-placeholder      {color:#5A3F79;}
.action_form__text:focus::-webkit-input-placeholder {color:transparent;}
.action_form__text:focus::-moz-placeholder          {color:transparent;}
.action_form__text:focus:-moz-placeholder           {color:transparent;}
.action_form__text:focus:-ms-input-placeholder      {color:transparent;}
.action_form__btn {
    display: block;
    border: 1px solid #9F9F9F;
    width: 267px;
    height: 40px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,bbbbbb+50,cbcbcb+50,b3b3b3+100 */
    background: rgb(216,216,216);/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(187,187,187,1) 50%, rgba(203,203,203,1) 50%, rgba(179,179,179,1) 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(187,187,187,1) 50%,rgba(203,203,203,1) 50%,rgba(179,179,179,1) 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(187,187,187,1) 50%,rgba(203,203,203,1) 50%,rgba(179,179,179,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#b3b3b3',GradientType=0 );/* IE6-9 */
    color: #282828;
    font-size: 14px;
    font-family: 'AvantGardeGothicC', sans-serif;
    cursor: pointer;
    margin: 10px auto 0;
}
#map {
    width: 100%;
    height: 400px;
}
footer {

    padding: 95px 0 20px;
}
.bottom_menu {
    text-align: center;
}
.bottom_menu li {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    text-align: center;
    margin: 0 35px;
}
.bottom_menu li img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto 8px;
}
.bottom_menu li a {
    text-decoration: underline;
    color: #ffffff;
}
.bottom_menu li a:hover {
    text-decoration: none;
}
.developer {
    color: #ffffff;
    font-size: 12px;
    margin: 83px 0 0;
    text-align: center;
}
.developer a {
    color: #ffffff;
    text-decoration: underline;
}
.developer a:hover {
    text-decoration: none;
}
.error {
    border: 1px solid red;
}
.modal {
    width: 600px;
    background: #ffffff;
    padding: 35px 40px 70px;
}
.modal h2 {

}
.modal_form__caption {
    margin-bottom: 5px;
}
.modal_form__group{
    display: inline-block;
    vertical-align: top;
    margin: 10px 20px 0 0;
}
.modal_form__text {
    width: 247px;
    border: 1px solid #C7C7C7;
    height: 39px;
    padding: 0 10px;
    font-family: 'AvantGardeGothicC', sans-serif;
    font-size: 14px;
}
.modal_form__textarea {
    width: 536px;
    border: 1px solid #C7C7C7;
    height: 99px;
    resize: none;
    padding: 10px;
    font-family: 'AvantGardeGothicC', sans-serif;
    font-size: 14px;
}
.modal_form__btn {
    display: block;
    border: 1px solid #9F9F9F;
    width: 267px;
    height: 40px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,bbbbbb+50,cbcbcb+50,b3b3b3+100 */
    background: rgb(216,216,216);/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(216,216,216,1) 0%, rgba(187,187,187,1) 50%, rgba(203,203,203,1) 50%, rgba(179,179,179,1) 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(187,187,187,1) 50%,rgba(203,203,203,1) 50%,rgba(179,179,179,1) 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(187,187,187,1) 50%,rgba(203,203,203,1) 50%,rgba(179,179,179,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#b3b3b3',GradientType=0 );/* IE6-9 */
    color: #282828;
    font-size: 14px;
    font-family: 'AvantGardeGothicC', sans-serif;
    cursor: pointer;
    margin: 20px 0 0;
}
#thanks {
    text-align: center;
    padding: 40px;
}