/* FONTS*/
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');
@import '../fonts/fontawesome-free-5.6.1/css/all.min.css';
@import '../fonts/stroke/style.css';
@import '../fonts/elegant/style.css';
@import '../fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css';
@import '../fonts/simple-line-icons/css/simple-line-icons.css';
@import '../fonts/flaticon/font/flaticon.css';


/* PLUGIN CSS */

@import '../libs/bootstrap-4.1.3/bootstrap.css';                /* bootstrap */
@import '../plugins/headers/header.css';                /* header */
@import '../plugins/headers/yamm.css';                /* header */
@import '../plugins/slider-pro/slider-pro.css';         /* main slider */
@import '../plugins/slick/slick.css';         /* sliders */
@import '../plugins/slick/slick-theme.css';         /* sliders */
@import '../plugins/magnific-popup/magnific-popup.css';            /* modal */
@import '../plugins/animate/animate.css';                        /* animations */
@import '../plugins/flowplayer/skin/playful.css';          /* video-player */
@import '../plugins/noUiSlider/nouislider.css';          /* slider number */
@import '../plugins/bootstrap-select/css/bootstrap-select.min.css';                /* bootstrap-select */
@import '../plugins/fancybox/css/jquery.fancybox.min.css';                /* fancybox */



/* MAIN CSS */

@import 'main.css';
@import 'car-menu.css';
@import 'color.css';
@import 'responsive.css';


.b-goods-f:not(.b-goods-f_row) .b-goods-f__media{
	height: 200px;
	width: auto;
	text-align: center;
	padding-top: 25px;
    padding-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.09);
    transition: background-color .03s;
}

.b-goods-f:not(.b-goods-f_row) .b-goods-f__media img {
	max-height: 100%;
	width: auto;
	margin: 0 auto;
}

.b-goods-f:not(.b-goods-f_row){
	margin-bottom: 40px;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
	width: 100%;
}
.woocommerce form .form-row label{
	display: block;
	width: 100%;
}

.select2-container--default .select2-selection--single{
	height: 38px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    text-transform: none;
    font: 400 15px/23px Lato;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 38px;
}
.woocommerce form #order_comments{
	min-height: 100px;
	padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    text-transform: none;
    font: 400 15px/23px Lato;
}
.woocommerce .woocommerce-shipping-fields{
	margin-top: 40px ;
}
.woocommerce form input{
    padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    text-transform: none;
    font: 400 15px/23px Lato;
}
.woocommerce-input-wrapper{
	display:block;
	width: 100%;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{    
	color: #fff;
    background-color: #ae1414;
    border-color: #a21313;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff;
    background-color: #d01818;
    border-color: #d01818;
	font-size: 16px;
    border: 1px solid transparent;
	border-radius: 0;
	font-weight: 400;
	text-transform: uppercase;
	padding: 16px 40px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce table.shop_table{
	border-radius: 0;
	margin-top: 40px;
}

.diagram-table-wrapper{
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.woocommerce ul.order_details{
	margin: 0 0 3rem;
	padding: 0;
}

.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child{
	border-radius: 0;
	margin: 20px 0;
}

.woocommerce .woocommerce-customer-details address{
	border: 1px solid rgba(0,0,0,.1);
}

.b-goods-f__sidebar .btn-primary{
	padding: 10px 40px;
	display: inline-block;
}

.b-goods-f__sidebar a:hover .b-goods-f__title{
	text-decoration: none;
}

.diagram-list{
	margin: 40px 0;
}

.top-bar__item i {
	margin-right: 5px;
}
.top-bar__item a {
	color: #fff;
}
.top-bar__item a:hover {
	text-decoration: none;
}

.diagram-table a.btn-primary {
	display: block;
	width: 100%;
}

.subPage{
	margin-top: 40px;
}
.subPage h2 {
	margin: 20px 0;
}

.top-bar__inner:before,
.top-bar__inner:after{
	display:none;
}

.star {
    position: relative;
    top: 2px;
    float: left;
    height: 13px;
    margin-right: 1px;
    width: 14px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    background: url(https://www.atd-sportscars.com/themes/reviver/css/../img/stars.png)!important;
}

div.star_on a, div.star_on {
    background-position: 0 -13px!important;
}




@media all and (max-width: 768px){
	.diagram-table tr:first-child {
		display: none;
	}
	.diagram-table  input {
		width: 100% !important;
	}
	.diagram-table  td{
		display: block;
		padding: 3px;
	}	
	main h1 {
		font-size: 18px;
	}
	.showResponsive {
		display: inline-block !important;
	}
	.header-main .navbar-brand{
		width: 90%;
	}
	.cart-mobile{
		position: absolute;
		right: 5px;
		top: 5px;
		display: block !important;
	}
	.header-main .col-lg-3{
		flex: inherit;
	}
	.cart-mobile .btn-primary{
		padding: 5px;
	}
	.header-main img{
		padding-top: 0;
	}
	.header-main .navbar-brand{
		top: 0;
	}
}

.showResponsive,
.cart-mobile{
	display: none;
}


@media all and (min-width: 992px) and (max-width: 1200px){
	.container {
		max-width: 100%;
	}
	main {
		padding-top: 80px;
	}
}


@media all and (max-width: 768px){
	.top-bar {
		display: none;
	}
}