@charset "utf-8";


/* mobile common styles */
.content {
	position:relative;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0;
	background-color:#FFF;
}

.breadcrumbs {
	padding-top:12px;
}

.main.left, .sidebar.right {
	float:none;
	width:auto;
}

.intro {
	height:auto;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
	background:url("../images/header_long.jpg") no-repeat center -163px #FFF;
	padding-bottom:17px;
	padding-top:15px;
	margin-top:0;
	min-height:300px;
}
	.intro:before {
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:7px;
		overflow:hidden;
		background-color:#fbc405;
	}
/*
	.modern_header .intro:before {
		display: none;
	}*/
.intro_text {
	display:none;
}
.modern_header .intro_text {
	display: block;
	padding-top: 20px;
	margin-bottom: 0;
	max-width: none;
}
html .modern_header .intro_text h1 {
	font-size: 18px;
}
.modern_header .intro_text h2, .modern_header .intro_text .under_title {
	display: none;
}
.search_block {
	width:100%;
	position:relative;
	top:0;
	left: 0;
}

.manufactures.fit {
	display:none;
}
.manufactures.carousel {
	margin-right:-20px !important;
	overflow:hidden;
	position:relative;
	display:block;
}
	.manufactures.carousel ul {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		text-align:left;
	}
		.manufactures.carousel ul li {
			margin-right:12px;
		}
		
.benefits article.benefit1, .benefits article.benefit3 {
	display:none;
}
.benefits article.benefit2 {
	float:none;
	margin:0 !important;
	width:100%;
	height:auto !important;
	padding-bottom:25px;
}

.videoblock {
	display:none;
}
.why_carscombined {
	margin-right:0;
	height:auto;
	padding-bottom:25px;
	margin-bottom:0 !important;
}

.specialoffers.fit {
	display:none;
}
.specialoffers.carousel {
	display:block;
	text-align:left;
	margin-bottom:6px !important;
	margin-left:31px;
	margin-right:31px;
}
	.specialoffers.carousel article {
		margin-left:10px;
		margin-right:10px;
	}
	.specialoffers.carousel .flickity-prev-next-button {
		width:24px;
		height:48px;
		overflow:hidden;
		background:url("../images/carousel_arrs.png") no-repeat 0 0 #FFF;
		border-radius:0;
	}
	.specialoffers.carousel .flickity-prev-next-button.next {
		right:-41px;
		background-position:-24px 0;
	}
	.specialoffers.carousel .flickity-prev-next-button.previous {
		left:-41px;
	}
		.specialoffers.carousel .flickity-prev-next-button svg {
			display:none;
		}

#footer {
	overflow:visible;
}
.bot_menu, .bot_share, .sitemap_bottom {
	display:none;
}
#footer .account_link {
	float:left;
	margin-left:0;
	width:auto;
	height:auto;
	border:none;
	text-decoration:underline;
}

#footer .lang_selection.opened {
}
#footer .lang_list {
	position:absolute;
	bottom:37px;
	left:-2px;
	width:100%;
	border:1px solid #4790d9;
	border-bottom:none;
}
#footer .lang_selection:hover .lang_list {
	border-color:#FFF;
}

.menu_opener {
	float:right;
	overflow:hidden;
}
#footer .menu_opener {
	display:block;
	float:right;
	overflow:hidden;
}

.mobile_menu.opened {
	display:block;
}
.modern_header .top_menu.opened {
	display:block;
}
.bot_menu {
	width:330px;
	padding:25px 0 25px 32px;
	background-color:#FFF;
	position:absolute;
	right:20px;
	margin:0 !important;
}
	.bot_menu ul li {
		display:block !important;
	}
		.bot_menu ul li a {
			color:#303836 !important;
			font-size:24px;
			line-height:48px;
			text-decoration:none;
		}
		
.cancelbron {
	overflow:auto;
}

.you_get_list.fit {
	display:none;
}
.you_get_list.carousel {
	width:100%;
	display:block;
	margin-left:0;
}



/* more than 700px */
	
	
html, body {
	min-width:700px;
}

.wrapper {
	min-width:660px;
	max-width:959px;
	padding:0 20px;
}
#footer {
	min-width:700px;
}
#footer .inner {
	min-width:660px;
	max-width:959px;
	padding-top:48px;
	padding-left:20px;
	padding-right:20px;
}
#footer, #footer.bigfoot {
	height:143px;
	margin-top:-143px;
}
.content, .bigfoot .content {
	padding-bottom:170px;
}

.logo {
	top:25px;
}
	.logo a {
		width:323px;
		height:60px;
		/*background:url(../images/logo_mid.png) no-repeat 0 0;*/
		background:url(../images/logo.svg) no-repeat left center;
		background-size: contain;
	}

.top_menu {
	left:0;
	right:0;
	width:auto;
}
	.top_menu li a {
		font-size:18px;
		padding:0 10px;
	}

.benefits article {
	font-size:24px;
}
	.benefits .title {
		font-size:38px;
		font-weight:normal;
	}
	.benefits ul li {
		padding-left:63px;
		min-height:37px;
		background:url("../images/benefits_list_24.png") no-repeat 0 13px;
	}
	
.why_carscombined {
	font-size:24px;
}
	.why_carscombined h4 {
		font-size:38px;
		color:#303836;
	}
	.why_carscombined ul li {
		padding-left:63px;
		min-height:37px;
		background:url("../images/benefits_list_24_white.png") no-repeat 0 13px;
	}
	
#footer .account_link {
	font-size:24px;
	line-height:48px;
}

.bot_lang {
	margin-top:5px;
}
#footer .current_lang {
	font-size:24px !important;
}

#footer .menu_opener {
	width:46px;
	height:48px;
	background:url("../images/menu_opener_big.png") no-repeat 0 0;
	margin-left:60px;
}
.bot_menu {
	bottom:146px;
}
	
	
		



/* before 700px */
@media screen and (max-width: 699px) {
	
.smallres {
	display:block !important;
}
	
html, body {
	min-width:360px;
}

body {
	background-position:center -62px;
}

.wrapper {
	min-width:340px;
	max-width:679px;
	padding:0 10px;
}
#footer {
	min-width:360px;
}
#footer .inner {
	min-width:340px;
	max-width:679px;
	padding-top:48px;
	padding-left:10px;
	padding-right:10px;
}
#footer, #footer.bigfoot {
	height:143px;
	margin-top:-143px;
}
.content, .bigfoot .content {
	padding-bottom:170px;
}

.header {
	height: 101px;
	margin:0 -10px;
	padding:0 10px;
	background-color:#FFF;
}

.top_menu {
	display:none;
	position:absolute;
	width:320px;
	height:auto;
	padding:25px 0 25px 22px;
	background-color:#FFF;
	left:auto;
	right:10px;
	top:103px;
	margin:0 !important;
	text-align:left;
}
.modern_header .top_menu {
	position:absolute;
	right: 0;
	top: 56px;
}
	.top_menu ul li {
		display:block !important;
	}
		.top_menu ul li a {
			height:auto;
			color:#303836 !important;
			font-size:22px;
			line-height:48px;
			text-decoration:none;
			background-color:#FFF !important;
			border:none;
			text-align:left;
			padding:0;
		}
		
.bot_menu {
	padding-left:22px;
	width:320px;
	right:10px;
}

.header .account_link, .header .shareform {
	display:none;
}
.lang_selection {
	width:60px;
}
.lang_selection > a {
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
}
#footer .lang_selection {
	width:68px;
}
	
.logo {
	top:28px;
	left:10px;
}
	.logo a {
		width:218px;
		height:41px;
		/*background:url(../images/logo_small.png) no-repeat 0 0;*/
		background:url(../images/logo.svg) no-repeat left center;
		background-size: contain;
	}
	
.header .menu_opener {
	position:absolute;
	right:10px;
	top:26px;
	display:block;
	width:39px;
	height:48px;
	background:url(../images/menu_opener_small_grey.png) no-repeat 0 0;
}
.modern_header .top-additional-menu, .currency_selection, .top-divider {
	display: none;
}
.modern_header .header .menu_opener {
	position: relative;
	right: 0;
	top: 0;
	margin: 9px 0 0 10px;
	height: 36px;
	width: 30px;
	background-size: contain;
}
.modern_header .current_lang {
	padding-left: 49px !important;
}
.modern_header .current_lang:before {
	width: 32px;
	height: 32px;
	top: 2px;
}
.modern_header .lang_selection > a {
	text-indent: 0;
}
.modern_header .current_lang_code {
	display: none;
}

#footer .menu_opener {
	margin-left:40px;
}

.content {
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
}

.intro {
	margin-left:-10px;
	margin-right:-10px;
	width:auto;
	overflow:visible;
	padding:0;
}
.modern_header .intro {
	padding-bottom: 20px;
}
	.intro:before {
		display:none;
	}
		html .modern_header .intro_text h1 {
			font-size: 18px;
			padding: 10px;
			float: none;
			text-align: center;
		}
	.search_block {
		margin-top:0;
		box-shadow:none;
	}
		.search_boxx {
			padding-left:10px;
			padding-right:10px;
		}
		
.manufactures.carousel {
	margin-right:-10px !important;
}

.benefits article {
	font-size:20px;
}
	.benefits .title {
		font-size:26px;
	}
	
.why_carscombined {
	font-size:24px;
}
	.why_carscombined h4 {
		font-size:28px;
	}
	

}


.bot_lang {
	display: none;
}