@font-face {
    font-family: 'LumberjackRough';
    src: url('../fonts/LumberjackRough.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

a, img {border:0; outline:0;}
a:focus, img:focus {border:0; outline:0;}
.clear{clear:both;}
.pdl-0{padding-left:0;}
.pdr-0{padding-right:0;}
body{
	background: #ebebeb;
    font-size: 14px;
    font-family: Roboto,sans-serif;
}
header{
	background: url(../img/h-bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 25px 0;
}
header .logo img{
	width:100%;
	max-width:364px;
	height:auto;
}
header .phones{
	text-align:center;
	color:#fff;
	font-size: 16px;
	margin-bottom:20px;
}
header .phones a{
	color:#fff;
	font-family: Roboto,sans-serif;
    font-weight: 400;
    margin: 0 15px;
    font-size: 18px;
}
header .top-line{
	width:100%;
	height:5px;
	border-top:2px solid #fff;
	border-bottom:1px solid #fff;
	display:block;
}
header h1{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:75px;
	font-family: 'LumberjackRough', sans-serif;
	margin: 15px 0 0 0;
}
header h2{
	width:100%;
	text-align:center;
	text-transform:lowercase;
	font-size:28px;
	font-family: 'LumberjackRough', sans-serif;
	margin: 0 0 10px 0;
}
header .bottom-line{
	width:100%;
	font-family: "LumberjackRough",sans-serif;
	font-size:22px;
	text-align:center;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header .bottom-line span{
	padding: 0 10px;
	white-space: nowrap;
}
header .bottom-line::before, header .bottom-line::after {
	content: '';
	width:100%;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    height:5px;
	
}
header .bottom-info{
	width:100%;
	font-family: "LumberjackRough",sans-serif;
	font-size:18px;
	text-align:center;
}
.top-nav{
	background: #fff;
    box-shadow: 0 0 13px 7px rgba(0,0,0,.25);
    padding: 0;
	margin-bottom:30px;
}
.top-nav .top-menu{
	margin:0;
	padding:0;
	list-style:none;
}
.top-nav .top-menu li{
	display:inline-block;
}
.top-nav .top-menu li a{
	padding:15px 20px;
	margin-right:10px;
	font-size:18px;
	color:#777;
	text-decoration:none;
	display:block;
}
.top-nav .top-menu li.selected a, .top-nav .top-menu li a:hover{
	color:#333;
}

.products .product{
	margin-bottom: 30px;
}
.products .product .image-box{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	position:relative;
}
.products .product .image-box h2{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	font-size:20px;
	padding: 10px 20px;
	margin:0;
	background-color:rgba(0,0,0,0.2);
}
.products .product .properties-list{
	padding: 15px 0;
	margin:0;
	background:#fff;
	min-height:255px;
}
.products .product .properties-list li{
	padding: 0 15px;
	margin:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #f0f0f0;
}
.products .product .properties-list li .propertie{
	padding:10px 0;
	width:50%;
}
.products .product .properties-list li .value{
	padding:10px 0;
	color: #337ab7;
}
.products .product .more{
	background:#fff;
	width:100%;
	padding: 0 15px 15px;
}
.products .product .more a{
	background-color: #2a77a5;
	text-align:center;
	color:#fff;
	display:block;
	width:100%;
	padding:10px;
	font-size:14px;
	text-decoration:none;
}
.products .product .more a:hover{
	background-color: #226994;
}
.page-text{
	margin-bottom:30px;
}
.page-text p{
	font-size:16px;
	text-indent:30px;
}
.news-page .news{
	margin-bottom:30px;
	
}
.news-page .news .image{
	text-align:center;
	margin-bottom:20px;
}
.news-page .news .image img{
	width:100%;
	max-width:255px;
}
.news-page .news h2{
	margin: 0 0 10px 0;
	color:#000;
	font-size: 18px;
	font-weight:bold; 
}
.news-page .news h2 a{
	color:#000;
	font-size: 18px;
	font-weight:bold;
}
.news-page .news .news-text{
	margin-bottom:10px;
}
.news-page .news .more{
	text-align:right;
}
.news-page .news .more a{
	color:#000;
}

.feedback_form input[type="text"]{
	width: 30%;
	font-size: 18px;
}
@media (max-width: 768px) {
	.feedback_form input[type="text"]{
		width: 50%;
	}
}
@media (max-width: 568px) {
	.feedback_form input[type="text"]{
		width: 100%;
	}
}
.feedback_form input[type="password"] 
{
	width: 100%;
	font-size: 18px;
}
.form
{
	width:100%;
	margin-bottom: 20px;
}
.form textarea
{
	width:100%;
	height:100px;
	font-size: 18px;
}
.form label {
	display:block;
	font-size: 14px;
}
.form input[type="text"]{
	display:block;
	margin-bottom: 10px;
}
.comment_form .button,
.feedback_form .button,
.cart_form .button,
.register_form .button,
.login_form .button{
	float: left;
	display: block;
	margin: 20px 0 0 0;
}

@media (max-width: 568px) {
	.comment_form label {
		width: 80px;
	}
	.comment_form .input_captcha{
		width: 100px;
	}
	.comment_form .input_name {
		width: 100%;
	}
}
.feedback_form {
	padding: 0;
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.feedback_form .input_captcha, .register_form .input_captcha{
	float: left;
	width: 120px !important;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	height: 42px;
}
.feedback_form .captcha, .register_form .captcha{
	float: left;
	display: block;
	margin-top: 15px;
	margin-right: 10px;
	border: 1px solid #a0a0a0;
}
.feedback_form .button {
	font-size: 18px;
	float: left;
	margin: 15px 0 0 20px;
	float: left;
	cursor: pointer; 
}
.btn-grey {
	color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    background: #c2c2c4;
    border: 0;
    outline: 0;
    margin: 15px 0;
}
.btn-grey:hover {
    color: #fff;
    background-color: #a2a2a4;
}
/* Модальные окна */
.modal-phone, .modal-thq{
    max-width: 450px;
    position: relative;
    border-radius: 0;
}
.modal-wrap{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: auto;
}
.close-callback-form{
    position: absolute;
    width: 67px;
    height: 67px;
    color: #343914!important;
    text-align: center;
    background-color: #fff!important;
    right:-72px;
    top:1px;
    opacity: 1!important;
}

#orderModal .modal-body{
    padding: 0!important;
}
#orderModal .modal-dialog{
    width: 880px;
    box-sizing: border-box;
}
.modal-order .modal-content{
    padding: 55px;
}
#r_success .modal-order .modal-content{
    padding: 25px;
}
#f_success .modal-order .modal-content{
    padding: 25px;
}
.modal-content {
	border-radius:0;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.modal-footer{
    border: none!important;
    text-align: inherit!important;
	padding:0!important;
}
#big_img {
	margin-bottom:20px;
}
.small-images .images {
	height:80px;
	margin-bottom:10px;
	cursor:pointer;
	overflow:hidden;
}
.small-images .images img{
	width:100%;
}
#about-car{
	border-bottom:1px solid #474747;
}
.car-description h2{
	font-size:26px;
	margin:0 0 20px;
	font-weight:bold;
	color:#000;
}
.car-description .breadcrumb{
	background:#fff;
	padding: 0;
    margin-bottom: 10px;
	font-size:16px;
	color:#63605e;
	font-weight:bold;
}
.car-description h4{
	margin-bottom: 10px;
	font-size:16px;
	color:#000;
	font-weight:bold;
}

.car-description .properties-list{
	padding: 0;
	margin:0 0 20px;
	background:#fff;
}
.car-description .properties-list li{
	padding: 0;
	margin:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #f0f0f0;
}
.car-description .properties-list li .propertie{
	padding:5px 0;
	width:50%;
}
.car-description .properties-list li .value{
	padding:5px 0;
	color: #337ab7;
}

.car-form{
	padding:20px 0 0;
}
.car-form label{
	font-weight:normal;
	font-size:12px;
	color:#000;
	display:block;
	width:100%;
	margin-bottom:5px;
}
.car-form input{
	margin-bottom:15px;
	width:100%;
	border:2px solid #e0e0e0;
	padding:5px 10px;
	outline:0;
	height:34px;
	line-height:34px;
}
.car-form input.time, .car-form input.date{
	margin-top:22px;
	color:#000!important;
}
.car-form textarea{
	margin-bottom:15px;
	width:100%;
	border:2px solid #e0e0e0;
	padding:10px;
	outline:0;
	height:105px;
	line-height:20px;
	resize: none;
}
.car-form select{
	margin-bottom:15px;
	width:100%;
	border:2px solid #e0e0e0;
	padding:5px 10px;
	outline:0;
	height:34px;
	line-height:34px;
}
.car-form .button{
	width:90%;
	border:0;
	margin:22px auto 15px;
	background:#2a77a5;
	height:50px;
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.car-form .button:hover{
	background:#343914;
}
.car-form .info{
	width:90%;
	display:block;
	color:#000;
	margin:0 auto;
	font-size:12px;
}
.transfer-img img{
	width:100%;
	height:auto;
}

footer{
	background-color: #373a3c;
    text-align: center;
    color: #fff;
	min-height:60px;
	line-height:60px;
	font-size:16px;
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
	color:#fff;
	text-decoration:underline;
}

#mobile-call {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1000;
	background:#fff;
	border-radius:50px;
	padding:10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
	header .logo img{
		margin-top:20px;
	}
	header .phones{
		font-size: 14px;
	}
	header .phones a{
		margin: 0 10px;
		font-size: 14px;
	}
	header h1{
		font-size:65px;
	}
	header h2{
		font-size:20px;
	}
	header .bottom-line{
		font-size:18px;
	}
	.top-nav .top-menu li a{
		padding:10px 15px;
		margin-right:5px;
		font-size:16px;
	}
	.modal-order .modal-content {
		padding: 15px;
	}
	#orderModal .modal-dialog {
        max-width: 100%;
    }
	.iview-controlNav {
		display:none!important;
		
	}
	.block-1 .box .list {
		font-size: 14px;
		line-height: 18px;
	}
	#big_img img{
		width:100%;
	}
	.small-images .images img{
		width:100%;
	}
	.close-callback-form{
        right: 1px;
        z-index: 1;
    }

}
@media (max-width: 767px) {
	header{
		margin:50px 0 30px;
	}
	header .phones{
		font-size: 14px;
	}
	header .phones a{
		margin: 0 5px;
		font-size: 14px;
	}
	header h1{
		font-size:45px;
	}
	header h2{
		font-size:20px;
	}
	header .bottom-line{
		font-size:16px;
	}
	.products .product .image-box img{
		width:100%;
	}
	footer{
		font-size:14px;
	}
	
	.close-callback-form{
        right: 1px;
        z-index: 1;
    }
	.modal-order .modal-content {
		padding: 15px;
	}
	#big_img img{
		width:100%;
	}
	.small-images .images img{
		width:100%;
	}
	#orderModal .modal-dialog {
        max-width: 100%;
    }
	.car-description h2 {
		margin: 10px 0;
	}
	.car-form input.time, .car-form input.date{
		margin-top:0;
	}
	.review-form{
		padding-top:20px;
	}
	.block-1 .box .word {
		font-size: 30px;
	}
	.block-1 .box .list {
		font-size: 16px;
		line-height: 22px;
	}
	.block-1 .box {
		height: 284px;
	}
	.block-1 .box img{
		width:auto;
		height:80px;
	}
}