@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoLight.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/RobotoLight-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/RobotoLight.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/RobotoLight#RobotoLight')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoBlack.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/RobotoBlack-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
        url('../fonts/RobotoBlack.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
        url('../fonts/RobotoBlack#RobotoBlack')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 900;
    font-style: normal;
}

*::-webkit-input-placeholder {  color: #67657c; opacity: 1;}
*:-moz-placeholder {color: #67657c: 1;}
*::-moz-placeholder {color: #67657c;    opacity: 1;}
*:-ms-input-placeholder {color: #67657c;    opacity: 1;}

input:focus::-webkit-input-placeholder       {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus::-moz-placeholder                {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus:-moz-placeholder                 {opacity: 0.5;   transition: opacity 0.5s ease;}
input:focus:-ms-textarea-placeholder            {opacity: 0.5;   transition: opacity 0.5s ease;}
.phone::-ms-clear {    display: none;}
html{    overflow-x: hidden; min-width: 375px;}
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
*:focus {outline: 0;}
b, strong {font-weight: 900;}
i, em {font-style: italic;}
li {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
td, th { vertical-align: middle;}
a, [type="submit"], [type="button"], label, select, button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
div a:hover, div a:active, div a:focus{outline: none;}
aside, header, footer, article, section, nav {display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
iframe {display: block; position: relative;}
body{font-size: 16px; position: relative; overflow: hidden;min-width: 375px; font-family: Roboto;  color: #0d103d; margin: 0px;}
a:hover, a:active{text-decoration: none; color: #000;}
.over{    position: fixed;   overflow: hidden;    width: 100%;}
/* Animation */
    a, .navigation__mobile,input,.button_toogle {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.container-fluid{padding: 0px 60px; width: 100%; max-width: 1920px; margin: 0px auto;}
.row{display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.align-items-center {    -ms-flex-align: center ;    align-items: center;}
.align-items-between {    -ms-flex-align: center ;    align-items: center; }
 .justify-content-between {   justify-content: space-between;}
/*******************Общие настройки*******************/
.btns{display: inline-block; text-align: center; width: 100%;}
.button_toogle{  font-size: 0px; padding: 12px; display: none;  margin-left:-15px; height: 54px;  z-index: 111; width: 54px; }
.button_toogle button{background: none;}
.c-hamburger {  display: inline-block;  z-index: 111;  position: relative;   margin: 0;  padding: 0;  width: 30px;  height: 26px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition: background 0.3s;}
.c-hamburger.is-active .c-hamburger span{ background: #fff; }
.c-hamburger:focus {  outline: none;}
.c-hamburger span {  display: block;  position: absolute; width: 30px;  height: 2px; background: #fff;}
.c-hamburger span::before,.c-hamburger span::after {  position: absolute;  display: block; background: #fff;  left: 0;  width: 100%;  height: 2px;   content: "";}
.c-hamburger span::before {  top: -7px;  width: 30px; }
.c-hamburger span::after {  bottom: -7px; width: 30px;}
 .c-hamburger--htx span {  transition: background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {  transition-duration: 0.3s, 0.3s;  transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {  transition-property: top, transform;}
.c-hamburger--htx span::after {  transition-property: bottom, transform;}
.c-hamburger--htx.is-active span {  background: none;}
.c-hamburger--htx.is-active span::before {  top: 0;  transform: rotate(45deg); width: 100%;}
.c-hamburger--htx.is-active span::after {  bottom: 0;  transform: rotate(-45deg); width: 100%;}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {  transition-delay: 0s, 0.3s; margin-left: 0px;  }
.menu a{height: 85px; color: #fff; display: inline-block; line-height: 85px; padding: 0px 25px;}
.menu a:hover{background: rgba(42,38,75,0.5); color: #fff;}

/*******************Меню*******************/
#top__line{position: absolute; top: 0px; left: 0px; right: 0px;  z-index: 111; background: rgba(42,38,75,0.5); }
#header{height: 1000px; color: #fff; background: url(/index/img/bg_header.jpg) center no-repeat; background-size: cover;}
.top__line_menu{ font-size: 20px;  color: #fff;}
.top__line_menu_list li{ display: inline-block; vertical-align: middle;}
.btn-white{border:1px solid #fff; color: #fff; font-size: 20px; display: inline-block; text-align: center; overflow: hidden;}
.btn-white:hover{background: #fff; color: #0e0f3b; text-align: center;}
.btn-or-border{border:1px solid #f1d351; color: #f1d351; font-size: 20px; display: inline-block; text-align: center; overflow: hidden;}
.btn-or-border:hover{background: #f1d351; color: #0e0f3b; text-align: center;}
.vis_1366{display: none;}
.btn-or{background-color: #f1d351; color: #0d103d; font-size: 20px; display: inline-block; text-align: center; overflow: hidden;}
.btn-or:hover{background-color: #f2b600; color: #0d103d; text-align: center;}

.btn-or.blue{background-color: #006ce5; color: #fff;}
.btn-or.blue:hover{background-color: #0356b2; color: #fff;}

.btn-or-border.blue{border-color: #006ce5; color: #006ce5;}
.btn-or-border.blue:hover{background-color: #006ce5; color: #fff;}

.description_line:after {
    content: "";
    width: 300px;
    height: 1px;
    display: inline-block;
    margin: 5px 0px;
    background: #fff;
}
.description_line.blue:after {
    background: #0d103d;
}
.description_list.description_line{margin-bottom: 0px;}
.btn-reg{ height: 55px; line-height: 53px; border-radius: 30px; width: 200px; }
.top__line_right{display: flex; align-items: center;}
.top__line_btn,.top__line_tablets_btn,.top__line_logo{font-size: 0px;}
.btn-login{height: 55px; line-height: 53px; border-radius: 30px; width: 145px; background-image: url(/index/img/icon-login.png); background-position: 40px 19px; background-repeat: no-repeat; padding-left: 20px;}
.top__line_btn_item{display: inline-block;padding-left: 20px;}
.title{font-size: 100px; margin-bottom:25px; line-height: 100px;}
.title b{font-size: 120px;}
.title.active{font-size: 60px; font-weight: 900;}
.title.active p{display: inline-block;}
.title.active b{font-size: 60px;}
.description_list li{font-size: 25px; padding-left: 50px; margin-bottom: 20px; position: relative;}
.description_list li:before{content: ""; height: 12px; width:27px; position: absolute; left: 0px;background: url(/index/img/icon-list.png); top: 7px; }
.description_list {margin-bottom: 50px;}
.link-more{font-size: 25px; display: inline-flex; position: relative;}
.link-more:after{content: ""; position: absolute; right: -15px; top: 12px; display: inline-block; margin-left: 5px; height: 13px; width: 7px; background: url(/index/img/arr.png);}
.link-more.blue:after{background: url(/index/img/arr-blue.png);}
.link-back.blue:after{background: url(/index/img/arr-blue.png);}
.link-more-white{color: #fff; border-bottom: 1px dashed #fff}
.link-more-white:hover{color: #fff;}
.link-more-blue{color: #0d103d; border-bottom: 1px dashed #0d103d}
.link-more-blue:hover{color: #0d103d;}
.link-back{font-size: 25px; display: inline-flex; margin-left: 15px; position: relative;}
.link-back:after{content: ""; position: absolute; left: -15px; top: 12px; display: inline-block; margin-right: 5px; transform: rotate(180deg); height: 13px; width: 7px; background: url(/index/img/arr.png);}
.link-back{display: none;}
.link-more:hover:after{margin-left: 10px;}
.link-more:hover{opacity: 0.7;}
.btn-buy{height: 70px; line-height: 66px; border-radius: 35px; width: 190px;}
.btn-demo{height: 70px; line-height: 65px; border-radius: 35px; width: 190px;}
.box_btn li{display: inline-block; }
.box_btn li:first-child{margin-right: 25px;}
.section-img img{max-width: 100%;}
.header__left{width: 660px; padding-left: 115px; margin-top: -20px;}
.header__right{width: calc(100% - 660px);}
#header{padding-top: 220px;}
.description_list{margin-left: 10px;}
.link{margin-left: 10px; padding: 5px 0px 30px;}
.line{position: absolute; top: 285px; right: 0px; left: 0px;}
.header__img{min-height: 700px; display: flex; align-items: center;}
.box_information{position: relative;z-index: 11;}
.top__line_tablets_menu li{display: inline-block; color: #fff; vertical-align: middle;  font-size: 17px;}
.top__line__menu_tablets{  display: none; border-top: 1px solid rgba(255,255,255,0.3);}
.top__line__menu_tablets{font-size: 0px;}
.top__line_tablets_btn{display: none;}
.button_toogle.active{background: #009ce4;}
.description_list.blue li:before{background: url(/index/img/icon-list-blue.png);}
.text-list{display: none; font-size: 18px;}
.vis_768{display: none;}

/*Документация*/
#document{height: 1000px; display: flex; align-items:center; background: url(/index/img/bg_document.jpg) center no-repeat; background-size: cover;}
.document__left{width: 915px; margin-top: -10px;}
.document__right{width: calc(100% - 915px); padding-left:100px;}
.description_list.blue li:before{background: url(/index/img/icon-list-blue.png);}
.document_img{min-height: 700px; display: flex; align-items: center;}

/*Поставщики*/
#suppliers{height: 1000px; color: #fff; display: flex; align-items:center; background: url(/index/img/bg_suppliers.jpg) center no-repeat; background-size: cover;}
.suppliers__left{width: 880px; padding-left: 115px; margin-top: -20px;}
.suppliers__right{width: calc(100% - 880px);}
.suppliers_img{min-height: 700px; display: flex; align-items: center; margin-left:-120px;}
.suppliers__box {padding-top: 20px;}

/*API*/
#api{height: 1000px; display: flex; align-items:center; background: url(/index/img/bg_api.jpg) center no-repeat; background-size: cover;}
.api__left{width: 915px; padding-top:80px;}
.api__left.active{margin-top:-10px; padding-top: 0px;}
.api__right{width: calc(100% - 915px); padding-left:100px;}
.api_img{min-height: 700px; display: flex; align-items: center;}
.tariff_price-txt1{font-size: 25px;padding-top: 10px;    padding-right: 10px; }


/*Тарифы*/
#tariff{ display: flex; align-items:center; padding: 55px 0px 87px; background: url(/index/img/bg_tariff.jpg) center no-repeat; background-size: cover;}
#tariff .title-section{color: #fff;}
.title-section {font-size: 25px; padding-bottom: 65px;}
.title-section b{font-size: 80px;}
.title-section {text-align: center;}
.tariff__item{background: #fff; margin-bottom:27px;}
.btn-txt{font-size: 21px; color: #fff; text-align: center;}
.btn-tarif{height: 125px; display: inline-block; }
.btn-txt{display: inline-block; line-height: 125px; border-right: 1px solid rgba(255,255,255,0.3); height: 125px; width: 180px;}
.btn-arr{height: 125px; width: 45px; background-image: url(/index/img/buy_arr.png); background-repeat: no-repeat; background-position: center;}
.btn-tarif{display: inline-flex; align-items:center; }
.tariff__item{border-radius: 3px; display: flex; align-items:center; overflow: hidden; border-left: 10px solid #fff;}
.tariff-name b{font-weight: 900;line-height: 40px; font-size:50px; text-transform: uppercase;}
.tariff-name {font-size: 22px; color: #42464c; justify-content:center; height: 124px; display: flex; align-items:center; border-right: 1px solid #d6d5e5; text-align: center; width: 215px;}
.tariff__item_left{display: flex; align-items:center;}
.tariff_price-count{font-size: 51px; color: #42464c; padding-right: 15px; font-weight: 900;}
.tariff_price-txt{font-size: 19px;}
.tariff_price-txt p:first-child{padding-bottom:3px;}
.tariff_price-txt p:nth-child(2){border-top: 1px solid #000; }
.tariff_price{display: flex;justify-content: flex-end; width: 290px;  align-items:center; padding-right: 20px; text-align:right;}
.tariff__item_right{display: flex; border-left: 1px solid #d6d5e5; align-items:center;}
.tariff_info{font-size: 23px; width: calc(100% - 215px); display: flex; align-items:center; }
.tariff_info > div{flex: 0 0 50%; padding-left: 30px; padding-right:30px;}
.tariff__item_left{width: calc(100% - 515px);}
.tariff__box{max-width: 1560px; margin:0px auto;}
.tariff-name p{line-height: 21px;}
.vis_992{display: none;}
.color1.tariff__item{border-color: #ffc600;}
.color1 .btn-tarif{background-color: #ffc600;}
.color2.tariff__item{border-color: #85c300;}
.color2 .btn-tarif{background-color: #85c300;}
.color3.tariff__item{border-color: #00aaa4;}
.color3 .btn-tarif{background-color: #00aaa4;}
.color4.tariff__item{border-color: #009cff;}
.color4 .btn-tarif{background-color: #009cff;}
.color5.tariff__item{border-color: #005bd6;}
.color5 .btn-tarif{background-color: #005bd6;}
.color6.tariff__item{border-color: #7a4cff;}
.color6 .btn-tarif{background-color: #7a4cff;}
.color7.tariff__item{border-color: #c25de3;}
.color7 .btn-tarif{background-color: #c25de3;}
.color8.tariff__item{border-color: #f00283;}
.color8 .btn-tarif{background-color: #f00283;}
.color9.tariff__item{border-color: #d52949;}
.color9 .btn-tarif{background-color: #d52949;}
.tariff__item.color1:hover  .btn-tarif{background-color:#f6a800;}
.tariff__item.color2:hover  .btn-tarif{background-color:#72b301;}
.tariff__item.color3:hover  .btn-tarif{background-color:#00a28d;}
.tariff__item.color4:hover  .btn-tarif{background-color:#0087f0;}
.tariff__item.color5:hover  .btn-tarif{background-color:#004fb8;}
.tariff__item.color6:hover  .btn-tarif{background-color:#683de2;}
.tariff__item.color7:hover  .btn-tarif{background-color:#a84fc5;}
.tariff__item.color8:hover  .btn-tarif{background-color:#ca026d;}
.tariff__item.color9:hover  .btn-tarif{background-color:#bb2240;}
.color8 .tariff-name b{font-size: 34px; line-height: 30px;}
.color9 .tariff-name b{font-size: 34px; line-height: 30px;}
.tariff_info-left span{display:block; color: #888888; font-size: 16px;}


/*Преимущества*/
.advantages_head{line-height: 100px; font-size: 80px; color: #0d103d; font-weight: 900; text-align:center; padding: 61px 0px; background: url(/index/img/bg_adv_hed.jpg) center no-repeat; background-size: cover;}
.advantages_item{min-height: 290px; position: relative; background-color: #0087c2; padding:50px 70px 5px 70px; color: #fff; flex:  0 0 33.3333%; max-width: 33.3333%;}
.advantages_item-title{font-weight: 900; padding-bottom: 10px; font-size: 30px; line-height: 38px;}
.advantages_item-text{font-size: 18px; line-height: 30px;}
.adv1{background-image: url(/index/img/adv-icon1.png);}
.adv2{background-image: url(/index/img/adv-icon2.png); background-color: #006dae;}
.adv3{background-image: url(/index/img/adv-icon3.png);  background-color: #05508b}
.adv4{background-image: url(/index/img/adv-icon4.png);  background-color: #05508b}
.adv5{background-image: url(/index/img/adv-icon5.png);}
.adv6{background-image: url(/index/img/adv-icon6.png); background-color: #006dae}
.adv7{background-image: url(/index/img/adv-icon7.png); background-color: #006dae}
.adv8{background-image: url(/index/img/adv-icon8.png); background-color: #05508b}
.adv9{background-image: url(/index/img/adv-icon9.png);}
.advantages_item{background-repeat: no-repeat; background-position: -20px -30px;}

/*Нам доверяют*/
#partners{ display: flex; align-items:center;padding: 85px 0px; background: url(/index/img/bg_partners.jpg) top center no-repeat; background-size: cover;}
.partners_item{flex:  0 0 25%; max-width: 25%; padding: 35px 10px;}
.partners_item img{max-width: 100%;}
#partners .title-section{padding-bottom: 40px;}
.partners_box{padding: 0px 120px;}

/*Обратный звонок*/
#feadback{ display: flex; align-items:center;padding: 130px 0px 80px; color: #fff; background: url(/index/img/bg_feadback.jpg) top center no-repeat; background-size: cover;}
.feadback__head{font-size: 40px; padding-bottom:45px;}
.feadback__head b{font-size:80px; display: block;padding-bottom:15px; line-height: 84px;}
.feadback__form input{height: 55px; margin-bottom: 25px; width: 100%; background: #fff; border-radius: 30px; padding-left: 35px; font-size: 20px;}
.feadback__form{max-width: 460px;}
.feadback__form input.btn_submit{width: 250px; padding: 0px; background: #f1d351; height: 70px; margin:5px 0px 0px; border-radius: 40px; text-align:center;  color: #0d103d;}
.feadback__form input.btn_submit:hover{background-color:#f2b600;}
.feadback_img img{max-width: 100%;}
.feadback_left{padding-left: 120px; flex:  0 0 55%;}
.feadback_right{ flex:  0 0 45%;}
.feadback_img{    padding-left: 120px;    padding-top: 20px;}

/*Подвал*/
#footer{  background: url(/index/img/bg_footer.jpg) top center no-repeat; color: #42464c; background-size: cover;}
.footer_info_item a{font-size: 30px; font-weight: 900;}
.footer_info_item b{font-size: 30px;}
.footer_info_item {font-size: 20px;}
.skype:before{content: ""; display: inline-block; min-width: 23px; margin-right: 5px; background: url(/index/img/skype.png); height: 23px; width: 23px; }
.skype{display: flex; align-items:center;}
.footer_top{padding: 40px 0px 35px 0px; width: 100%; }
.footer_info{display: flex;  justify-content: space-between;}
.footer_logo{width: 415px;}
.footer_info{width: calc(100% - 415px); padding-right: 90px;}
.footer_bottom{width: 100%; font-size: 20px; padding: 30px 0px; position: relative; text-align:center; border-top: 1px solid #d4d4d4;}
.btn-phone{height: 100px; width: 100px; border-radius: 50%; background: #f1d351 url(/index/img/phone.png) center no-repeat; display: inline-block; position: absolute; top: -50px; right: 25px;}
.btn-phone:hover{background-color: #f2b600;}
.vis_1200{display: none;}

#header.header__single{
    height: 822px;
    background: url(/index/img/fon.jpg) center no-repeat;
    padding-top: 85px;
    background-size: cover;
}
#header.header__single .vin__container{
    padding-top: 106px;
}
.vin__container {
    padding-left: 248px;
    padding-right: 248px;
    width: 100%;
}
.vin_form-steps-head-left {
    float: left;
}
.vin_form-steps-head-left b{
    display: block;
    font-size: 50px;
    color: #fff;
    line-height: 50px;
}
.vin_form-steps-head-left span{
    font-size: 25px;
    display: block;
}
.vin_form-steps-head-right {
    float: right;
    text-align: right;
    margin-top: 5px;
}
.vin_form-steps-head-right a{
    margin-bottom: 11px;
    display: inline-block;
    font-size: 20px;
}
.btn__get-vin{
    width: 200px;
    height: 40px;
    display: block;
    color: #0d103d;
    font-size: 17px;
    text-align: center;
    outline: 0;
    border: 0;
    font-weight: 300;
    border-radius: 3px;
    background-color: #f1d351;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.btn__get-vin:hover{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f2b600;
    color: #0d103d;
}
.icon-ques {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url(/index/img/icon-ques.png);
    position: relative;
    top: 3px;
    left: 0;
    margin-left: 8px;
}
.vin__steps-numb-item {
    width: 405px;
    float: left;
    margin-right: 35px;
}
.vin__steps-numb-item:nth-child(3) {
    margin-right: 0px;
}
.vin__steps-numb-item i.vin__steps-numb {
    width: 50px;
    height: 50px;
    border: 1px solid #5FBCDB;
    color: #5FBCDB;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 24px;
    border-radius: 100%;
    font-style: normal;
    padding-top: 5px;
}
.vin__steps-numb-item span {
    color: #78D3F2;
    font-size: 20px;
    font-weight: 300;
    margin-top: 12px;
    display: inline-block;
}
.vin__steps-numb-item.number1:after {
    content: "";
    display: block;
    width: 148px;
    height: 1px;
    background-color: #5FBCDB;
    float: right;
    margin-top: 25px;
}
.vin__steps-numb-item.number2:after {
    content: "";
    display: block;
    width: 216px;
    height: 1px;
    background-color: #5FBCDB;
    float: right;
    margin-top: 25px;
}
.vin__steps-numb-item.number3:after {
    content: "";
    display: block;
    width: 162px;
    height: 1px;
    background-color: #5FBCDB;
    float: right;
    margin-top: 25px;
}
.clearNo{
    clear: both;
}
.vin__active span{
    color: #fff;
}
.vin__active i.vin__steps-numb {
    border: 1px solid #fff;
    color: #fff;
}
.vin__active.number1:after {
    background-color: #fff;
}
.vin__body{
    margin-top: 37px;
}
.vin__steps-numbs{
    margin-top: 16px;
}
.stepsTitle {
    color: #ffffff;
    font-size: 28px;
    font-weight: 300;
    margin-top: 37px;
}
.vin__body h2{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 15px;
}
.filed__standart {
    width: 410px;
    float: left;
    margin-bottom: 27px;
    margin-right: 28px;
    border-radius: 3px;
}
.filed__standart:nth-child(3n){
    margin-right: 0;
}
.filed__standart input{
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 29px;
    line-height: 49px;
}

.custom-select {
    position: relative;
}

.custom-select select {
    display: none;
}
.select-selected {
    background-color: #fff;
    padding: 0 !important;
    padding-left: 29px !important;
    height: 55px;
    border-radius: 5px;
    padding-top: 13px !important;
    font-size: 20px;
}
.select-selected:after {
    position: absolute;
    content: "";
    background-image: url(/index/img/arrow_c.png);
    width: 14px;
    height: 7px;
    right: 20px;
    top: 25px;
}
.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
}

.select-items div,.select-selected {
    color: #67657c;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}
.filed__standart.question {
    position: relative;
}
.filed__standart.question:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background-image: url(/index/img/qu.png);
    position: absolute;
    right: 17px;
    top: 18px;
}

.next__btn {
    width: 226px;
    height: 55px;
    display: block;
    color: #0d103d;
    font-size: 20px;
    font-weight: 300;
    line-height: 49px;
    border-radius: 3px;
    text-align: center;
    outline: 0;
    border: 0;
    background-color: #f1d351;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.next__btn:hover {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f2b600;
    color: #0d103d;
}
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 2px 2px 5px 5px;
}
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.vin__zapros{
    background-image: url('/index/img/VIN.png');
    background-position: center;
    padding-top: 71px;
    padding-bottom: 83px;
}

.vin__zapros h2{
    color: #0d103d;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 15px;
}

.vin__zapros p{
    color: #0d103d;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
}
.vin__zapros .vin__container {
    padding-right: 340px;
}
.vin__zaprosForm {
    background-image: url(/index/img/ff.png);
    background-position: center;
    background-size: cover;
    padding-top: 74px;
    padding-bottom: 74px;
}

.vin__zaprosForm h2 span{
    display: block;
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 11px;
}
.vin__zaprosForm p{
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
}
.vin__zaprosForm h2{
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 15px;
}

.b__filed{
    width: 299px;
    float: left;
    margin-right: 30px;
}
.b__filed:nth-child(4){
    margin-right: 0;
}
.b__filed input {
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 29px;
    line-height: 49px;
}
.get__vin-btn{
    width: 257px;
    height: 55px;
    display: block;
    color: #0d103d;
    font-size: 20px;
    font-weight: 300;
    line-height: 49px;
    border-radius: 3px;
    text-align: center;
    outline: 0;
    border: 0;
    background-color: #f1d351;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: 27px;
}
.get__vin-btn:hover {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f2b600;
    color: #0d103d;
}
.bottom__form{
    margin-top: 39px;
}
.filed_input{
    float: left;
    width: 465px;
    margin-right: 28px;
}
.btn__group {
    float: left;
    display: flex;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin-right: 28px;
}
.btn__group button:nth-child(1) {
    border-right: 1px solid;
}
.btn__group button:nth-child(2) {
    border-right: 1px solid;
}
.btn__group button {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-top: 15px;
    background-color: transparent;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}
.btn:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
.btn-link:hover {
  background-color: transparent !important;
  color: #000 !important;
  border-color: transparent !important;
}
.count_add{
    float: left;
    width: 130px;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
}
.sub img {
    position: relative;
    top: -11px;
    left: 4px;
}
.add img {
    position: relative;
    top: -3px;
    left: -3px;
}
.filed_input input {
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 29px;
    line-height: 49px;
}

.count_add  .sub{
    width: 35px;
    display: block;
    padding: 0;
    text-align: center;
    height: 100%;
    float: left;
    background: #fff;
    color: #94A8B7;
    font-size: 36px;
    border-radius: 5px;
}
.count_add input{
    width: 60px;
    float: left;
    height: 100%;
    text-align: center;
    background: #fff;
    color: #94A8B7;
    font-size: 20px;
}

.count_add  .add {
    width: 35px;
    display: block;
    padding: 0;
    text-align: center;
    height: 100%;
    float: right;
    background: #fff;
    color: #94A8B7;
    font-size: 30px;
    border-radius: 5px;
}
.filed__group-item{
    margin-bottom: 27px;
}
.add__button button i {
    font-style: normal;
    font-size: 29px;
    position: relative;
    left: -1px;
}
.add__button button span {
    position: relative;
    top: -2px;
}
.add__button{
    width: 196px;
    float: right;
}
.add__button button {
    height: 55px;
    width: 100%;
    border-radius: 3px;
    background-color: #f1d351;
    text-align: center;
    outline: 0;
    border: 0;
    color: #0d103d;
    font-size: 20px;
    font-weight: 300;
    line-height: 49px;
}
.filed100{
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 29px;
    line-height: 54px;
    margin-bottom: 27px;
}
.bot__btns .next__btn{
    float: right;
}

.prev__btn{
    width: 226px;
    height: 55px;
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 49px;
    border-radius: 3px;
    text-align: center;
    outline: 0;
    border: 1px solid #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    float: left;
}
.prev__btn:hover{
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.prev__btn:hover i {
    background-image: url(/index/img/arrow_c2.png);
    transform: rotate(180deg);
}
.prev__btn i {
    width: 7px;
    height: 13px;
    display: inline-block;
    background-image: url(/index/img/arrow_copy_3.png);
    margin-right: 11px;
}
.next__btn i {
    width: 7px;
    height: 13px;
    display: inline-block;
    background-image: url(/index/img/arrow_c2.png);
    margin-left: 10px;
}
#header.r__single {
    height: auto;
    background: url(/index/img/fon.jpg) center no-repeat;
    background-size: cover;
    padding-bottom: 90px;
}
.dellet__btn button{
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.add__button button:hover{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f2b600;
    color: #0d103d;
}
.dellet__btn i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/index/img/cxs.png);
    margin-right: 11px;
}

.dellet__btn button:hover{
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.dellet__btn button:hover i {
    background-image: url(/index/img/pls.png);
    transform: rotate(223deg);
    margin-right: 8px;
    width: 14px;
    height: 14px;
}
.btns__double {
    overflow: hidden;
}
.btns__double button:first-child {
    width: 55px;
    height: 55px;
    border-radius: 3px;
    background-color:transparent;
    text-align: center;
    outline: 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 49px;
    float: left;
}
.btns__double button:last-child {
    width: 131px;
    height: 55px;
    float: right;
    border-radius: 3px;
    background-color: #f1d351;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.btns__double button:first-child i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/index/img/cxs.png);
}
.btns__double button:first-child:hover {
    background-color: #fff;
}
.btns__double button:first-child:hover i {
    background-image: url(/index/img/pls.png);
    transform: rotate(223deg);
    width: 16px;
    height: 16px;
    background-size: 100%;
    position: relative;
    top: 1px;
}
.btns__double button:last-child i{
    background-image: url(/index/img/pls.png);
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;

}
.btns__double button:last-child:hover {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f2b600;
    color: #0d103d;
}

.filed__four{
    width: 48%;
    float: left;
    margin-bottom: 28px;
}
.filed__four:nth-child(2n){
    float: right;
}
.filed__four input{
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 29px;
    line-height: 49px;
}
.country__f{
    position: relative;
}
.country__flag {
    position: absolute;
    color: #000;
    width: 104px;
    border-right: 1px solid #94A8B7;
    height: 100%;
    background-color: #ffff;
    padding-left: 25px;
    padding-top: 3px;
    border-radius: 4px 0px 0px 4px;
}
.country__f input {
    width: 100%;
    height: 55px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #67657c;
    font-size: 20px;
    font-weight: 300;
    padding-left: 130px;
    line-height: 49px;
}
.country__f span{
     color: #67657c;
     font-size: 20px;
     font-weight: 300;
     line-height: 49px;
     margin-left: 10px;
 }

.finish__btn{
    width: 275px;
}

.bot__btns1 .prev__btn{
    width: 226px;
}


.subMenuPageDiv {
    position: absolute;
    top: 95px;
    padding: 0 40px;
    width: 100%;
}

.subMenuPage__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 1366px;
    margin: auto;
}

.subMenuPage__win {
    background-color: #FFF;
    border-radius: 40px;
    display: flex;
    padding: 0 20px;
}
.subMenuPage__win a {
    padding: 15px 20px;
    display: block;
    font-weight: bold;
}

.subMenuPage__win a:hover {
    background-color: #f1d351;
    color: #FFF;
}


@media only screen and (max-width : 767px) {
    .subMenuPage__win a {
        padding: 10px;
        display: block;
    }
    .subMenuPage__inner {
        justify-content: center;
    }
}


@media only screen and (max-width : 500px) {
    .subMenuPage__win a {
        padding: 10px 5px;
        display: block;
        font-size: 14px;
    }
}



.btnLnkEpc, .btnLnkTic {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.btnLnkEpc a {
    border-bottom: 2px solid #FF0;
}
.btnLnkEpc a:hover {
    color: #FF0;
    border-bottom: 2px solid #10ff00;
}

.btnLnkTic a {
    color: #79aee8;
    border-bottom: 2px solid #79aee8;
}
.btnLnkTic a:hover {
    color: #2035ff;
    border-bottom: 2px solid #2035ff;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}

.formOrderSendModal__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: Arial;
    color: rgba(240, 211, 80, 1);
}

.text-small {
    font-size: 12px;
}

.text-color-white, a.text-color-white {
    color: #FFF;
}

a.text-color-white:hover {
    color: #FF0;
}

.tariff__item_right-txt {
    font-size: 10px;
    text-align: center;
}