/***************/
/*SLIDEBAR CSS */
/***************/
/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/*************/
/*MOBILE CSS */
/*************/
@font-face{font-family:'nunitoLight';src:url('../fonts/Nunito-Light.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'nunitoRegular';src:url('../fonts/Nunito-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}

/**/
html {
    overflow-y: scroll;
}



/*
Setup a basic body
*/
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	font-family: nunitoLight,arial;
	font-weight: normal;
}


/*
Header is relative so z-index: 1 guarantees always displayed on top
*/
header {
    background-color: #f8f8f8;
    padding: 10px;
    text-decoration: none;
    position: fixed;
    width: 100%;
    z-index: 1;
	border-bottom: 3px #e20019 solid;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

/*
using background color is important to cover the menu
position absolute isset to cover the whole viewport
*/
#content {
    background-color: #FFFFFF;
    padding: 52px 0px 10px 0px;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
    /*box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);*/
}

/*
the hamburger button with a little gradient effekt
*/
#hamburger {
    border: 0px solid #e20019;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
	float:left;
    width: 25px;
    background: #f8f8f8;
}


/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #000;
    border-radius: 2px 2px 2px 2px;
    height: 4px;
    margin-top: 3px;
    width: 90%;
}

/* 
Slider 
*/


.sb-slidebar {
	padding: 14px;
	color: #fff;
	background-color: #202020;
	font-size: 18px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
	background-color: #202020;
}

.sb-slidebar ul {
	list-style: none;
	padding: 0em 2em 0em 0em;
}

.sb-slidebar li {
	padding: 0.5em 0em 0.5em 0em;
}

.sb-slidebar-border {
	border-bottom: 1px solid #c0c0c0;
}

/*.sb-slidebar ul li:last-child {
    border-bottom: 0px dashed #999999;
}*/

/*.sb-slidebar ul li:nth-of-type(8) {
    border-bottom: 0px dashed #999999;
}*/

/*.sb-slidebar-no-border {
	border-bottom: 0px dashed #999999 !important;
}*/

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}



/*
The navigation container in the background

nav {
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 0;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #3e3c3d;
    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
}
*/

/*
Style the navigation menu

nav ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

nav li {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 15px;
}

nav li a {
    color: #fff;
    text-decoration: none;
}
*/
.htdeLogoMobile{
	background:transparent url("../images/htde-app-logo-mobile.png") center center no-repeat;
	background-size:150px;
	height:30px;

}

.topmenuLoginbutton{
	background:url("../images/icon_login_mobile.png") center center no-repeat;
	background-size:100%;
	width: 30px;
	height:30px;
	margin-left: 10px;
	float:left;

}

.topmenuSearchbutton{
	background:url("../images/icon_search_mobile.png") center center no-repeat;
	background-size:100%;
	width: 30px;
	height:30px;
	margin-right: 20px;
	float:right;
}
.bildergalerie{
width:100%;
border-bottom:0px;
}

.bildergalerie h2{
font-size:20px;
color:#e20019;
margin:10px 0px 0px 7px;
}

.bildergalerie h4{
font-size:12px;
color:#000;

}

.swiper-container{
	padding-top: 10px;
	width:100%;
	height:100%;
}

.swiper-slide{
	width:100%;
	height:90%;
}

.slideimg{
height:60%;
width:100%;
background-size: cover;
}	

.slideimgbu{
width:100%;
height:40%;
font-size:12px;
padding-left:3px;
overflow:hidden;
}

.swiper-pagination {
    width: 100%;
}

.swiper-pagination {
    text-align: center;
    z-index: 10;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
	margin: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #000 none repeat scroll 0% 0%;
    opacity: 0.2;
}


.feed_testimage {
width:100%;
}

.feed_testbildergalerie{
width:100%;
border-bottom:
}

.testad_300x250 {
width:100%;
}

.testad_320x50 {
width:100%;
}

.image_60 {
width:60%;
}

.image_100 {
width:100%;
}





/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 10000%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: 5;
}

.sb-slidebar li a{
color: #ffffff;
text-decoration: none;
}

/*topthema*/

.topthema-balken{
	background:rgba(200,200,200,0.6);	
	margin-top:0px; 
	position:absolut;
}

.topthema-balken-innen{
	background:rgba(226,0,25,1);
	
}
.topthema-headline, .topthema-subhead, .topthema-intro{
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;	
	position:relative;	
	font-weight: 800;	
	}
	
.topthema {
	margin: 0px;
}

.tsub3 {
	margin: 0px;
	font-size:12px;
	padding:3px 3px 3px 7px;
	font-weight: 400;
	color: #fff;	
	text-overflow: ellipsis;
}

.tsub2 {
	margin: 0px;
	font-size:13px;
	padding:3px 0px 5px 10px;
	font-weight: 400;
	text-overflow: ellipsis;	
}

.tsub1 {
	margin: 0px;
	font-size:25px;
	padding:0px 0px 2px 7px;
	text-overflow: ellipsis;
}

.topthema-img{
	width:100%;
	float:left;
}
.news, .artikel {
padding-left: 7px;
border-bottom: 1px #ccc solid;
}


.news h3, .artikel h3 {
font-size: 15px;
font-weight: 800;
line-height:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0px 0px 0px 0px;
margin:5px 0px 10px 0px;
}

.news h4, .artikel h4 {
font-size: 12px;
font-weight: 400;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.artikelintro p, .artikelintro p {
font-size: 12px;
font-weight: 400;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.h3markennews {
	color:#000000 !important;
}

.newshead, .artikelhead {
width:100%;
float:left;
}

.newsimg-div, .artikelimg-div, .relatedimg {
width:40%;
float:left;
margin-right:5px;
overflow:hidden;
}

.artikelimg, .newsimg{
	height:60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:5px;
}

.newsintro, .artikelintro {
width:55%;
float:left;
padding-bottom:5px;
}
.newsbox h2, .artikelbox h2, .artikelbox h1, .dealerbox h2, .newsletterbox h2{
font-size:20px;
color:#e20019;
padding:0px 0px 7px 0px;
margin:0px 0px 0px 0px;
}

.newsbox, .artikelbox, .relatedbox, .dealerbox {
padding:7px 0px 0px 5px;
}

.dealerbox {
background-color:#eee;
height: 120px;
padding-left: 7px;
margin-top: 40px;
}

.artikelsubhead p{
	width:100%;
font-size:10px;
font-weight: 400;
padding:0px 0px 0px 0px;
margin:7px 0px 0px 0px;
}

.relatedbox h2 {
font-size: 15px;
color:#e20019;
}

.related h3, .dealersuche h3, .newsletteranmeldung h3{
font-size: 12px
}

.relatedhead, .dealerhead {
width:55%;
float:left;
}

.newsletterbox {
background-color:#eee;
height: 120px;
padding-left: 7px;
}

ul li {
	list-style-type:none;
}

a {
	text-decoration: none;
	color: #000;
}


.footer {
	font-size:14px;
	padding: 0px 0px 5px 0px;
	border-top: 1px #ccc solid;
	background-color:#eee;
	text-align:center;
}

.footer  ul li {
	line-height: 25px;
}

.ad_container {
    animation-duration: 0.8s;
    animation-name: slideDown;
	position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    overflow: hidden;
    padding: 10px;
	    background: #222 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 17px;
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
    box-sizing: border-box;
}

.testbericht-mb {
margin: 7px 7px 0px 7px;
}

.testbericht-head-mb h2, .testbericht-head-mb h1 {
font-size: 25px;
text-align: center;
}

.testbericht-sub-mb h1, .testbericht-sub-mb h2{
font-size: 15px;
color:#aaa;
font-weight:400;
border-bottom: 1px #aaa solid;
border-top: 1px #aaa solid;
text-align: center;
}

.testbericht-img-mb img {
}

.tb-auf-img {
	width:100%
}


.testbericht-kategorie-mb p{
font-size: 12px;
color:#aaa;
font-weight:400;
}

.testbericht-marke-mb {
width:100%;
background-color:#ccc;
border:1px #e20019 solid;
overflow:hidden;
}

.testbericht-marke-logo-mb img{
width:100%;
margin:1px 1px 1px 1px;
}

.testbericht-marke-bullets-mb ul li{
list-style-image: url("../images/list-style.png");
line-height: 1.5;
}

.testbericht-article-mb {
width:100%;
border:0px #fff solid;
padding-top:10px;
}

.testbericht-article-mb figure {

float:left;
margin:0px;
padding:20px 7px 0px 0px;
}

.testbericht-article-mb figcaption {
background-color:#ccc;
color:#000;
margin:0px 1px 1px 1px;
text-align:center;
padding:0px;
font-size:8px;
font-weight:600;
}

.testbericht-intro-mb{

}

.testbericht-articletext-mb h3 {
font-weight:400;
}
.testbericht-articletext-mb {
font-weight:400;
margin:20px 5px 0px 7px;
}

.pagecontrol-mb li{
margin-top:5px;
line-height:39px;
font-size:20px;
text-align:center;
list-style:none;
right:50%;
color:#e20019;
float:left;
width:50px;
font-weight:600;
}



.pagecontrol-mb li a{
	color:#e20019;
}

.pagecontrol-mb ul{

}

.pagecontrol-news li a{
	color:#e20019;
}

.pagecontrol-news li{
margin-top:5px;
line-height:39px;
font-size:20px;
text-align:center;
list-style:none;
right:50%;
color:#e20019;
float:left;
width:200px;
font-weight:600;
}


.mobile-ad-medrec {

}

.testbericht-info-mb{

}

.productresults-mb h2, .productfeatures-mb h2, .productinfo-mb h2, .marken-detail h2 {
font-size:20px;
}

.productfeatures-mb, .marken-detail {
height:30px;
margin:0px 5px 0px 7px;
font-size: 13px;
}

.productinfo-mb {
margin:0px 5px 10px 7px;
}

.productinfo-mb h2{
padding-top:20px;
}

.productfeatures-mb {
	width:100%;
	border:0px;
	margin:0px 5px 0px 7px;
	padding-right:13px;
}

.productfeatures-mb h2, .marken-detail h2{
border: 0px;
padding:0px;
width:100%;
margin:0px;
}

.productfeatures-mb td, .marken-detailtd{
border-bottom:1px #ccc solid;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.product-mb-h2-div, .marken-detail-h2-div {
float:left;
}

.productresults-mb {
margin:20px 5px 0px 7px;
}

.productresults-mb h2{
display:inline;
border: 0px;
padding:0px;
width:100%;
margin:0px;


}

.productresults-mb {
height:30px;
}
.productresults-mb-tabelle{
width:100%;
border:0px;
margin:0px 5px 0px 7px;
padding-right:13px;
}

.productresults-mb-tabelle thead td{
color:#e20019;
font-weight:600;
border-bottom:0px;
padding-top:7px;
border:0px;
}

.productresults-mb-tabelle td{
border-bottom:1px #ccc solid;
padding:0px 0px 0px 0px;
height:3px;
}

.bewtest {
	width: 20%;
}

.bewtest img {
	width: 100%;
}

.productbadge-mb img {
width:100%;
padding-top:10px;
}

.topdealer {
padding:0px 3px 0px 7px;
}

.topdealer h3{
font-weight:600;
line-height:1;
padding-top:5px;
font-size:15px;
padding-left:7px;
}

.topdealer-content1 {
background-color:#ccc;
}

.topdealer-content2 {
background-color:none;
}
.topdealer-content1 p, .topdealer-content2 p{
font-weight:300;
padding-bottom:5px;
padding-left:7px;
}

.collapse_reverse {
    width: 20px;
    height: 15px;
    padding: 0px 0px 0px 0px;
    background: transparent url("../images/collapse_reverse.png") no-repeat scroll center center / 16px 11px;
	border:0px;
	float:left;
	margin:7px 0px 0px 5px;
}

.rating{
text-align:right;
}

.clear {
height:30px;
width:100%;
clear:both;
}

.clear_both {
clear:both;
}

.highlighted {
color:#e20019;
font-weight:600;
}

.price_table {
width:100px;
}

/*bestenliste*/
.best-mob {
	width:100%; 
	border-top:1px #f00 solid;
}

.tabelle-best-anker a, .tabelle-markenaz-anker a {
color:#e20019; 
font-weight:600;
}

.tabelle-best-text, .tabelle-markenaz-text {
border-bottom:1px #ccc solid;
}

.tabelle-best-kat {
font-size: 14px;
}

.tabelle-best-nachoben a , .tabelle-markenaz-nachoben a {
color:#e20019;
text-align:right;
text-decoration:underline;
}

.tabelle-best, .tabelle-markenaz{
width:100%;
}

.azliste ul {
padding:7px;
display:block;
width:100%;
}

.azliste li {
padding:7px 10px;
float:left;
font-weight:600;
}

.azliste li  a{
color:#e20019;
}

.azliste li  span{
color:#bebebe;
}

.bestenliste h1, .dealerliste h1 {
color:#e20019;
font-size: 22px;
margin:20px 0px 0px 7px;
}

.tabelle-best-detail {
width:100%;
font-size:14px;
}

.tabelle-best-detail-div thead {
background-color:#ccc;
color:#000;
font-size:14px;
}

.tabelle-best-detail-div td {
padding:10px;
}

.table-best-rating{
width: 90%;
}
.classrow {
background-color:#e20019;
color:#e5e5e5;
padding:10px;
font-size:16px;
}

.tabelle-best-row1 {
background-color:#fff;
word-break:break-all;
word-wrap:break-word;
}
.bestimage {
	width:30%;
}

.bestimage  img {
	width:100%;
}

.tabelle-best-row2 {
background-color:#f2f2f2;
word-break:break-all;
word-wrap:break-word;
}

.redmorethan {
color:#e20019;
}

/*Händler Übersicht*/

.dealerliste ul, .plzliste ul {
padding: 8px;
width:100%;
margin-right:5px;
}

.dealerland li {
padding-right:15px;
padding-bottom:15px;
margin-top:15px;
margin-bottom:10px;
margin-right:2px;
float:left;
color:#e20019;
font-weight:600;
}

.dealerland li  a{
color:#e20019;
font-weight:600;
}

.plzliste li {
padding-right:15px;
padding-bottom:10px;
float:left;
color:#e20019;
font-weight:600;
}

.plzliste li  a{
color:#e20019;
font-weight:600;
}

.dealerland li a.active, .plzliste li.active a{
color:#fff;
background-color:#e20019;
padding-bottom:5px;
padding-left:5px;
padding-right:8px;
}


.uebersicht-dealer, .dealer-detail, .buecher {
margin:7px;
}

.uebersicht-dealer h2 {
color:#000;
}

.dealer-entry {
border:1px #ccc solid;
margin-top:10px;
margin-right:5px;
padding:5px;
}

.dealer-entry img{
width:200px;
margin-left:7px;

}


.dealer-logo {
width:40px;

}

.dealer-address{
margin-left:7px;
width:50%;
float:left;
}

.dealer-contact {
text-align: right;
}


.dealer-email, .dealer-info {
text-decoration:underline;
color:#e20019;
font-weight:600;
}

/*Händler Detail*/

.dealer-detail h2, .bildergalerien-uebersicht h2 {
color:#e20019;
padding-left:7px;
}

.marken-uebersicht h2 {
color:#e20019;
padding-left:7px;
font-size: 20px;
}

.marken-uebersicht h1, .dealer-detail h1 {
font-size: 24px;
color:#e20019;
padding-left:7px;
}

.dealer-detail-address {
padding-bottom:15px;
}

.dealer-detail-map {
	width:100%;
	height: 400px;
}

.dealer-detail-entry {
border-top:1px #e20019 solid;
}

.back  a{
color:#e20019;
text-decoration:underline;
}

/*Markeneinbindung Übersicht*/

.marken-top table {
background-color: #eee;
border:2px #e20019 solid;
margin:15px 7px 15px 7px;
border-collapse:collapse;
}


.marken-top td{
height:100px;
border-bottom:1px #ccc solid;
line-height:2;
padding-right:5px;
}


.marken-top td.marken-top-bold {
font-weight:800;
line-height:1.4;
padding-left:7px;
}

.marken-uebersicht h3 {
color:#e20019;
padding-left:7px;
}


.marken-detail-h2-div h2 {
color:#000;
}

.marken-detail {
border-bottom: 1px #e20019 solid;
height:35px;
}

.marken-detail-logo img {
width:200px;
margin-bottom:10px;
}

/*Markeneinbindung Produkte*/

.marken-product-entry {
margin-left:7px;
margin-top:10px;
border-bottom: 1px #eee solid;
}

.marken-product-entry-img-main  {
	/*width:173px;*/
	width:130px;
	height:87px;
	border:1px solid rgba(0,0,0,0.5);
	float:left;
	margin:0 5px 0 0;
	overflow:hidden;
	padding: 0px !important;
}

.marken-product-entry-img-main   img {
	margin-left: 0px !important;
	padding: 0px !important;
}

/*.categoryLabel{width:173px;background-color:rgba(226,0,25,0.8);margin-top:93px;position:absolute;margin-left:0px;text-align:center;font-size:18px;color:#fff;}*/
.categoryLabel{width:130px;background-color:rgba(226,0,25,0.8);margin-top:67px;position:absolute;margin-left:0px;text-align:center;font-size:16px;color:#fff;}

.marken-product-entry-img {
/*float:left;*/
}

.marken-product-entry-img img{
/*width:95%;*/
}


.marken-product-entry-info {
}

.bold {
font-weight:800;
}

.collapse_on {
    width: 20px;
    height: 15px;
    padding: 0px 0px 0px 0px;
    background: transparent url("../images/collapse_on.png") no-repeat scroll center center / 16px 11px;
	border:0px;
	float:left;
	margin:7px 0px 0px 5px;
}

.marken-pagecontrol li{
margin-top:5px;
line-height:39px;
font-size:20px;
text-align:center;
list-style:none;
right:50%;
color:#e20019;
float:left;
width:50px;
font-weight:600;
}

.marken-pagecontrol {
padding-bottom:50px;
}

/*Markeneinbindung Profil*/

.marken-profil-img img {
padding:7px;
}

.marken-profil-text p, .marken-haendler-text p, .marken-kataloge-text p, .marken-video-text p, .marken-beratung-text p {
margin:10px;
}

.marken-profil-text a {
	color:#e20019;
	text-decoration:underline;
}

.marken-haendler-text a , .marken-kataloge-text a, .marken-video-text a, .marken-beratung-text a{
color:#e20019;
text-decoration:underline;
}

/* Markeneinbindung Bildergalerie*/

.marken-galerie-entry-img, .galerie-entry-img {
margin:10px;
}

.marken-galerie-entry-img img, .galerie-entry-img img {
width:100%;
border:1px #ccc solid;
}

.marken-galerie-entry p, .galerie-entry p {
font-weight:800;
margin:0px 0px 20px 10px;
}

.marken-galerie-entry, .galerie-entry {
float:left;
}

/*Markeneinbindung Kataloge*/

.marken-kataloge-img img {
width:100px;
float:left;
margin:15px 7px 10px 7px;
}

/*Markeneinbindung Videos*/

.marken-video-img img {
width:500px;
margin:10px 7px 10px 7px;
}

.spacer_content {
	height: 30px;
}

.h1red {
	color:#e20019;
	font-size: 18px;
}

.buecherhead {
	color:#e20019;
	font-size: 22px;
	margin-left: 7px;
}

.displayNone {
 display:none;
}

.buecher h2{
font-size:20px;
color:#e20019;
}

.red_link {
color:#e20019;
text-decoration: underline;
}

.rss h1 {
color:#e20019;
font-size: 22px;
margin:20px 0px 0px 7px;
}

.rss-text {
	padding:0px 0px 0px 7px;
}

.agb-head-mb h1 {
font-size: 25px;
text-align: center;
color:#e20019;
}

.agb-text-mb h3 {
font-weight:400;
margin:20px 5px 20px 7px;
}

.agb-text-mb h2 {
font-size: 20px;
font-weight:600;
margin:20px 5px 20px 0px;
}

.logoimp {
	margin-left:5px;
	margin-right:15px;
	display: inline-block;	
} 

.form-head-mb h1 {
font-size: 25px;
text-align: center;
color:#e20019;
}

.form-text-mb {
	margin:0px 7px;
}

.error{padding:10px !important;background:rgb(255,242,242);line-height:1.5;border:1px dashed rgb(226,0,25);color:rgb(226,0,25);}

.contact input[type="text"], .contact input[type="password"]{width:90%;height:26px;border:1px solid rgba(0,0,0,0.2);font-size:16px !important;padding-left:5px;}
.contact select{min-width:120px;height:28px;border:1px solid rgba(0,0,0,0.2);font-size:16px !important;padding-left:3px;}
.contact textarea{width:90%;height:150px;border:1px solid rgba(0,0,0,0.2);font-size:16px !important;}
.contact fieldset{margin:0px;padding:0px;border:none;}
.contact input[type="submit"]{font-size:14px;margin-top:30px;}
.contact label{display:inline-block;width:190px;text-align:left;margin-bottom:10px;}
.contact label[for=input-text]{float:left;margin-right:7px;}
.foka1{border: 1px solid rgb(204,204,204); padding: 10px; margin-bottom:20px;}
.fokalink{color: rgb(226,0,25)}
.contacttextarea{float:left;margin-right:7px;}
.contacthead{color: rgb(226,0,25); margin: 0px}
.suchfeld { width:65% !important;}

.searchSeperator{font-size:20px;color:rgb(226,0,25);margin:0px 5px 0px 5px;font-family:nunitoRegular,Arial;font-weight:normal;}
.searchResult ul {padding: 0px;}
.searchResult li {float:left;}
.searchResult li a{color:rgb(226,0,25);font-family:nunitoRegular,Arial;font-weight:normal;padding:5px;}
.searchResult li a{color:rgb(226,0,25);font-family:nunitoRegular,Arial;font-weight:normal;padding:5px;}
.searchResult li a.activeLink{background:rgb(226,0,25);color:rgb(255,255,255);}

#suche{
margin-right: 20px;
}

.price {
padding-left: 7px;
}

.bildergalerien-standalone h1{
color:#e20019;
padding-left:7px;
font-size: 15px;
}

.galerie-pages, .galerie-pages a {
color:#e20019;
font-weight:600;
width:100%;
}

.galerie-pages span {
	color:#cedbe8;
	font-weight:600;
	width:100%;
}

.galerie-pages-left {
width:10%;
float:left;
}

.galerie-pages-right {
width:10%;
text-align:right;
float:right;
}

.galerie-pages-numbers {
width:80%;
text-align:center;
float:left;
}

.galerie-pages-numbers-all {
color:#cecece;
}

.galerie-image img{
 width: 100%;
 border:0px #ffffff none;
}

.galerie-image p{
 margin: 15px 10px 15px 10px;
}

.relatedgal {
border-bottom: 1px #cecece solid;
float: left;
margin-bottom:10px;
}

.relatedgal h3 {
font-size: 15px;

}

.relatedgalhead {
width:55%;
margin-left: 10px;
float:left;
}
.relatedgalimg {
width:40%;
float:left;
padding-right:5px;
}

.relatedgalimg img {
width:100%;
}

.back-link {
	padding: 15px 5px;
}

.back-link a {

color:#cecece;
}

.htdeLogo{background:transparent url("https://www.hifitest.de/images/htde-app-logo.png") center center no-repeat; height:67px; background-size:contain}
.testreviewDetailLeft{width:100%;}
.testreviewDetailLeft .price, .testreviewDetailLeft .testresult{font-family:nunitoRegular;}
.testreviewContent{border-top:1px solid #000;background:rgba(0,0,0,0.05); min-height: 230px;}
.testreviewContenth3{margin-top:30px; font-family:nunitoRegular,Arial; font-weight:normal; font-size:25px;}
.testreviewDetailLeft p{ line-height:30px;}
.testreviewDetailLeft .testreviewContent p.rating{font-size:35px;}
.testreviewDetailLeft p span.opener{color:rgb(226,0,25);}
.testreviewDetailLeft .testreviewContent p{font-size:12px;}
.testreviewDetail{border:1px solid #000; text-align:center; width:100%; }
.testreviewDetail h3{margin-top: 20px;}
.testreviewDetail .htdeLogo{width:100%; margin:20px 0px 20px 0px;}

.testauszeichung {color: rgb(226,0,25);margin-top: 15px;margin-bottom: -15px;font-family: nunitoRegular,Arial;font-weight: normal;font-size: 20px;}

.htdeLogoCli {
	width:155px; 
	height:30px; 
}

.isActive {
	background:rgb(226,0,25);
}

.isActive a{
	color:#ffffff !important;
}

.activeLink  {
	color:#ffffff !important;
}

.pointer {
	cursor: pointer;
}

#mobile_weiche {
	width: 100%;
	background-color: #e20019;
	border: 1px dashed #cb0016;
	text-align:center;
	color: #ffffff;
	font-weight: 600;
	display:none;
}

#mobile_weiche div{
	display: inline-block;
	padding: 15px;
}

#mobile_weiche span{
	margin-left: 30px;
	color: #ffffff;
	cursor:pointer;
	font-weight: 600;
	text-decoration: underline;
}

#wartung_hinweis{
	width: 100%;
	background-color: #e20019;
	border: 1px dashed #cb0016;
	text-align:center;
	color: #ffffff;
	font-weight: 600;
}

#wartung_hinweis div{
	display: inline-block;
	padding: 15px;
}

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

#google_translate_element {display:none !important;}
.nturl {cursor: pointer}
.hintad{float:right; margin-top: 4px; margin-right: 5px; font-size: 10px;}

.addmagazinteaser{margin-top:0px; padding:5px;}
.magazinteasereinzel{width:25%; float:left;}
.magazinteasereinzelimg{width:80%;}
.magazinteaserbold{font-weight:600;}
.magazinteaserabo{width:33%; float:right;}
.magazinteaseraboimg{width:31%; display:inline-block; margin-right:4px;}
.magazinteaseraycr{width:33%; float:left; margin-left:10px;}
.magazinteaseraycrimg{width:99%;}
.cr_editorial{float:left; margin-right:10px; margin-bottom:10px; background-color: #eeeeee; padding:5px; text-align:right; width:100px;}
.cr_img{width:100px;}
.osbor{border-bottom: 1px solid #e20019;}
.fdt {background-color: #e20019}
.fdt_head {padding-left: 5px; color: #ffffff; font-size: 1.2em; font-weight: 600}
.fdt_quest {padding-left: 5px; color: #ffffff; font-size: 1em; font-weight: 400}
.fdt_buttons {padding:5px 0px 8px 5px}
.fdt_button{display:inline-block; background-color: #ffffff; padding: 6px 12px; width: 60px; text-align: center; font-weight:600; border-radius: 4px; cursor:pointer}
.fdt_result{padding-bottom:4px; padding-left: 5px;}
.fdt_result_ans{display: inline-block; font-size: 14px; font-weight:600; color: #ffffff; width:40px;}
.fdt_result_balb{ display: inline-block; background-color: #b0000c; width: 100px; height: 6px; position:relative; top: -2px;}
.fdt_result_balf{height: 6px; background-color: #ffffff;}
.fdt_result_proz{display: inline-block; font-size: 14px; font-weight:600; color: #ffffff;}
.quality_click {margin: 0px;}
.quality_click-img{width:33%; float:left; margin-right:5px;}
.quality_click-img-multi{width:100%; float:left;}
.qchintad{float:right; margin-top: 0px; margin-right: 5px; margin-left: 5px; font-size: 10px; color:rgb(171,171,171)} 
.qctsub1 { margin: 0px; font-size:25px; padding:0px 0px 2px 7px; text-overflow: ellipsis; color: #e20019}
.qctsub2 { margin: 0px; font-size:20px; padding:3px 0px 5px 10px; font-weight: 400; text-overflow: ellipsis;}
.qualityclick_link {cursor:pointer; color: #e20019}
.galerieuebersicht_link {padding:15px;}
.galerieuebersicht_link a {color: #e20019}

/*************/
/*SWIPER CSS */
/*************/
/**
 * Swiper 3.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: April 25, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#e20019}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end)infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end)infinite;animation:swiper-preloader-spin 1s steps(12,end)infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}