/***
 * Сброс стилей
 ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input {outline: 0;}


/***
 * Основные стили
 ***/

html {width: 100%; height: 100%;}
body {
	width: 100%; height: 100%;
	font: 14px 'Open Sans', sans-serif;
	color: #17252e;
	background: #fff;
}

a {color: #044ba8; text-decoration: underline; outline: none;}
a:hover {text-decoration: none;}

section {position: relative;}

.g-page {max-width: 1920px; margin: 0 auto;}
.wrapper {width: 980px; margin: 0 auto;}

.section-title {margin-bottom: 50px; font-weight: 600; font-size: 48px; line-height: 52px; text-align: center;}
.section-title:after {content: ''; display: block; width: 230px; height: 14px; margin: 0 auto; border-bottom: 5px solid #a10925;}

.section-nav {position: absolute; left: 50%; top: -36px; width: 73px; height: 73px; margin-left: -36px; text-indent: -9999px; background: url('../images/section-nav.png')/*tpa=http://avtovikup-1.ru/images/section-nav.png*/ no-repeat;}
.section-nav--down {background-position: 0 -75px;}
.section-nav.gray {background-position: -75px 0;}
.section-nav--down.gray {background-position: -75px -75px;}



/***
 * Элементы форм
 ***/

.i-text {
	width: 188px; height: 27px;
	margin: 0; padding: 0 5px;
	font: 14px 'Open Sans', sans-serif;
	color: #000;
	background: #fff;
	border: 0;
}

.btn-styled {
	display: inline-block;
	height: 36px;
	margin: 0; padding: 0 30px;
	font: bold 24px/36px 'Open Sans Condensed', sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	outline: 0;
	background: #e0183d; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0183d 0%, #a10925 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0183d), color-stop(100%,#a10925)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0183d 0%,#a10925 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0183d 0%,#a10925 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0183d 0%,#a10925 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0183d 0%,#a10925 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0183d', endColorstr='#a10925',GradientType=0 ); /* IE6-9 */
	border: 0;
	border-radius: 5px;
	box-shadow: 4px 5px 0 0 #efe9e9;
	white-space: nowrap;
}
.btn-styled:hover {
	/*
	background: #ce1638;
	background: -moz-linear-gradient(top,  #ce1638 0%, #940822 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce1638), color-stop(100%,#940822));
	background: -webkit-linear-gradient(top,  #ce1638 0%,#940822 100%);
	background: -o-linear-gradient(top,  #ce1638 0%,#940822 100%);
	background: -ms-linear-gradient(top,  #ce1638 0%,#940822 100%);
	background: linear-gradient(to bottom,  #ce1638 0%,#940822 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1638', endColorstr='#940822',GradientType=0 );
	*/
	background: #716d6e;
}
.btn-styled:active {
	/*
	background: #940822;
	background: -moz-linear-gradient(top,  #940822 0%, #ce1638 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#940822), color-stop(100%,#ce1638));
	background: -webkit-linear-gradient(top,  #940822 0%,#ce1638 100%);
	background: -o-linear-gradient(top,  #940822 0%,#ce1638 100%);
	background: -ms-linear-gradient(top,  #940822 0%,#ce1638 100%);
	background: linear-gradient(to bottom,  #940822 0%,#ce1638 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940822', endColorstr='#ce1638',GradientType=0 );
	*/
	background: #5c5859;
	box-shadow: 2px 3px 0 0 #efe9e9;
}

.btn-styled b {display: block; font-size: 27px; line-height: 30px;}


/***
 * Форма отправки
 ***/

.b-sendform {}
.b-sendform_caption {font: bold 26px/52px 'Open Sans Condensed', sans-serif; color: #fff; text-align: center; text-transform: uppercase; background: #c61334; border-radius: 5px 5px 0 0; white-space: nowrap;}
.b-sendform_body {padding: 21px 21px 31px 21px; background: #fff; border-radius: 0 0 5px 5px;}
.b-sendform .msg {padding: 20px 50px; padding-top: 10px; font: 300 24px 'Open Sans Condensed', sans-serif; text-align: center; white-space: nowrap;}
.b-sendform .row {position: relative; width: 293px; margin-top: 19px; border: 1px solid #716d6e;}
.b-sendform .row-borderless {width: 295px; margin-top: 15px; border: 0;}
.b-sendform .row:first-child {margin-top: 0;}
.b-sendform .row .col {float: left; width: 50%;}
.b-sendform .row .col p {margin-top: 8px;}
.b-sendform .row .col p:first-child {margin-top: 0;}
.b-sendform .row .label {float: left; width: 88px; padding-left: 7px; font: 300 16px/27px 'Open Sans Condensed', sans-serif; background: #efe9e9; white-space: nowrap; overflow: hidden;}
.b-sendform .row .ctrl {float: left; width: 198px;}
.b-sendform .row .ctrl select {width: 100%; padding: 0; margin: 0;}
.b-sendform .row .err {position: absolute; left: 100px; top: 100%; margin-top: -10px; padding: 4px 8px 2px 8px; font-size: 14px; line-height: 20px; color: #fff; background: #c61334; white-space: nowrap; z-index: 1000;}
.b-sendform .row .err:after {content: ''; position: absolute; left: 10px; top: -10px; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #c61334;}
.b-sendform .buttons {margin-top: 18px; text-align: center;}

.b-sendform--large {}
.b-sendform--large .i-text {height: 36px;}
.b-sendform--large .row .label {font-size: 20px; line-height: 36px;}


/***
 * Шапка
 ***/

.s-header {padding-bottom: 15px;}
/* Логотип */
.s-header .logo-holder {float: left; width: 220px; margin-top: 24px;}
.s-header .logo-holder .logo {display: block; width: 216px; height: 37px; text-indent: -9999px; background: url('../images/logo.png')/*tpa=http://avtovikup-1.ru/images/logo.png*/ no-repeat;}
.s-header .logo-holder .desc {margin-top: 3px; font-weight: 300; font-size: 13px; line-height: 17px; color: #716d6e;}
/* Правая колонка */
.s-header .col-right {float: left; width: 720px; margin-left: 40px;}
/* Контактная информация */
.s-header .contacts {float: right; text-transform: uppercase;}
.s-header .contacts .phone {float: left; margin-top: 7px; font-weight: 300; font-size: 18px; line-height: 24px;}
.s-header .contacts .phone a {text-decoration: none; color: #17252e }
.s-header .contacts .phone b {font-weight: 600; font-size: 24px;}
.s-header .contacts .phone b span {color: #c61334;}
.s-header .contacts .order {
	float: left;
	margin-left: 10px;
	padding: 7px 10px 5px 32px;
	font: bold 16px/24px 'Open Sans Condensed', sans-serif;
	color: #fff;
	text-decoration: none;
	background: #c61334 url('../images/phone.png')/*tpa=http://avtovikup-1.ru/images/phone.png*/ no-repeat 8px center;
}
.s-header .contacts .order:hover {background-color: #ba1331;}
/* Предложение */
.s-header .offer {float: left; margin-top: 20px; font-weight: 600; font-size: 18px; line-height: 24px; text-transform: uppercase;}
.s-header .offer p {margin-top: 2px;}
.s-header .offer p:first-child {margin-top: 0;}
.s-header .offer p .gray {display: inline-block; padding: 0 5px; background: #e3e2e2;}
.s-header .offer p .red {color: #c61334;}
.s-header .offer p .icon {display: inline-block; height: 24px; margin-right: 5px; vertical-align: middle; text-indent: -9999px; background: url('../images/offer-icons.png')/*tpa=http://avtovikup-1.ru/images/offer-icons.png*/ no-repeat;}
.s-header .offer p .icon-buy {width: 18px; background-position: 0 0;}
.s-header .offer p .icon-own {width: 23px; margin-top: -5px; background-position: -20px 0;}
.s-header .offer p .own {margin-left: 35px;}


/***
 * Калькулятор
 ***/

.s-calc {background: url('../images/calc-bg.jpg')/*tpa=http://avtovikup-1.ru/images/calc-bg.jpg*/ no-repeat center top; background-size: cover; background-attachment: fixed; overflow: hidden}
.s-calc .wrapper {position: relative; min-height: 630px; padding: 40px 0;}
.s-calc .wrapper:after {content: ''; position: absolute; right: -85px; bottom: 0; width: 370px; height: 540px; background: url('../images/calc-girl.png')/*tpa=http://avtovikup-1.ru/images/calc-girl.png*/ no-repeat;}
.s-calc .calc {float: left; position: relative; display: none; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.75); z-index: 1000;}
.s-calc .calc .col {}
.s-calc .calc .col .title {margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 28px; color: #716d6e;}
.s-calc .calc .col-car {float: left; width: 295px;}
.s-calc .calc .col-user {float: left; width: 295px; margin-left: 40px;}
.s-calc .calc .col-car .title {padding-left: 42px; background: url('../images/calc-col-car.png')/*tpa=http://avtovikup-1.ru/images/calc-col-car.png*/ no-repeat left center;}
.s-calc .calc .col-user .title {padding-left: 34px; background: url('../images/calc-col-user.png')/*tpa=http://avtovikup-1.ru/images/calc-col-user.png*/ no-repeat left center;}
.s-calc .calc .price-notice {height: 36px; margin-top: 15px; padding-left: 25px; font: 300 17px/18px 'Open Sans Condensed', sans-serif; background: url('../images/price-notice.png')/*tpa=http://avtovikup-1.ru/images/price-notice.png*/ no-repeat left top;}
.s-calc .calc .price-notice b {font-weight: inherit; color: #c61334;}
.s-calc .calc .btn-styled {width: 295px; height: 90px; padding: 0;}


/***
 * Почему с нами выгодно
 ***/

.s-whyus {}
.s-whyus .content {padding: 75px 0 95px; overflow: hidden;}
.s-whyus .items {margin: -35px 0 0 -80px;}
.s-whyus .item {float: left; width: 316px; padding: 30px 22px 22px 112px; margin: 35px 0 0 80px; font-size: 22px; line-height: 26px; background: #efe9e9; white-space: nowrap;}
.s-whyus .item .icon {float: left; width: 70px; height: 70px; margin-left: -90px; text-indent: -9999px; background: url('../images/whyus-icons.png')/*tpa=http://avtovikup-1.ru/images/whyus-icons.png*/ no-repeat;}
.s-whyus .item .icon1 {background-position: 0 0;}
.s-whyus .item .icon2 {background-position: -70px 0;}
.s-whyus .item .icon3 {background-position: -140px 0;}
.s-whyus .item .icon4 {background-position: -210px 0;}
.s-whyus .item .title {margin: -4px 0 8px 0; font: bold 30px/32px 'Open Sans Condensed', sans-serif; text-transform: uppercase;}
.s-whyus .item .title:after {content: ''; display: block; width: 85px; height: 5px; border-bottom: 4px solid #a10925;}


/***
 * Вызовите оценщика бесплатно
 ***/

.s-callfree {padding: 65px 0; background: #c61334;}
.s-callfree .text {float: left; position: relative; width: 490px; color: #fff; white-space: nowrap;}
.s-callfree .text:after {content: ''; position: absolute; left: -120px; top: 50%; width: 93px; height: 113px; margin-top: -56px; background: url('../images/callfree.png')/*tpa=http://avtovikup-1.ru/images/callfree.png*/ no-repeat;}
.s-callfree .text .title {font: bold 48px/50px 'Open Sans Condensed', sans-serif; text-transform: uppercase;}
.s-callfree .text .msg {margin-top: 10px; font-weight: 300; font-size: 24px; line-height: 26px;}
.s-callfree .form {float: right; width: 490px; margin-top: 42px;}
.s-callfree .form form {position: relative; height: 58px; padding: 7px; background: #fff;}
.s-callfree .form form input {margin: 0; padding: 0; outline: 0;}
.s-callfree .form form .txt {float: left; width: 285px; height: 58px; font: 300 23px 'Open Sans', sans-serif; background: #fff; border: 0;}
.s-callfree .form form .btn {float: right; width: 191px; height: 52px; margin-top: 4px; font: bold 36px 'Open Sans Condensed', sans-serif; color: #716d6e; text-transform: uppercase; background: #fff; border: 2px solid #716d6e; border-radius: 2px; cursor: pointer;}
.s-callfree .form form .btn:hover {color: #fff; background: #716d6e;}
.s-callfree .form form .err {position: absolute; right: 5px; top: 50%; margin-top: -10px; padding: 4px 8px 2px 8px; font-size: 14px; line-height: 20px; color: #fff; background: #c61334; white-space: nowrap; z-index: 1000;}
.s-callfree .form form .err:after {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border: 13px solid transparent; border-right-color: #c61334;}


/***
 * Кейсы
 ***/

.s-cases {padding: 70px 0;}
.s-cases .items {}
.s-cases .item {margin-top: 60px; padding-right: 500px; color: #716d6e;}
.s-cases .item:first-child {margin-top: 0;}
.s-cases .item .photo {float: right; width: 465px; height: 300px; margin: 5px -500px 0 0;}
.s-cases .item .title {font-weight: bold; font-size: 25px; line-height: 30px; color: #c61334; white-space: nowrap; overflow: hidden;}
.s-cases .item .desc {margin-top: 15px; font-size: 22px; line-height: 25px;}
.s-cases .item .prices {margin-top: 20px; white-space: nowrap; overflow: hidden;}
.s-cases .item .prices .price {float: left; width: 230px;}
.s-cases .item .prices .price1 {padding-right: 10px;}
.s-cases .item .prices .price2 {padding-left: 10px;}
.s-cases .item .prices .price .t {font: bold 17px/22px 'Open Sans Condensed', sans-serif;}
.s-cases .item .prices .price .v {margin-top: 3px; padding-left: 55px; font: 300 30px/47px 'Open Sans Condensed', sans-serif;}
.s-cases .item .prices .price .v b {font-weight: inherit; font-size: 38px;}
.s-cases .item .prices .price1 .v {background: url('../images/price1.png')/*tpa=http://avtovikup-1.ru/images/price1.png*/ no-repeat left center;}
.s-cases .item .prices .price2 .v {background: url('../images/price2.png')/*tpa=http://avtovikup-1.ru/images/price2.png*/ no-repeat left center;}
.s-cases .item .review {margin-top: 20px; padding-left: 95px;}
.s-cases .item .review .avatar {float: left; width: 82px; height: 82px; margin-left: -95px;}
.s-cases .item .review .text {margin-top: -5px; font: italic 300 19px/21px 'Open Sans Condensed', sans-serif;}
.s-cases .item .review .author {margin-top: 4px; font-weight: 600; font-size: 16px; line-height: 18px;}

.s-cases .item-even {padding-left: 500px; padding-right: 0;}
.s-cases .item-even .photo {float: left; margin: 5px 0 0 -500px;}


/***
 * Шаги
 ***/

.s-steps {padding: 70px 0; background: #efe9e9;}
.s-steps .items {}
.s-steps .step {position: relative; margin-top: 50px;}
.s-steps .step:first-child {margin-top: 0;}
.s-steps .step .icon {float: left; margin-top: 8px; text-indent: -9999px; background: url('../images/steps.png')/*tpa=http://avtovikup-1.ru/images/steps.png*/ no-repeat;}
.s-steps .step .title {font: bold 48px/50px 'Open Sans Condensed', sans-serif; color: #d1425c;}
.s-steps .step .text {margin-top: 10px; font-size: 36px; line-height: 38px;}
.s-steps .step .next {position: absolute; left: 0; top: 100%; width: 62px; height: 125px; text-indent: -9999px; background: url('../images/steps.png')/*tpa=http://avtovikup-1.ru/images/steps.png*/ no-repeat -434px 0;}
.s-steps .step1 {padding-left: 150px;}
.s-steps .step2 {padding-left: 260px;}
.s-steps .step3 {padding-left: 380px;}
.s-steps .step1 .icon {background-position: 0 0; width: 119px; height: 115px; margin-left: -150px;}
.s-steps .step2 .icon {background-position: -124px 0; width: 150px; height: 116px; margin-left: -180px;}
.s-steps .step3 .icon {background-position: -279px 0; width: 150px; height: 114px; margin-left: -180px;}
.s-steps .step1 .next {left: 45px;}
.s-steps .step2 .next {left: 160px;}
.s-steps .order {margin-top: 40px; text-align: center;}
.s-steps .order .btn-styled {height: 90px; font-size: 48px; line-height: 90px;}


/***
 * Звоните сейчас
 ***/

.s-callnow {padding: 75px 0; font-size: 36px; color: #fff; text-align: center; background: #4b3045 url('../images/callnow-bg.jpg')/*tpa=http://avtovikup-1.ru/images/callnow-bg.jpg*/ no-repeat center top; background-size: cover; background-attachment: fixed;}
.s-callnow b {display: block; font-weight: 800; font-size: 80px;}
.s-callnow b a {text-decoration: none; color: #fff}


/***
 * Футер
 ***/

.s-footer {position: relative; background: #000;}
.s-footer .wrapper {padding: 60px 0 45px; color: #fff; text-align: center;}
.s-footer .copyright {font-weight: 100; font-size: 14px; color: #929292;}
.s-footer .copyright span {color: #fff;}
.s-footer .copyright:before {content: ''; display: block; width: 40px; height: 25px; margin: 0 auto; border-top: 1px solid #fff; border-top-color: rgba(255,255,255,0.75);}
.s-footer .raim {margin-top: 30px;}
.s-footer .raim a {display: inline-block; color: inherit; text-decoration: none; padding-bottom: 55px; font-size: 14px; background: url('../images/raim.png')/*tpa=http://avtovikup-1.ru/images/raim.png*/ no-repeat center bottom;}
.s-footer .raim .logo {display: inline-block; width: 42px; height: 14px; text-indent: -9999px; vertical-align: middle; background: url('../images/raim-text.png')/*tpa=http://avtovikup-1.ru/images/raim-text.png*/ no-repeat;}


/***
 * Анимация
 ***/

.delay2 {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.delay4 {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.delay6 {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.delay8 {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.delay10 {-webkit-animation-delay:1s; animation-delay:1s;}
.delay12 {-webkit-animation-delay:1.2s; animation-delay:1.2s;}


/***
 * Вспомогательные стили
 ***/

.hidden {display: none;}
.clear {clear: both;}
.clearfix:after {content: ''; display: table; clear: both;}
.sup {font-size: 50%; vertical-align: super;}
.req {color: #e40e14;}

.ui-corner-all {border-radius: 10px !important;}
.ui-slider {background: #d9ffa3 !important; box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.35);}
.ui-slider-range {background: #5fa101 !important; box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.35);}
.ui-slider-handle {width: 34px !important; height: 36px !important; background: url('../../auto5.su/images/gauge-handle.png')/*tpa=http://auto5.su/images/gauge-handle.png*/ !important; border: 0 !important; border-radius: 50% !important; outline: 0 !important; cursor: pointer !important;}
.ui-slider-horizontal .ui-slider-handle {top: -0.4em !important;}

.ui-slider-on-off {height: 28px !important; background: #ebebeb url('../../auto5.su/images/slider-off.png')/*tpa=http://auto5.su/images/slider-off.png*/ no-repeat right center !important; border-radius: 14px !important;}
.ui-slider-on-off .ui-slider-range {background: #5fa101 url('../../auto5.su/images/slider-on.png')/*tpa=http://auto5.su/images/slider-on.png*/ no-repeat left center !important;}
.ui-slider-on-off .ui-slider-handle {top: -0.25em !important;}

.send-over {
    display: none
}
#sendresult {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    z-index: 9999
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9998
}
.close-box {
    text-align: center
}
.close-msg {
    color: #999;
    text-decoration: underline
}
.close-msg:hover {
    cursor: pointer
}
.whatsapp img {
    display: inline-block;
    position: relative;
    /* width: 32px; */
    height: 21px;
    top: 4px;
    margin-right: 5px;
}
.contacts .phone .whatsapp {
	font-size: 18px;    
	font-size: 21px;
}
.jq-selectbox__dropdown {
	max-height: 400px !important;
}