@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'),
        url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
		url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
		url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Bold.woff') format('woff'),
		url('../fonts/MyriadPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
    font-display: swap;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}

*::-webkit-input-placeholder {
	color: #101010;
	opacity: 1;
}
*:-moz-placeholder {
	color: #101010;
	opacity: 1;
}
*::-moz-placeholder {
	color: #101010;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #101010;
	opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
html.js .loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
html.js .loader_inner {
	background-image: url("../img/preloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 50%;
	position: absolute;
}
html {
    position: relative;
    min-height: 100%;
}
h1, h2, h3, h4 {
    margin-bottom: 0px;
}
a {
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    line-height: 1.4;
    font-family: 'Lato',sans-serif;
    font-weight: 400;
    color: #444;
}
.hidden {
	display: none;
}
button {
    border: none;
    border-radius: 3px;
    padding: 5px 20px;
    background: #666;
    color: #fff;
    cursor: pointer;
    margin: 5px;
    font-size: 15px;
}
form input[type="text"] {
    padding: 5px;
    margin: 5px 0px;
}
header {
    background: #000000;
}
header nav {
    background: #444;
    width: 100%;
}
header nav ul li a {
    color: #fff;
    text-decoration: none;
    padding: 0px 20px;
}
nav ul li {
    display: inline-block;
}
.top-line {
    font-size: 18px;
    color: #ffffff;
}
.top-line .phone {
    margin: 0px 0px 0px -14px;
    color: #ffd646;
}
.row.line-phone {
    padding: 10px 0px;
    border-bottom: 1px solid #5b3309;
}
.line-phone .mts::before, .line-phone .vel::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    margin-left: -30px;
}
.line-phone .mts::before {
    background: url(../img/phone-icon.png) 0px 0px no-repeat;
}
.line-phone .vel::before {
    background: url(../img/phone-icon.png) -33px 0px no-repeat;
}
.line-phone .col-xl-4, .col-xl-5 {
    padding: 0;
}
.line-phone .col-xl-5, .line-phone .col-xl-3 {
    text-align: right;
}
.line-phone svg {
    width: 26px;
    height: 26px;
    color: #fff;
    fill: #fff;
    position: relative;
    margin: -5px 2px -8px 0px;
}
.top-line {
    background-image: url(../img/top-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.top-line .nav {
    padding: 0;
}
.top-line .nav ul {
    text-align: left;
    padding: 0;
}
.top-line .nav li {
    display: inline-block;
    float: left;
    list-style: none;
    padding-right: 20px;
}
.top-line .nav li a {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}
.top-line .nav li a:hover {
    color: #ffd646;
}
.top-line .cont-btn {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #ffd646;
    padding: 4px 20px;
    border-radius: 12px;
    margin: 15px 0px 0px 0px;
    display: block;
    text-align: center;
    background: none;
    width: 100%;
}
.top-line .cont-btn:hover {
    color: #ffd646;
}

.title-block {
    padding: 10px;
    margin: 100px 100px 0px 100px;
    background: rgba(0, 0, 0, 0.5);
    
}
.title-block h1 {
    font-size: 32px;
    font-weight: bold;
    width: 480px;
    margin: 0 auto;
    line-height: 1.3;
}
.title-block h1 span {
    color: #f6cf43;
}
.title-block .desc {
    max-width: 480px;
    display: block;
    margin: 0 auto;
    padding: 10px 0px;
    line-height: 1.3;
    font-size: 20px;
}
.top-inform {
    margin: 40px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-size: 20px;
    
}
.top-inform::before {
    content: "";
    position: relative;
    width: 105px;
    float: left;
    height: 100px;
    background: url(../img/desc-icon.png) no-repeat;
    margin-top: 10px;
}
.top-inform p {
    margin: 0px 0px 10px 0px;
}
.top-inform span {
    color: #f7cf43;
    display: block;
}
.color .color1::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #000000;
    position: absolute;
    right: 5px;
}
.color .color2::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #5e5f61;
    position: absolute;
    right: 5px;
}
.color .color3::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #124dc9;
    position: absolute;
    right: 5px;
}
.color .color4::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #003464;
    position: absolute;
    right: 5px;
}
.color .color5::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #e8d4b2;
    position: absolute;
    right: 5px;
}
.color .color6::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #fe0a0a;
    position: absolute;
    right: 5px;
}
.color .color7::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #896d5d;
    position: absolute;
    right: 5px;
}
.color-border .color1::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #000000;
    position: absolute;
    right: 5px;
}
.color-border .color2::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #7c7064;
    position: absolute;
    right: 5px;
}
.color-border .color3::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #aca9a4;
    position: absolute;
    right: 5px;
}
.color-border .color4::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #534136;
    position: absolute;
    right: 5px;
}
.color-border .color5::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #5f96e7;
    position: absolute;
    right: 5px;
}
.color-border .color6::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #f8ba74;
    position: absolute;
    right: 5px;
}
.color-border .color7::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #e95c08;
    position: absolute;
    right: 5px;
}
.color-border .color8::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #df081e;
    position: absolute;
    right: 5px;
}
.color-border .color9::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #f5ba0f;
    position: absolute;
    right: 5px;
}
.color-border .color10::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #c8c350;
    position: absolute;
    right: 5px;
}
.color-border .color11::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #7b1775;
    position: absolute;
    right: 5px;
}

.jq-selectbox.jqselect {
    width: 100%;
}
.jq-selectbox li {
    line-height: 200%;
    border-bottom: 1px solid #d8d5d5;
}
form.send-form, form.send-form2 {
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    padding: 20px;
    text-align: center;
    margin: 30px 0px 50px 0px;
    max-width: 900px;
}
.twocol {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #c9c0c0;
    margin-bottom: 5px;
    padding-bottom: 5px;
} 
.twocol span.title {
	font-size: 20px;
    font-weight: bold;
    color: #414141;
    margin: 5px 0px 8px 0px;
    display: inline-block;
}
.twocol.avtogorod {
    border: none;
    margin: 0;
    padding: 0;
}
.twocol.avtogorod .w50 {
    width: 50%;
    float: left;
}
span.fio, span.tel {
	display: block;
    float: left;
    width: 50%;
}
span.tel {
    padding-left: 20px;
    margin-top: 5px;
}
form.send-form select, form.send-form2 select {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #cecece;
}
form.send-form label, form.send-form2 label {
    display: block;
    padding-top: 10px;
    text-align: left;
}
form.send-form input, form.send-form2 input {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #cecece;
}
form.send-form .radio, form.send-form2 .radio {
    margin-top: 5px;
    float: left;
    display: block;
    width: 100%;
}
form.send-form .radio input, form.send-form2 .radio input {
    display: inline;
    width: auto;
    float: left;
    margin: 5px;
}
form.send-form .radio label, form.send-form2 .radio label {
    padding: 0;
	font-size: 17px;
}
form.send-form .radio p, form.send-form2 .radio p {
    width: 25%;
    float: left;
}
form.send-form .radio .twocol p, form.send-form2 .radio .twocol p {
	width: 50%;
    float: left;
    margin: 5px 0px;
}
input#klipsy, input#shildik, input#klipsy3, input#shildik3 {
    width: 5em;
    height: 30px;
    margin-top: -3px !important;
	margin-left: 15px !important;
    border: none;
    outline:none;
	text-align:center;
}
/* Для Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
/* Для Firefox */
input[type=number]{
  -moz-appearance: textfield;
}
label#klip {
	float: left;
	margin: -2px 10px 0px 0px;
}
.arrow-minus, .arrow-plus, .arrow-minus2, .arrow-plus2, .arrow-minus3, .arrow-plus3, .arrow-minus4, .arrow-plus4 {
    padding: 1px 10px 3px 10px;
    background: #666;
    float: left;
    margin: -3px -13px 0px -3px;
    cursor: pointer;
    color: #fff;
}
#klipsy3 {
    padding: 0;
    font-size: 19px;
    margin-top: 0px !important;
}
.podpyatnik, .nakidki {
    float: left;
    margin-bottom: 17px;
    border-bottom: 1px dashed #c9c0c0;
    padding: 14px 0px;
    width: 100%;
}
.podpyatnik span, .nakidki span{
	float: left;
    font-weight: bold;
    padding-right: 10px;
}
.podpyatnik p {
	margin: 0px 0px;
    min-width: 180px;
}
.nakidki p {
	margin: 0px 0px;
    min-width: 200px;
}
.avtokreslo {
    padding-left: 84px;
    width: 100% !important;
}
p.avtokreslo.w100 {
    padding-left: 75px;
}
p.w100 {
    width: 300px !important;
    float: none;
    display: block;
}
form.send-form span.w50, form.send-form2 span.w50 {
    width: 50%;
    display: block;
    float: left;
    
}
form.send-form span.w50.wright, form.send-form2 span.w50.wright {
    float: right;
    padding-left: 20px;
}
form.send-form .form-btn, form.send-form2 .form-btn {
    font-size: 20px;
    margin-top: 10px;
    display: inline-block;
    padding: 12px 50px 12px 50px;
    background: #ff1800;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
}
form.send-form .form-btn:hover, form.send-form2 .form-btn:hover {
    background: #e81600;
}
.wright {
	float: right;
    padding-left: 20px;
}
.container.choose-car {
    margin-bottom: 50px;
}
.choose-car .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #101010;
    margin: 40px 0px 10px 0px;
}
.choose-car .imgbg {
    height: 75px;
    background-color: #f3f3f3;
    
    display: block;
    margin: 30px 0px;
}
.choose-car .imgbg:hover {
    background-color: #e0e0e0;
}
.choose-car .imgbg i {
    width: 75px;
    height: 75px;
    background-image: url(../img/avto-logo.png);
    background-repeat: no-repeat;
    display: block;
    margin: 7px auto;
}
.choose-car .AUDI {
    background-position: 0px 0px;
}
.choose-car .BMW {
    background-position: 0px -76px;
}
.choose-car .BUICK {
    background-position: -150px -675px;
}
.choose-car .CHERY {
    background-position: 0px -150px;
}
.choose-car .CHEVROLET {
    background-position: 1px -224px;
}
.choose-car .CHRYSLER {
    background-position: -150px -747px;
}
.choose-car .CITROEN {
    background-position: 0px -298px;
}
.choose-car .DAEWOO {
    background-position: 0px -375px;
}
.choose-car .DATSUN {
    background-position: 0px -449px;
}
.choose-car .DODGE {
    background-position: 0px -524px;
}
.choose-car .FORD {
    background-position: 0px -596px;
}
.choose-car .GREATWALL {
    background-position: 1px -674px;
}
.choose-car .HAVAL {
    background-position: 0px -750px;
}
.choose-car .HONDA {
    background-position: 0px -826px;
}
.choose-car .HYUNDAI {
    background-position: 0px -899px;
}
.choose-car .INFINITI {
    background-position: 0px -974px;
}
.choose-car .JEEP {
    background-position: -1px -1048px;
}
.choose-car .KIA {
    background-position: 0px -1123px;
}
.choose-car .LEXUS {
    background-position: -74px 0px;
}
.choose-car .LIFAN {
    background-position: -74px -75px;
}
.choose-car .MAZDA {
    background-position: -74px -149px;
}
.choose-car .MERCEDESBENZ {
    background-position: -75px -224px;
}
.choose-car .MITSUBISHI {
    background-position: -74px -299px;
}
.choose-car .NISSAN {
    background-position: -74px -374px;
}
.choose-car .OPEL {
    background-position: -74px -450px;
}
.choose-car .PEUGEOT {
    background-position: -74px -523px;
}
.choose-car .PORSCHE {
    background-position: -74px -748px;
}
.choose-car .RANGEROVER {
    background-position: -75px -673px;
}
.choose-car .RENAULT {
    background-position: -74px -597px;
}
.choose-car .SEAT {
    background-position: -74px -825px;
}
.choose-car .SKODA {
    background-position: -74px -900px;
}
.choose-car .SSANGYONG {
    background-position: -74px -974px;
}
.choose-car .SUBARU {
    background-position: -73px -1053px;
}
.choose-car .SUZUKI {
    background-position: -74px -1126px;
}
.choose-car .TESLA {
    background-position: -150px -300px;
}
.choose-car .TOYOTA {
    background-position: -150px 0px;
}
.choose-car .VOLVO {
    background-position: -150px -75px;
}
.choose-car .VW {
    background-position: -150px -149px;
}
.choose-car .VAZ {
    background-position: -150px -224px;
}

.choose-car .Smart {
    background-position: -150px -450px;
}
.choose-car .Saab {
    background-position: -150px -376px;
}
.choose-car .Fiat {
    background-position: -150px -825px;
}
.choose-car .Geely {
    background-position: -150px -600px;
}
.choose-car .alfaromeo {
    background-position: -150px -523px;
}
.choose-car .imgbg span {
    text-align: center;
    position: absolute;
    width: 100%;
    margin-left: -15px;
    color: #101010;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
}
.choose-car .imgbg:hover span {
    font-size: 16px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.didnt-find {
    font-size: 20px;
    text-align: center;
    color: #666666;
    padding-bottom: 15px;
    margin-top: 40px;
    border-bottom: 1px solid #d5d6da;
}
.didnt-find span {
    color: #333333;
}


.description {
    background: #f9f9f9;
    padding: 20px 0px;
    font-size: 16px;
    line-height: 1.4;
}
.description .title {
    font-size: 22px;
    font-weight: bold;
    color: #101010;
    text-transform: uppercase;
}
.description .title span {
    font-size: 37px;
    color: #b34b27;
}
.description .title span.green {
    color: #ba9c33;
}
.description .description-img {
    float: right;
}


.why {

}
.why .title {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #101010;
    padding: 70px 0px 40px 0px;
    position: relative;
    z-index: 2;
}
.why .item1, .why .item2, .why .item3, .why .item4 {
    margin-bottom: 40px;
    line-height: 1.4;
    padding-left: 100px;
}
.why .item1 span, .why .item2 span, .why .item3 span, .why .item4 span {
    color: #b34b27;
    font-weight: bold;
    font-size: 20px;
    display: block;
    padding-bottom: 10px;
}
.why .item1::before, .why .item2::before, .why .item3::before, .why .item4::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url(../img/why-item-icon.png);
    background-repeat: no-repeat;
    left: 0;
    margin-top: 5px;
}
.why .item1::before {
    background-position: 0px 0px;
}
.why .item2::before {
    background-position: -114px 0px;
}
.why .item3::before {
    background-position: -239px 0px;
}
.why .item4::before {
    background-position: -365px 0px;
}
.why .why-img {
    position: relative;
    top: 0;
    display: block;
    margin-top: -158px;
    z-index: 1;
}

.creation {
    background: #3e3737;
    color: #fff;
    padding: 30px 0px;
}
.creation .title {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
}
.creation span {
    width: 635px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
}
.creation .title span {
    color: #ddb93b;
    font-size: 30px;
}



.calc {
    padding: 25px 0px 100px 0px;
}
.calc .colors p{font-size:20px;font-weight: bold;color:#101010;}
.calc .colors{margin-bottom:30px;}
.calc .borders a, .colors a{
    border:none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.calc .borders a.active{border:3px solid red;}
.calc .colors a.active{border:3px solid red! important;}
.calc a.circle1{height:45px;width:45px;display:inline-block;margin-right:10px;border-radius: 23px;}
.calc a.circle1 span{display:none;}
.calc a.circle1:hover{cursor:pointer;}
.calc a.color1{background:#000000;}
.calc a.color2{background:#5e5f61;}
.calc a.color3{background:#124dc9;}
.calc a.color4{background:#003464;}
.calc a.color5{background:#e8d4b2;}
.calc a.color6{background:#fe0a0a;}
.calc a.color7{background:#896d5d;}

.calc .borders a.circle1.color1{background:#000000;}
.calc .borders a.circle1.color2{background:#7c7064;}
.calc .borders a.circle1.color3{background:#aca9a4;}
.calc .borders a.circle1.color4{background:#534136;}
.calc .borders a.circle1.color5{background:#5f96e7;}
.calc .borders a.circle1.color6{background:#f8ba74;}
.calc .borders a.circle1.color7{background:#e95c08;}
.calc .borders a.circle1.color8{background:#df081e;}
.calc .borders a.circle1.color9{background:#f5ba0f;}
.calc .borders a.circle1.color10{background:#c8c350;}
.calc .borders a.circle1.color11{background:#7b1775;}

.calc a.circle1.white{border:1px solid #333;}
.calc .borders p{font-size:20px;font-weight: bold;color:#101010;}


.calc ul {
    padding: 0px;
    margin-top: 40px;
}
.calc ul li {
    display: inline-block;
    color: #4c4c4c;
    font-size: 20px;
    padding-right: 30px;
}
.calc li svg {
    width: 24px;
    margin-bottom: -7px;
}
.redbtn {
    color: #fff;
    background: #ff1800;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 12px 70px;
    border-radius: 10px;
    display: inline-block;
    margin: 15px 30px 0px 0px;
}
.redbtn:hover {
    background: #e81600;
}
.whitebtn {
    color: #4c4c4c;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 70px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 15px;
    border: 2px solid #ddb93b;
}


.types {
    background: #f9f9f9;
}
.types .title, .dopblock .title {
    font-family: 'Myriad Pro', sans-serif;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #101010;
    padding-top: 30px;
}
.types .desc, .dopblock .desc {
    text-align: center;
    padding-bottom: 30px;
}
.types .item {
    background: #fff;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    3px 3px 6px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         3px 3px 6px 0px rgba(50, 50, 50, 0.2);
}
.types .item-title {
    color: #101010;
    font-size: 30px;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 25px;
}
.types .col-xl-4:nth-last-child(1) .item-title::after {
    border-left: 10px solid #f7cf43;
}
.types .col-xl-4:nth-last-child(2) .item-title::after {
    border-left: 10px solid #ba9c33;
}
.types .col-xl-4:nth-last-child(3) .item-title::after {
    border-left: 10px solid #b34b27;
}
.types .item-title::after {
    content: "";
    width: 20px;
    height: 77px;
    position: absolute;
    border-left: 10px solid #b34b27;
    top: 0px;
    left: 15px;
}
.types .item-title span {
    font-size: 20px;
    text-transform: none;
    font-weight: normal;
    display: block;
}
.types .item-content {
    text-align: center;
}
.types .item-content img {
    margin-top: 20px;
}
.types .price {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    margin-top: 10px;
    color: #101010;
}
.types .price span {
    font-size: 30px;
    font-weight: bold;
    padding-right: 5px;
    display: inline;
}
.types .btn {
    text-align: center;
}
.types .btn .redbtn {
    text-transform: none;
    margin: 10px 0px 20px 0px
}
.types .item-dop {
    background: #fff;
}
.types .item.trunk {
    margin: 30px 0px 15px 0px;
    padding: 20px 0px;
}
.types .trunk .item-title {
    padding-left: 0;
}
.types .trunk .item-title:after {
    display: none;
}
.types .trunk .desc {
    font-size: 20px;
    color: #101010;
    text-align: left;
}
.types .trunk .price {
    text-align: left;
}

.types svg {
    width: 24px;
    margin-bottom: -9px;
}
.types-ps {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 18px;
    color: #4c4c4c;
}
.types-ps p::before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/check.svg);
    position: absolute;
    left: 12px;
    margin-top: 4px;
}
.types-ps p {
    padding-left: 40px;
}
.dopblock {
    font-size: 20px;
    color: #101010;
}
.dopblock .desc {
    margin-bottom: 35px;
}
.dopitem {
    margin-bottom: 40px;
}
.dopblock .mini-title {
    color: #b34b27;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 0px 0px 31px;
}
.dopblock .mini-title span {
    color: #101010;
    font-size: 18px;
    text-transform: none;
}
.dopblock .mini-title::before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/check.svg);
    position: absolute;
    left: 12px;
    margin-top: 0px;
}
.dopblock p {
    padding: 10px 0px 0px 30px;
    margin: 0;
}
.dopblock img {
    max-width: 100%;
	margin-top: 15px;
}
.dopbtn {
    text-align: center;
}
.peretyazhka {
    background: #f9f9f9;
    margin-bottom: 20px;
}
.peretyazhka img {
	margin-left: -15px;
}
.peretyazhka img:hover {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
}
.peretyazhka .text {
    background: url(../img/dopbg2.png) no-repeat right;
    font-size: 18px;
}
.peretyazhka .mini-title {
    color: #b34b27;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 35px 0px 0px 0px;
}
.gallery {
    padding: 50px 0px;
}
.gallery img {
    padding-bottom: 15px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}
.gallery img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.pre-footer {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 17px;
    padding: 0px 0px 30px 0px;
}
.pre-footer .title {
    font-size: 25px;
    font-weight: bold;
    color: #151206;
}
.pre-footer .phone {
    padding: 10px 35px;
    max-width: 355px;
    float: left;
    position: relative;
}
.pre-footer .phone::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../img/phone.svg) no-repeat 0px 0px;
    left: 0px;
}
.pre-footer .phone span {
    display: block;
}
.pre-footer form.send-form2 {
    background: #fafafa;
    border: 1px solid #d8d8d8;
    margin: 10px 0px 0px 0px;
    font-size: 18px;
}
.pre-footer form.send-form2 span.title {
    font-size: 20px;
    color: #151206;
    padding: 5px 0px 10px 0px;
    display: inline-block;
}
.page {
    padding: 40px 0px;
}
.page .title {
    font-size: 30px;
    font-family: 'Myriad Pro', sans-serif;
    color: #101010;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.page .title span {
    color: #b34b27;
    display: block;
    text-align: center;
    font-size: 36px;
}
.page .page-img {
    padding: 20px 20px 15px 20px;
    margin: 20px 0px 30px 0px;
    background: #f3f3f3;
    text-align: center;
}
.page .model {
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
}
.page .model ul {
    margin: 0;
    padding: 0;
}
.page .model ul li {
    cursor: pointer;
    list-style: none;
}
.page .model ul li:hover {
    color: #b34b27;
}
.page .model p {
    padding: 0;
    margin: 0;
}
.page .model span {
    font-family: 'Myriad Pro', sans-serif;
    color: #101010;
    font-weight: bold;
    font-size: 26px;
    display: block;
    padding-bottom: 0px; 
}
.page .model-comment {
    font-family: 'Myriad Pro', sans-serif;
    font-size: 18px;
    color: #b34b27;
    line-height: 1.3;
    border-top: 1px solid #d5d6da;
    margin: 20px 0px 10px 0px;
    padding-top: 10px;
}
.page .btn {
    text-align: center;
}
.page .types-ps {
    margin-top: 30px;
}

#hidden-content {
    padding: 20px;
}
#hidden-content .send-form {
    margin: 0;
}
#hidden-content form.send-form .radio input, form.send-form2 .radio input {
    margin: 5px 10px;
}
#hidden-content span.title {
    font-size: 27px;
}
#thank .title {
    font-size: 25px;
    text-align: center;
    padding-bottom: 8px;
}
#thank .desc {
    font-size: 18px;
    text-align: center;
}






footer {
    bottom: 0;
    width: 100%;
    background-color: #444;
    color: #fff;
    padding: 20px 0px;
    font-size: 17px;
}
footer .phone {
   
}
footer .phone span {
    display: inline-block;
    width: 100%;
    padding: 2px 0px;
}
footer .phone span a {
    color: #fff;
    text-decoration: none;
}
.devcopy {
    text-align: left;
    padding-top: 10px;
    font-size: 16px;
}
.devcopy a {
    color: #ddb93b;
    text-decoration: none;
}
footer .adress {
}
footer .adress span {
    display: inline-block;
    width: 100%;
    padding: 2px 0px;
}
footer .title {
    font-size: 20px;
    text-transform: uppercase;
}
footer .copy {
    font-size: 16px;
    color: #ddb93b;
}




@media only screen and (max-width: 1200px) {
    .title-block {
        margin: 100px 0px 0px 0px;
    }
    .calc .redbtn {
        margin: 0;
    }
    .types .item {
        margin-bottom: 35px
    }
    .gallery .col-lg-3 img {
        width: 100%;
    }
    .types .item.trunk {
        text-align: center;
    }
    .types .item.trunk img {
        width: 100%;
    }
    .types .trunk .price {
        text-align: center;
    }
    .why .item1, .why .item2, .why .item3, .why .item4 {
        z-index: 2;
        position: relative;
    }
    .why .why-img {
        margin: 0 auto;
        width: 100%;
    }
    .types .item-content img {
        width: 100%;
    }
    .peretyazhka .img {
        text-align: center;
    }
    .peretyazhka {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 992px) { 
    .container-fluid {
        padding: 0px;
    }

}
@media only screen and (max-width: 768px) { 
    .title-block h1 {
        width: 100%;
    }
    img.logo {
        margin: 0 auto;
        display: block;
    }
    .top-line .phone {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .line-phone .mts::before, .line-phone .vel::before {
        margin-left: -30px;
    }
    .top-line .phone {
        padding-top: 10px;
    }
    .line-phone {
        text-align: center;
    }
    .top-line .nav ul {
        text-align: center;
    }
    .top-line .nav li {
        float: none;
    }
    #about img {
        width: 100%;
    }
    .title-block {
        margin: 50px 0px 0px 0px;
    }
    .line-phone .col-xl-4, .col-xl-5 {
        padding: 0px 15px;
    }
    .creation .row, .calc .row {
        padding: 0px 15px;
    }
    .pre-footer {
        padding: 0px 15px;
    }
    .page img {
        width: 100%;
    }
    .page {
        padding: 40px 15px;
    }
    form.send-form .radio p, form.send-form2 .radio p {
        width: 50%;
        float: left;
    }
    .row {
        margin:0px;
    }
    .container.calc .row .col-lg-8 {
        position: relative;
        text-align: center;
    }
	.nakidki p {
    text-align: center;
    width: 100% !important;
	}
	p.avtokreslo {
    padding-left: 0;
	}
	.podpyatnik p {
    width: 40% !important;
	}

}
@media only screen and (max-width: 576px) { 
    form.send-form span.w50, form.send-form2 span.w50 {
        width: 100%;
    }
    form.send-form span.w50.wright, form.send-form2 span.w50.wright {
        padding: 0px;
    }
    .calc .whitebtn {
        padding: 8px 40px;
    }
}