

/* Start:/bitrix/components/vombat/auto.catalog/templates/.default/style.css?168233771710617*/
.body_catalog {
	width: 100%;
	background-color: #ffffff;
	margin: 0px auto;
	text-align: justify;
}

.body_catalog_form {
	width: 100%;
	height: 60px;
	background-image: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
	margin: 0px auto;
	text-align: justify;
}

.body_catalog_form form {
	margin: 10px 20px 0px 36px;
	display: inline-block;
}

.catalog_vin_input {
	width: 220px;
	height: 40px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #dfdfdf;
	font-size: 15px;
	line-height: 1.3;
	color: #868686;
	padding: 0 0 0 10px;
}

.sel {
	width: 150px;
	width: calc((100% - 680px)/5);
	height: 40px;
	font-size: 15px;
  	color: #2a2a2a;
	border-radius: 4px;
	border: solid 1px #d1d1d1;
	padding: 0 0 0 10px;
	-webkit-appearance: none;
	background-image: url('/images/arrow-487.png');
	background-position: 90% center;
	background-repeat: no-repeat;
	line-height: 1em;
	/* for FF */
	-moz-appearance: none;
	text-indent: 0.01px; 
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none!important;
}

.catalog_vin_submit {
    width: 160px;
    height: 40px;
    color: white;
    font-size: 16px;
    vertical-align: top;
    border: none;
    border-radius: 4px;
    background: #ffac2b;
    background-image: linear-gradient(to bottom, #ffac2b, #ff8000);
    box-shadow: 0 2px 5px 0 rgba(199, 139, 78, 0.3), 0 1px 2px 0 rgba(255, 128, 0, 0.5), inset 0 -1px 0 0 #ee6a00;
}
.catalog_vin_submit:hover {
background-image: linear-gradient(to bottom, #ff8000, #ffac2b);
}

.catalog_vin_button {
    width: 160px;
    height: 40px;
    color: white;
    font-size: 16px;
    vertical-align: top;
    border: none;
    border-radius: 4px;
	margin-top: 10px;
	background: #E2E2E2;
    background-image: linear-gradient(to bottom, #E2E2E2, #CCCCCC);
    box-shadow: 0 2px 5px 0 rgba(173, 173, 173, 0.3), 0 1px 2px 0 rgba(229, 229, 229, 0.5), inset 0 -1px 0 0 #A8A8A8;
}
.catalog_vin_button:hover {
    background-image: linear-gradient(to bottom, #CCCCCC, #E2E2E2);
}


.vin_error_popup_window {
    top: 20%;
    position: fixed;
    z-index: 999;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
    left: 15%;
}

.vin_error_popup_div2 {text-align: right;}


.catalog_body_table {
	width: 100%;
	margin: 0;
	padding: 0;
}
.catalog_table_menu {
	width: 35%;
	background-color: #f7f7f7;
}

.catalog_table_data {
	width: 65%;
}

.catalog_to_main {
	font-size: 14px;
	color: #868686;
	text-decoration: none;
	margin-left: 50px;
	margin-top: 20px;
	display: inline-block;
}
.catalog_to_main:hover {
	color: #ff9413;
	text-decoration: underline;
}

.catalog_to_main img {
	margin-right: 5px;
	vertical-align: middle;
}

.catalog_table_menu h1 {
	font-size: 26px;
	color: #000000;
	margin: 20px 0px 20px 55px;
}

.catalog_like_h1 {
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	margin: 20px 0px 20px 55px;
	padding: 0;
}

.catalog_main_table {
	width: 100%;
}

.catalog_main_table2 {
	width: 100%;
	margin-top: 30px;
}

.catalog_main_a {
    width: 100%;
    height: 100%;
	color: #000000;
	display: inline-block;
    box-sizing: border-box;
	border: solid 3px transparent;
	text-decoration: none;
}
.catalog_main_a:hover {
	color: #ff9413;
	box-shadow: 0 1px 3px 0 rgba(255, 148, 18, 0.4);
	border: solid 3px #ff9413;
}
.catalog_main_a p {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}
.catalog_main_a:hover p {
	color: #ff9413;
}

.catalog_main_page_div {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}
.catalog_main_page_div p {
	margin-top: 60%;
}


.catalog_second_page_div {
	width: 100%;
	height: 0;
	padding-bottom: 25%;
}
.catalog_second_page_div p {
	margin-top: 7%;
}

.seltable {
	width: 33%;
	display: inline-block;
	background-color: #ffffff;
	border: solid 1px #e9e9e9;
}


.catalog_vin_input::-moz-placeholder { color: #868686;  opacity: 1; font-family: 'Open Sans', sans-serif; font-size: 15px;}
.catalog_vin_input::-webkit-input-placeholder { color: #868686;  opacity: 1;  font-family: 'Open Sans', sans-serif; font-size: 15px;}

#loadImg{position:absolute; z-index:1000; display:none}

.catalog_g_1 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.catalog_g_1:hover {
	background-position: -200px 0;
}

.catalog_g_2 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -200px;
}
.catalog_g_2:hover {
	background-position: -300px -200px;
}

.catalog_g_3 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -400px;
}
.catalog_g_3:hover {
	background-position: -300px -400px;
}

.catalog_g_4 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -600px;
}
.catalog_g_4:hover {
	background-position: -300px -600px;
}

.catalog_g_5 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -800px;
}
.catalog_g_5:hover {
	background-position: -300px -800px;
}

.catalog_g_6 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -1000px;
}
.catalog_g_6:hover {
	background-position: -300px -1000px;
}

.catalog_g_8 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -1200px;
}
.catalog_g_8:hover {
	background-position: -300px -1200px;
}

.catalog_g_9 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -1400px;
}
.catalog_g_9:hover {
	background-position: -300px -1400px;
}

.catalog_g_10 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -1600px;
}
.catalog_g_10:hover {
	background-position: -300px -1600px;
}

.catalog_g_13 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -1800px;
}
.catalog_g_13:hover {
	background-position: -300px -1800px;
}

.catalog_g_14 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -2000px;
}
.catalog_g_14:hover {
	background-position: -300px -2000px;
}

.catalog_g_16 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -2200px;
}
.catalog_g_16:hover {
	background-position: -300px -2200px;
}

.catalog_g_17 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -2600px;
}
.catalog_g_17:hover {
	background-position: -300px -2600px;
}

.catalog_g_18 {
	background-image: url("/images/cat_g.svg");
	background-repeat: no-repeat;
	background-position: 0 -2400px;
}
.catalog_g_18:hover {
	background-position: -300px -2400px;
}

.body_catalog_data .item-block {
    float: left;
    width: 31.333%;
    margin: 1%;
    box-shadow: 0 0 5px #ececec;
    margin-bottom: 2%;
    padding-bottom: 20px;
}


@media screen and (max-width: 1250px) {
	.catalog_main_page_div p {
		margin-top: 55%;
	}

	
	.catalog_g_1 {
		background-position: -35px -30px;
	}
	.catalog_g_1:hover {
		background-position: -235px -30px;
	}
	
	.catalog_g_2 {
		background-position: -35px -225px;
	}
	.catalog_g_2:hover {
		background-position: -335px -225px;
	}
	
	.catalog_g_3 {
		background-position: -35px -425px;
	}
	.catalog_g_3:hover {
		background-position: -335px -425px;
	}
	
	.catalog_g_4 {
		background-position: -35px -625px;
	}
	.catalog_g_4:hover {
		background-position: -335px -625px;
	}
	
	.catalog_g_5 {
		background-position: -35px -825px;
	}
	.catalog_g_5:hover {
		background-position: -335px -825px;
	}
	
	.catalog_g_6 {
		background-position: -35px -1025px;
	}
	.catalog_g_6:hover {
		background-position: -335px -1025px;
	}
	
	.catalog_g_8 {
		background-position: -35px -1230px;
	}
	.catalog_g_8:hover {
		background-position: -335px -1230px;
	}
	
	.catalog_g_9 {
		background-position: -35px -1425px;
	}
	.catalog_g_9:hover {
		background-position: -335px -1425px;
	}
	
	.catalog_g_10 {
		background-position: -30px -1630px;
	}
	.catalog_g_10:hover {
		background-position: -330px -1630px;
	}
	
	.catalog_g_13 {
		background-position: -35px -1830px;
	}
	.catalog_g_13:hover {
		background-position: -335px -1830px;
	}
	
	.catalog_g_14 {
		background-position: -35px -2030px;
	}
	.catalog_g_14:hover {
		background-position: -335px -2030px;
	}
	
	.catalog_g_16 {
		background-position: -30px -2225px;
	}
	.catalog_g_16:hover {
		background-position: -330px -2225px;
	}
	
	.catalog_g_17 {
		background-position: -35px -2635px;
	}
	.catalog_g_17:hover {
		background-position: -335px -2635px;
	}
	
	.catalog_g_18 {
		background-position: -35px -2430px;
	}
	.catalog_g_18:hover {
		background-position: -335px -2430px;
	}

}


@media screen and (max-width: 1100px) {
	.catalog_main_page_div p {
		margin-top: 55%;
	}

	
	.catalog_g_1 {
		background-position: -45px -30px;
	}
	.catalog_g_1:hover {
		background-position: -245px -30px;
	}
	
	.catalog_g_2 {
		background-position: -45px -225px;
	}
	.catalog_g_2:hover {
		background-position: -345px -225px;
	}
	
	.catalog_g_3 {
		background-position: -45px -425px;
	}
	.catalog_g_3:hover {
		background-position: -345px -425px;
	}
	
	.catalog_g_4 {
		background-position: -45px -625px;
	}
	.catalog_g_4:hover {
		background-position: -345px -625px;
	}
	
	.catalog_g_5 {
		background-position: -45px -825px;
	}
	.catalog_g_5:hover {
		background-position: -345px -825px;
	}
	
	.catalog_g_6 {
		background-position: -45px -1025px;
	}
	.catalog_g_6:hover {
		background-position: -345px -1025px;
	}
	
	.catalog_g_8 {
		background-position: -45px -1230px;
	}
	.catalog_g_8:hover {
		background-position: -345px -1230px;
	}
	
	.catalog_g_9 {
		background-position: -45px -1425px;
	}
	.catalog_g_9:hover {
		background-position: -345px -1425px;
	}
	
	.catalog_g_10 {
		background-position: -40px -1630px;
	}
	.catalog_g_10:hover {
		background-position: -340px -1630px;
	}
	
	.catalog_g_13 {
		background-position: -45px -1830px;
	}
	.catalog_g_13:hover {
		background-position: -345px -1830px;
	}
	
	.catalog_g_14 {
		background-position: -45px -2030px;
	}
	.catalog_g_14:hover {
		background-position: -345px -2030px;
	}
	
	.catalog_g_16 {
		background-position: -40px -2225px;
	}
	.catalog_g_16:hover {
		background-position: -340px -2225px;
	}
	
	.catalog_g_17 {
		background-position: -45px -2635px;
	}
	.catalog_g_17:hover {
		background-position: -345px -2635px;
	}
	
	.catalog_g_18 {
		background-position: -45px -2430px;
	}
	.catalog_g_18:hover {
		background-position: -345px -2430px;
	}

}


.body_catalog_data h3 {
	font-size: 22px;
}
/* End */


/* Start:/bitrix/components/vombat/auto.catalog/templates/.default/scacc2.css?16812118611729*/
.topnav {
    width: 90%;
}
ul.topnav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	margin-bottom: 50px;
}
ul.topnav li {
	border-left: 3px solid transparent;
	box-sizing: border-box;
}

ul.topnav li:hover {
	border-left: 3px solid #ff9413;
}

ul.topnav li a.topnav_a_1 {
	width: 90%;
	width: calc(100% - 60px);
	height: 32px;
	padding-top: 7px;
	padding-left: 40px;
	font-size: 15px;
	color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
}
ul.topnav li a.topnav_a_1:hover {
    color: #000000;
	/*border-bottom: 1px solid #ff9413;*/
	background-color: #D7D7D7;
}
ul.topnav li a.menu_span {
	height: 27px;
	padding-top: 12px;
	float: right;
}






ul.topnav ul {
    display: none;
    margin: 0;
    padding: 0;
}
ul.topnav ul li {
    clear: both;
    margin-left: 40px;
    padding: 0;
}
ul.topnav ul li a.topnav_a_2 {
	width: 90%;
	width: calc(100% - 40px);
    height: 29px;
	font-size: 14px;
	color: #515151;
    text-decoration: none;
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
    font-weight: normal;
    outline: 0 none;
	padding-top: 10px;
    padding-left: 20px;
}
ul.topnav ul li a.topnav_a_2:hover {
    color: #000000;
	/*border-bottom: 1px solid #ff9413;*/
	background-color: #D7D7D7;
}








ul.topnav ul ul li a.topnav_a_3 {
	width: 90%;
	height: 25px;
	padding-top: 5px;
	padding-left: 40px;
    color: #515151;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
}
ul.topnav ul ul li a.topnav_a_3:hover {
    background-color: #D7D7D7;
    color: #00000;
}
ul.topnav span {
    float: right;
}
/* End */


/* Start:/bitrix/components/bitrix/auto.catalog.cars/templates/.default/style.css?17140990725262*/
.roll {
    display: block;
    width: 100%;
    height: 0px;
    margin-bottom: 20px;
    padding-bottom: 28.89%;
}

a.rollxc90 {
    background: url(/images/catalog/cars/XC90.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollxc90:hover {
    background-position: 50% 100%;
}
   
a.rollxc70 {
    background: url(/images/catalog/cars/XC70.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollxc70:hover {
    background-position: 50% 100%;
}

a.rollv60 {
    background: url(/images/catalog/cars/V60.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollv60:hover {
    background-position: 50% 100%;
}

a.rolls80 {
    background: url(/images/catalog/cars/S80.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rolls80:hover {
    background-position: 50% 100%;
}


a.rollxc60 {
    background: url(/images/catalog/cars/XC60.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollxc60:hover {
    background-position: 50% 100%;
}
   
   
a.rollv70 {
    background: url(/images/catalog/cars/V70.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollv70:hover {
    background-position: 50% 100%;
}

a.rollv40cc {
    background: url(/images/catalog/cars/V40CC.png);
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rollv40cc:hover {
    background-position: 50% 100%;
}

a.rolls60 {
    background: url(/images/catalog/cars/S60.png); /* ���� � ����� � ��������  �������� */
    background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 00%;
}
a.rolls60:hover {
    background-position: 50% 100%;
}
   
.body_catalog_p_head {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0px;
}

.catalog_car_form {
	width: 100%;
	margin-bottom: 30px;
}

.catalog_car_form td {
	text-align: center;
}

.catalog_car_table {
	width: 100%;
	text-align: center;
}

.catalog_car_table td {
	width: 25%;
	text-align: center;
}

.car_table_simple {
	color: #333333;
	text-decoration: none;
	margin: 5px;
	display: block;
}
.car_table_simple:hover {
	color: #ff9413;
}

.hide_table_link {
	color: #333333;
	font-size: 16px;
	margin: 0px 0px 20px 50px;
	display: block;
}
.hide_table_link:hover {
	color: #ff9413;
}

.catalog_car_note {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.catalog_no_model_link {
	border-radius: 4px;
	border: 1px solid #333333;
	display: inline-block;
	margin: 0 0 0 30px;
}

.catalog_no_model_link p {
	color: #333333;
	margin: 10px 15px;
	display: inline-block;
}

.catalog_no_model_link:hover {
	border: 1px solid #ff9413;
}

.catalog_no_model_link:hover p {
	color: #ff9413;
}

.b-popup{
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
	height: 100%;
    top:0px;
	left: 0;
	z-index: 200;
	width:100%;
}
.b-popup .b-popup-content{
    margin-top: 200px;
    padding:0px;
    background-color: #F7F7F7;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
	width: 800px;
	height: 200px;
}

.b-popup-content p{
	width: 85%;
	color: #333333;
	margin: 15px;
	display: inline-block;
}

.close_link {
	position: absolute;
	margin: 15px 0px 0px 10px;
}

.sel2 {
	width: 150px;
	height: 40px;
	font-size: 15px;
  	color: #2a2a2a;
	border-radius: 4px;
	border: solid 1px #d1d1d1;
	padding: 0 0 0 10px;
	-webkit-appearance: none;
	background-image: url('/images/arrow-487.png');
	background-position: 90% center;
	background-repeat: no-repeat;
	line-height: 1em;
	/* for FF */
	-moz-appearance: none;
	text-indent: 0.01px; 
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none!important;
}

.catalog_popup_button_cancel {
	width: 160px;
    height: 40px;
	margin: 20px 10px 0px 0px;
    color: white;
    font-size: 16px;
    vertical-align: top;
    border: none;
    border-radius: 4px;
	background: #E2E2E2;
    background-image: linear-gradient(to bottom, #2A2929, #D4D4D4);
    box-shadow: 0 2px 5px 0 rgba(173, 173, 173, 0.3), 0 1px 2px 0 rgba(229, 229, 229, 0.5), inset 0 -1px 0 0 #A8A8A8;
}
.catalog_popup_button_cancel:hover {
    background-image: linear-gradient(to bottom, #D4D4D4, #2A2929);
}


.catalog_popup_button_submit {
    width: 160px;
    height: 40px;
	margin: 20px 0px 0px 10px;
    color: white;
    font-size: 16px;
    vertical-align: top;
    border: none;
    border-radius: 4px;
    background: #ffac2b;
    background-image: linear-gradient(to bottom, #ffac2b, #ff8000);
    box-shadow: 0 2px 5px 0 rgba(199, 139, 78, 0.3), 0 1px 2px 0 rgba(255, 128, 0, 0.5), inset 0 -1px 0 0 #ee6a00;
}
.catalog_popup_button_submit:hover {
	background-image: linear-gradient(to bottom, #ff8000, #ffac2b);
}
.catalog_popup_button_submit:disabled {
	background-image: linear-gradient(to bottom, #E2E2E2, #CCCCCC);
}

.catalog_car_table td {
    position: relative;
}
.catalog_car_table p.center {
    font-size: 22px;
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -5px;
	font-weight: 900;
}
/* End */
/* /bitrix/components/vombat/auto.catalog/templates/.default/style.css?168233771710617 */
/* /bitrix/components/vombat/auto.catalog/templates/.default/scacc2.css?16812118611729 */
/* /bitrix/components/bitrix/auto.catalog.cars/templates/.default/style.css?17140990725262 */
