/*
Theme Name: Carloh
Theme URI: http://www.comed.lu
Description: A responsive theme for Carloh, handcrafted by Comed s.a.
Author: D.D.
Author URI: http://www.comed.lu
Version: 0.1
Text Domain: carloh

*/
@charset "UTF-8";


.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.vc-hidden,
.page-section{
	opacity:1; /*correction du bug affichage*/
}
.page-section.vc-visible{
	opacity:1;
}

.outofsight{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

a{
	color: #58b9a7;
}

.container-fluid, .container-w{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

body {
	font-family: 'Lato', sans-serif;
	line-height: 1.33;
	font-weight: 400;
	letter-spacing: .05em;
	margin-top: 0;
}

header{
	background: #58b9a7;
	position: relative;
	z-index: 5;
}

#topbar .topbar-wrap{
	height: 170px;
	position: relative;
}

#topbar .container-fluid{
	position: relative;
}

#logo{
	width: 295px;
	height: 295px;
	background: #ffffff;
	border-radius: 300px;
	display: block;
	/* mobile-fix */
	z-index: 2;
	position: absolute;
	left: 50%;
	top: -38px;
	margin-left: -148px;
}

#logo:focus{
	outline: none;
}

#logo img{
	width: 210px;
	margin: 70px 0 0 43px;
}

#top-contacts{
	position: absolute;
	left: 15px;
	top: 0;
	color: #ffffff;
	text-indent: -10000px;
	overflow: hidden;
	background: url('images/carloh-header-helpline.png') no-repeat;
	background: url('images/carloh-header-helpline.svg') no-repeat,none;
	width: 161px;
	height: 168px;
	left: 11em;
	top: 33px;
	z-index: 1;
}

#top-contacts h2{
	font-size: 1.3em;
	font-weight: 100;
	margin: 2.25em 0 .1em;
	color: #ffffff;
}

#top-contacts div{
	font-size: 1.3em;
	font-weight: 300;
}

#top-contacts div a{
	color: #ffffff;
}

#top-contacts div a:hover, #top-contacts div a:focus{
	text-decoration: none;
	outline: none;
}

.lang-switch{
	position: absolute;
	left: 15px;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.lang-switch ul, .lang-switch li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.lang-switch li li{
	display: inline-block;
	margin-right: 1em;
}

.lang-switch a{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 300;
	display: block;
	padding-bottom: 1.9em;
}

.lang-switch .current-lang a{
	font-weight: 400;
	border-bottom: 6px solid #ffffff;
}

.lang-switch a:hover, .lang-switch a:focus{
	text-decoration: none;
	border-bottom: 6px solid #ffffff;
	outline: none;
}

#header-nav{
	position: absolute;
	bottom: 0;
	right: 225px;
}

#header-nav ul{
	margin: 0;
	padding: 0;
}

#header-nav li{
	list-style: none;
	display: inline-block;
	margin-left: 1.85em;
}

#header-nav a{
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 1.35em;
	font-weight: 300;
	border-bottom: 6px solid #58b9a7;
	padding-bottom: 1.9em;
}

#header-nav a:before{
	background: url('images/icon-sprite_v2.png') no-repeat;
	display: block;
	content:'';
	width: 25px;
	height: 25px;
	position: absolute;
	top: -29px;
	left: 50%;
	margin-left: -12px;
}

#header-nav a[title=mycarloh]:before{
	background-position: -435px -61px;
}

#header-nav a[title=faq]:before{
	background-position: -468px -61px;
}

#header-nav a:hover, #header-nav a:focus{
	border-bottom: 6px solid #ffffff;
	text-decoration: none;
	outline: none;
}

#social-menu{
	position: absolute;
	right: 10px;
	width: auto;
	top: 4px;
	z-index: 1;
}

#social-menu ul{
	margin: 0;
	padding: 0;
	text-align: center;
}

#social-menu li{
	display: block;
	margin: 5px 0;
	padding: 0;
	list-style: none;

	float: left;
	clear: both;
}

a[title=facebook],a[title=twitter],a[title=googleplus],a[title=linkedin],a[title=instagram],a[title=youtube]{
	background: url('images/icon-sprite_v2.png') no-repeat;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	text-indent: -10000px;
}

#social-menu a:hover, #social-menu a:focus{
	outline: none;
}

a[title=facebook]{
	background-position: -900px 0;
}

a[title=twitter]{
	background-position: -944px 0;
}

a[title=googleplus]{
	background-position: -988px 0;
}

a[title=linkedin]{
	background-position: -1032px 0;
}

a[title=instagram]{
	background-position: -1076px 0;
}

a[title=youtube]{
	background-position: -1120px 0;
}

a[title=facebook]:hover,a[title=facebook]:focus{
	background-position: -900px -44px;
}

a[title=twitter]:hover,a[title=twitter]:focus{
	background-position: -944px -44px;
}

a[title=googleplus]:hover,a[title=googleplus]:focus{
	background-position: -988px -44px;
}

a[title=linkedin]:hover,a[title=linkedin]:focus{
	background-position: -1032px -44px;
}

a[title=instagram]:hover,a[title=instagram]:focus{
	background-position: -1076px -44px;
}

a[title=youtube]:hover,a[title=youtube]:focus{
	background-position: -1120px -44px;
}

#homeslider{
	position: relative;
}

#partnerlinks{
	display: block;
	overflow: hidden;
	background: none;
	/*width: 152px;
	height: 182px;*/
	width: 109px;
	height: 110px;
	position: absolute;
	bottom: 0em;
	right: 85px;
	max-width:50px;
}

#applink{
	display: block;
	overflow: hidden;
	background: none;
	/*width: 152px;
	height: 182px;*/
	width: 109px;
	height: 130px;
	position: absolute;
	bottom: 1em;
	right: 85px;
}

#applink:hover, #applink:focus{
	outline: none;
	background-position: -1018px -133px;
}

#applink.applink-de{
	background-position: -845px -349px;
}

#applink.applink-de:hover, #applink.applink-de:focus{
	background-position: -1018px -349px;
}

#applink.applink-en{
	background-position: -499px -349px;
}

#applink.applink-en:hover, #applink.applink-en:focus{
	background-position: -672px -349px;
}

.main-nav-container{
	background: #ffffff;
	overflow: hidden;
}

#main-nav{
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#main-nav ul{
	margin: 0;
	padding: 0;
	text-align: center;


							display: -ms-flex;
						display: -webkit-flex;
								display: flex;
				-webkit-flex-direction: row;
					-ms-flex-direction: row;
						flex-direction: row;
	-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
			justify-content: space-around;
			-webkit-align-items: center;
				-ms-align-items: center;
					align-items: center;

					font-size: 0;
}

#main-nav li{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 17px;
	display: block;
}

#main-nav a{
	color: #58b9a7;
	position: relative;
	display: block;
	padding: 4.75em 1.75em 1.75em;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 300;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-size: auto 220%;
    background-position: 0 0;
    transition: background-position 0.25s;
}


#les-voitures .cars h4,
#fahrzeuge .cars h4,
#cars .cars h4{
	position: relative;
}

#main-nav a:before,
#les-voitures .cars h4:before,
#fahrzeuge .cars h4:before,
#cars .cars h4:before{
	content:'';
	display: block;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 1.4em;
	left: 50%;
	margin-left: -42px;
	background: url('images/icon-sprite_v2.png') no-repeat;
}

#les-voitures .cars h4:before,
#fahrzeuge .cars h4:before,
#cars .cars h4:before{
	top: -2.5em;
}

#main-nav a[title=comment-ca-marche]:before,
#main-nav a[title=wie-funktioniert-carloh]:before,
#main-nav a[title=getting-started]:before{
	background-position: 0px -142px;
}

#main-nav a[title=les-stations-carloh]:before,
#main-nav a[title=carloh-stationen]:before,
#main-nav a[title=carloh-locations]:before,
#les-voitures .cars h4:before,
#fahrzeuge .cars h4:before,
#cars .cars h4:before{
	background-position: -84px -142px;
}

#main-nav a[title=les-tarifs]:before,
#main-nav a[title=tarife]:before,
#main-nav a[title=tariffs]:before,
#main-nav a[title=rates]:before{
	background-position: -251px -142px;
}

#main-nav a[title=les-voitures]:before,
#main-nav a[title=fahrzeuge]:before,
#main-nav a[title=cars]:before{
	background-position: -168px -142px;
}

#main-nav a[title=sinscrire]:before,
#main-nav a[title=kunde-werden]:before,
#main-nav a[title=become-a-customer]:before{
	background-position: -335px -142px;
}

#main-nav a[title=contactez-nous]:before,
#main-nav a[title=kontakt]:before,
#main-nav a[title=contact]:before{
	background-position: -418px -142px;
}

#main-nav a[title=faq]:before{
	background-position: -502px -142px;
}

#main-nav a[title=mycarloh]:before{
	background-position: -247px -271px;
}

#main-nav a:hover, #main-nav a:focus{
	background-position: 0 100%;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

#main-nav a[title=comment-ca-marche]:hover:before,
#main-nav a[title=comment-ca-marche]:focus:before,
#main-nav a[title=wie-funktioniert-carloh]:hover:before,
#main-nav a[title=wie-funktioniert-carloh]:focus:before,
#main-nav a[title=getting-started]:hover:before,
#main-nav a[title=getting-started]:focus:before{
	background-position: 0px -100px;
}

#main-nav a[title=les-stations-carloh]:hover:before,
#main-nav a[title=les-stations-carloh]:focus:before,
#main-nav a[title=carloh-stationen]:hover:before,
#main-nav a[title=carloh-stationen]:focus:before,
#main-nav a[title=carloh-locations]:hover:before,
#main-nav a[title=carloh-locations]:focus:before{
	background-position: -84px -100px;
}

#main-nav a[title=les-tarifs]:hover:before,
#main-nav a[title=les-tarifs]:focus:before,
#main-nav a[title=tarife]:hover:before,
#main-nav a[title=tarife]:focus:before,
#main-nav a[title=tariffs]:hover:before,
#main-nav a[title=tariffs]:focus:before,
#main-nav a[title=rates]:hover:before,
#main-nav a[title=rates]:focus:before{
	background-position: -251px -100px;
}

#main-nav a[title=les-voitures]:hover:before,
#main-nav a[title=les-voitures]:focus:before,
#main-nav a[title=fahrzeuge]:hover:before,
#main-nav a[title=fahrzeuge]:focus:before,
#main-nav a[title=cars]:hover:before,
#main-nav a[title=cars]:focus:before{
	background-position: -168px -100px;
}

#main-nav a[title=sinscrire]:hover:before,
#main-nav a[title=sinscrire]:focus:before,
#main-nav a[title=kunde-werden]:hover:before,
#main-nav a[title=kunde-werden]:focus:before,
#main-nav a[title=become-a-customer]:hover:before,
#main-nav a[title=become-a-customer]:focus:before{
	background-position: -335px -100px;
}

#main-nav a[title=contactez-nous]:hover:before,
#main-nav a[title=contactez-nous]:focus:before,
#main-nav a[title=kontakt]:hover:before,
#main-nav a[title=kontakt]:focus:before,
#main-nav a[title=contact]:hover:before,
#main-nav a[title=contact]:focus:before{
	background-position: -418px -100px;
}

#main-nav a[title=faq]:hover:before,
#main-nav a[title=faq]:focus:before{
	background-position: -502px -100px;
}

#main-nav a[title=mycarloh]:hover:before,
#main-nav a[title=mycarloh]:focus:before{
	background-position: -247px -229px;
}

#main-nav-sticky-wrapper.is-sticky{
	z-index: 20;
}

/* hide 'top' btn, mycarloh and logo when not sticky */
#main-nav #menu-item-171, #main-nav #menu-item-33, #main-nav #menu-item-297,
#main-nav #menu-item-401, #main-nav #menu-item-410, #main-nav #menu-item-409,
#main-nav #menu-item-411, #main-nav #menu-item-420, #main-nav #menu-item-419{
	display: none;
}

.no-js #top-bar{
	display: none;
}

#top-bar{
	position: fixed;
	top: 0;
	/* z-index: 99999; */
	z-index: 4;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #58b9a7;
}

#top-bar ul{
	margin: 0;
	padding: 0 0 0 75px;

							display: -ms-flex;
						display: -webkit-flex;
								display: flex;
				-webkit-flex-direction: row;
					-ms-flex-direction: row;
						flex-direction: row;
	-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
			justify-content: space-around;
			-webkit-align-items: center;
				-ms-align-items: center;
					align-items: center;


}

#top-bar li{
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(88,185,167,1) 50%);
	background-size: auto 220%;
    background-position: 0 0;
    transition: background-position 0.25s;
}

#top-bar li:not(:first-child):not(:last-child){
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-ms-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;

	text-align: center;
}

#top-bar a{
	display: block;
	color: #58b9a7;
	padding: 1.25em 1.5em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 300;
}

#top-bar li:hover,
#top-bar .current-menu-item{
	background-position: 0 100%;
	outline: none;
}

#top-bar li a:hover,
#top-bar .current-menu-item a{
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

#top-bar li a:focus{
	outline: none;
	text-decoration: none;
}

#top-bar li:first-child{
	padding: 0 1.5em 0 0;
}

#top-bar a[title=carloh-homepage]{
	background: url('images/logo-carloh-s.png') no-repeat;
	background: url('images/logo-carloh-s.svg') no-repeat,none;
	width: 60px;
	height: 38px;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: .7em;
	left: 1em;
}

#top-bar li:last-child{
	padding: 0;
	margin-right: 5px;
	background: none;
}

#top-bar a[title=top]{
	background: url('images/icon-sprite_v2.png') -337px -53px no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50px;
}

#top-bar a[title=top]:hover, #top-bar a[title=top]:focus,
#top-bar li:hover a[title=top]{
	background-position: -373px -53px;
	background-color: #58b9a7;
}

#top-bar li:nth-last-child(2){
	display: none;
}


/* -------------------- Slider --------------------- */

.bx-wrapper{
	margin-bottom: 0;
}


.bx-wrapper .bx-viewport{
	border: none;
	box-shadow: none;
	left: 0;
	height: auto !important;
}

.bxslider{
	margin: 0;
	padding: 0;
}

.bxslider li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}

.bxslider li>a{
	display: block;

}

.bxslider li>a:hover, .bxslider li>a:focus{
	text-decoration: none;
}

.slidercontentwrap{
	/*max-width: 1500px;
	max-height: 635px;*/

	width: 100%;
	height: 635px;
	max-height: 635px;
	overflow: auto;
	/*height: 100%;
	width: 100%;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	position: relative;
	padding: 30px 0;

	display: flex;
	align-items: center;
	/*max-height: 635px !important;
	height: 635px;
	max-width: 100% !important;
	min-width: 100% !important;*/
}

.slidercontent{
	max-width: 1450px;
	/*max-height: 635px;*/

	width: 90%;
	/*height: 100%;*/
	margin: 0 auto;
}

.slidercontent>:first-child{
	margin-top: 0;
}

 a:hover .slidercontent,  a:focus .slidercontent{
	color: #58b9a7;
	text-decoration: none;
}

.bx-controls{
	z-index: 1;
	/*position: relative;*/
}

.bx-wrapper .bx-pager{
	padding-top: 0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	background-color: #fff;
	box-shadow: 0 0 1px rgba(50,50,50,.5);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color: #58b9a7;
}

.bx-controls-direction{
	top: 50%;

	display: none;
}

.empty-featured-image{
	max-height: 95px;
}


/*.featured-title{
	text-align: center;
	color: #000;
	font-size: 3em;
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
}*/

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:only-child{
	display: none;
}

/* -------------------- Content -------------------- */

.titlebox{
	background: #58b9a7;
	padding: 116px 0 1.7em;
	text-align: center;
}

.titlebox.titlebox-empty{
	padding: 0;
}

section.page-section:first-of-type{
	margin-top: 30px;
	position: relative;
}

section.page-section:first-of-type:before{
	content: '';
	display: block;
	top: -30px;
	height: 30px;
	background: #58b9a7;
	width: 100%;
	left: 0;
	position: absolute;
}

.titlebox h1{
	font-weight: 100;
	text-transform: uppercase;
	font-size: 2.9em;
	color: #ffffff;
	display: inline;
	border-bottom: .25em solid #ffffff;
	padding-bottom: .45em;
	position: relative;
}

.titlebox h1:before{
	content: '';
	background: url('images/icon-sprite_v2.png') top left no-repeat;
	display: block;
	top: -1.7em;
	left: 50%;
	margin-left: -56px;
	width: 112px;
	height: 56px;
	position: absolute;
}

#comment-ca-marche .titlebox h1:before,
#wie-funktioniert-carloh .titlebox h1:before,
#getting-started .titlebox h1:before{
	background-position: 0px 0px;
}

#les-stations-carloh .titlebox h1:before,
#carloh-stationen .titlebox h1:before,
#carloh-locations .titlebox h1:before{
	background-position: -112px 0px;
}

#les-tarifs .titlebox h1:before,
#tarife .titlebox h1:before,
#tariffs .titlebox h1:before,
#rates .titlebox h1:before{
	background-position: -336px 0px;
}

#les-voitures .titlebox h1:before,
#fahrzeuge .titlebox h1:before,
#cars .titlebox h1:before{
	background-position: -224px 0px;
}

#sinscrire .titlebox h1:before,
#kunde-werden .titlebox h1:before,
#become-a-customer .titlebox h1:before{
	background-position: -448px 0px;
}

#contactez-nous .titlebox h1:before,
#kontakt .titlebox h1:before,
#contact .titlebox h1:before{
	background-position: -560px 0px;
}

#faq .titlebox h1:before{
	background-position: -668px 0px;
}

#plan-du-site .titlebox h1:before,
#sitemap .titlebox h1:before{
	background-position: -668px -168px;

}

#mentions-legales .titlebox h1:before,
#impressum .titlebox h1:before,
#privacy-policy .titlebox h1:before{
	background-position: -668px -112px;
}

#app .titlebox h1:before,
#entdecken-sie-unsere-app .titlebox h1:before,
#discover-our-app .titlebox h1:before{
	background-position: -668px -56px;
}

h2{
	font-weight: 300;
	color: #58b9a7;
	margin-bottom: .5em;
}

h3{
	text-transform: uppercase;
	font-size: 1.4em;
	color: #58b9a7;
}

h4{
	font-weight: 400;
	color: #58b9a7;
	text-transform: lowercase;
	font-size: 1.35em;
}

html[lang=de-DE] h4{
	text-transform: none;
}

p, li{
	font-size: 1.05em;
	line-height: 1.35em;
	font-weight: 300;
}

.btn, .wpcf7-form .wpcf7-submit{
	display: inline-block;
	color: #ffffff;
	background: #58b9a7;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: 300;
	padding: 1.1em 2.1em 1.0em;
	border-radius: 0;

	border: 2px solid #58b9a7;
}

.btn:hover, .btn:focus,
.wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus{
	background: #ffffff;
	color: #58b9a7;
	text-decoration: none;
	outline: none;
}


/* ---------------------- Pathway ----------------------*/

.pathway{
	margin: 78px 0 70px;
	text-align: center;
}

.pathway ol{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.pathway-grid li{
	list-style: none;
	padding: 0;
}

.pathway-quad li{
	width: 25%;
	float: left;
}

.pw-item{
	color: #d0d0d0;
	position: relative;
	display: block;
	padding: 4.5em 0 0;
	margin: 1em 0 1.25em;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 3.5em;
	font-weight: 300;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 48%,rgba(208,208,208,1) 48%,rgba(208,208,208,1) 51%,rgba(255,255,255,1) 51%);
}

.pw-item.is-active,
.is-active .pw-item{
	color: #58b9a7;
	background-color: #ffffff;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 48%,rgba(88,185,167,1) 48%,rgba(88,185,167,1) 51%,rgba(255,255,255,1) 51%);
	-moz-transition: color ease 1s, background ease 1s;
	-webkit-transition: color ease 1s, background ease 1s;
	-ms-transition: color ease 1s, background ease 1s;
	transition: color ease 1s, background ease 1s;
}

.pw-item:after{
	content:'';
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 40px;
	background: #ffffff;
	border: 11px solid #d0d0d0;
	box-sizing: content-box;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -24px;
}

.pw-item.is-active:after,
.is-active .pw-item:after{
	border-color: #58b9a7;
	-moz-transition: color ease 1s;
	-webkit-transition: color ease 1s;
	-ms-transition: color ease 1s;
	transition: color ease 1s;
}

.pw-item:before{
	content:'';
	display: block;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -42px;
	background: url('images/icon-sprite_v2.png') no-repeat;
}

.pw-pay:before{
	background-position: -251px -184px;
}

.pw-drive:before{
	background-position: -168px -184px;
}

.pw-check:before{
	background-position: -335px -184px;
}

.pw-book:before{
	background-position: -586px -184px;
}

.pw-pay.is-active:before,
.is-active .pw-pay:before{
	background-position: -251px -142px;
}

.pw-drive.is-active:before,
.is-active .pw-drive:before{

	background-position: -168px -142px;
}

.pw-check.is-active:before,
.is-active .pw-check:before{
	background-position: -335px -142px;
}

.pw-book.is-active:before,
.is-active .pw-book:before{
	background-position: -586px -142px;
}

.pw-caption{
	color: #d0d0d0;
	font-size: 0.95em;
	padding: 0 1em;
}

.pw-item.is-active,
.is-active .pw-item{
	color: #58b9a7;
	-moz-transition: color ease 1s;
	-webkit-transition: color ease 1s;
	-ms-transition: color ease 1s;
	transition: color ease 1s;
}

.pw-item.is-active+.pw-caption,
.is-active .pw-item+.pw-caption{
	color: #000000;
	-moz-transition: color ease 1s;
	-webkit-transition: color ease 1s;
	-ms-transition: color ease 1s;
	transition: color ease 1s;
}

/* -------------------- Comment ça marche -------------------- */

.postcontent{
	margin-bottom: 80px;
	hyphens: auto;
}

.single .postcontent, .page .postcontent{
	padding-top: 3em;
}

.one_third{
	padding-right: 15px;
	padding-left: 15px;
}

.one_third:first-of-type{
	padding-left: 0;
	padding-right: 30px;
}

.last_column{
	padding-right: 0;
	padding-left: 30px;
}

.pathway+.row>.postcontent>:first-child{
	margin-top: 0;
}

.pathway+.row>.postcontent>h2{
	text-align: left;
	text-transform: none;
	font-size:2.15em;
}

.postcontent h2{
	-webkit-column-break-before:always;
	-moz-column-break-before:always;
	column-break-before:always;
}

/* -------------------- Stations -------------------- */

.gmaps-embed-container{
	margin: 60px 0 36px;
	text-align: center;
	padding-top: 50px;
}


.gmaps-embed-container>p{
	/*font-size: 1.25em;*/
	font-size: 1em;
	text-transform: uppercase;
	position: relative;
	margin: 0 20px 20px 60px;
	line-height: 1.6em;
	font-weight: 400;
	display: inline-block;
}

/*.gmaps-embed-container > p{
	position: relative;
	float: left;
	width: 33.33333%;
	height: 44px;
	margin: 0 0 15px;
	padding: 0 10px 0 50px;
	font-size: 1.125em;
	text-transform: uppercase;
	line-height: 1.6em;
	font-weight: 400;
	text-align: left;
}
*/

.gmaps-embed-container>p:last-of-type{
	margin-bottom: 40px;
}

.gmaps-embed-container>p:before{
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	left: -40px;
	top: 0;
	display: block;
	background: url('images/icon-sprite_v2.png') -111px -148px no-repeat;
	background-size: 1191px 550px;
}
.gmaps-embed-container>.electric:before{
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	left: -40px;
	top: 0;
	display: block;
	background: url('https://www.carloh.lu/wp-content/uploads/2016/11/CARLOH_WEB_ICON_29px-01.png');
}
/*
.gmaps-embed-container>p:before{
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	left: 10px;
	top: 0;
	display: block;
	background: url('images/icon-sprite_v2.png') -111px -148px no-repeat;
	background-size: 1191px 550px;
}
*/

.gmaps-embed-container .gm-style{
    pointer-events: none;
}

.gmaps-embed-container div{
	text-align: left;
}

/* -------------------- Cars -------------------- */

.cars{
	margin-top: 85px;
}

#les-voitures,
#fahrzeuge,
#cars{
    text-align: center;
}

#les-voitures h2 +img,
#fahrzeuge h2 +img,
#cars h2 +img{
	margin: 28px 0 32px;
	max-width: 100%;
	height: auto;
}

#les-voitures img + h3,
#fahrzeuge img + h3,
#cars img + h3{
	margin-bottom: .8em;
}

#les-voitures .btn,
#fahrzeuge .btn,
#cars .btn{
	margin: 1.65em 0 5.8em;
}

.book-car-btn, #les-voitures .book-car-btn, #fahrzeuge .book-car-btn, #cars .book-car-btn{
	margin: 70px auto;
}

.voitures-stations{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 19em;
}

.voitures-stations li{
	list-style: none;
}


.btn-inverted{
	color: #58b9a7;
	background: #ffffff;
	border: 3px solid #58b9a7;
}

.btn-inverted:hover,
.btn-inverted:focus{
	color: #ffffff;
	background: #58b9a7;
	border: 3px solid #ffffff;
}

/* -------------------- tarifs -------------------- */

.postcontent>h2{
	margin-top: 45px;
	text-align: center;
	font-size: 2.5em;
	text-transform: lowercase;
}

html[lang=de-DE] .postcontent>h2{
	text-transform: none;
}

.tarif{
	margin: 0 auto 118px;
}

.tarif h2{
	text-align: center;
	color: #58b9a7;
	margin-bottom: 1.25em;
}

.tarif h3{
	text-align: center;
	color: #58b9a7;
	margin: 15px 0 25px;
	font-size: 1.75em;
}

.tarif h4{
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000000;

	font-style: italic;
	font-weight: 300;
}

.tarif h5{
	color: #58b9a7;
	font-size: 1.1em;
}

.tarif table{
	width: 100%;
	margin-bottom: 57px;
}

.tarif tr{
	border-bottom: 1px solid #000000;
}

.tarif td{
	padding: 1em 0 .65em;
}

.tarif td:first-child{
	text-align: left;
	font-size: 1.1em;
	font-weight: 300;
}

.tarif td:last-child{
	text-align: right;
	font-weight: 500;
	font-size: 1.35em;
	padding: .5em 0 .35em;
}

.btn-box{
	margin: 0 auto 140px;
	text-align: center;
}

.btn-box .btn{
	margin-bottom: 25px;
	font-size: 1.3em;
}

.tarif.is-active h2:first-child, .tarif.is-active h3:nth-child(2), .classe.is-active h3:first-child{
	display: none;
}

.tarifscontainer{
	margin-top: -1.5em;
}

.tarifsmenu{
	margin: 0 0 41px 0;
	padding: 0;
}

.tarifscount-4 li,.tarifscount-3 li{
	list-style: none;
	display: inline-block;
}

.tarifscount-4 li{
	width: 25%;
}

.tarifscount-3 li{
	width: 33.331%;
}

.tarifsmenu div{
	position: relative;
	padding-bottom: 38px;
	border-bottom: 4px solid #58b9a7;
}

.tarifsmenu span{
	color: #d1d1d1;
	font-size: 1.25em;
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	top: -63px;
	left: 0;
	font-weight: 300;
}

.tarifsmenu .is-active span{
	color: #58b9a7;
}

.tarifsmenu a{
	display: block;
	margin: 0 auto;
	background: #d1d1d1;
	border-radius: 300px;
	width: 188px;
	height: 188px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.5em;
	text-align: center;
	padding-top: 105px;
	position: relative;
}

.tarifsmenu .is-active a, .tarifsmenu a:hover, .tarifsmenu a:focus{
	background: #58b9a7;
}

.tarifsmenu a:hover, .tarifsmenu a:focus{
	text-decoration: none;
	outline: none;
}

.tarifsmenu a:before{
	background: url('images/icon-sprite_v2.png') -336px 0 no-repeat;
	content: "";
    display: block;
    height: 56px;
    left: 50%;
    margin-left: -56px;
    position: absolute;
    top: 39px;
    width: 112px;
}

.tarifsmenu a:after{
	content: '';
	opacity: 0;
	background: #58b9a7;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	bottom: -50px;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.tarifsmenu .is-active.is-displayed a:after{
	opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.classesmenu{
	margin: 0 0 62px;
	padding: 0 0 40px;
	border-bottom: 4px solid #58b9a7;

	display: flex;
	justify-content: space-evenly;
}

.classescount-3 li,
.classescount-4 li{
	width: 20%;
	margin-left: 16%;
	list-style: none;
	display: inline-block;

	width: auto;
	margin-left: 0;
}

.classescount-3 li:nth-child(2),
.classescount-4 li:nth-child(2){
	/* margin-left: 2%; */
}

.classescount-3 li:last-child,
.classescount-4 li:last-child{
	/* margin-left: 2%; */
}

.classesmenu div{
	position: relative;
}

.classesmenu a{
	display: block;
	margin: 50px auto 0;
	background: #ffffff;
	border-radius: 300px;
	width: 128px;
	height: 128px;
	color: #d1d1d1;
	font-weight: 400;
	font-size: 1.3em;
	text-align: center;
	padding-top: 1.4em;
	border: 4px solid #d1d1d1;
	line-height: 2em;
}

.classesmenu a span{
	display: block;
	font-size: 3em;
}


html[lang=en-GB] .classesmenu a, html[lang=de-DE] .classesmenu a{
	font-size: 3em;
	margin: 50px auto 0;
	background: #ffffff;
	border-radius: 300px;
	width: 128px;
	height: 128px;
	font-weight: 400;
	text-align: center;
	border: 4px solid #d1d1d1;
	line-height: 2em;
	padding-top: .2em;
}

html[lang=en-GB] .classesmenu a span, html[lang=de-DE] .classesmenu a span{
	color: #d1d1d1;
	font-size: .4em;
	margin-top: -3.33em;
	padding-top: 0;
}

html[lang="en-GB"] .classesmenu .is-active a, html[lang="de-DE"] .classesmenu .is-active a{
	border-color: #58b9a7;
}

html[lang="en-GB"] .classesmenu .is-active a span, html[lang="de-DE"] .classesmenu .is-active a span{
	color: #58b9a7;
}

.classesmenu .is-active a, .classesmenu a:hover, .classesmenu a:focus{
	border-color: #58b9a7;
	color: #58b9a7;
}

.classesmenu a:hover, .classesmenu a:focus{
	text-decoration: none;
	outline: none;
}

.classesmenu a:after{
	content: '';
	opacity: 0;
	background: #58b9a7;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	bottom: -52px;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.classesmenu .is-active.is-displayed a:after{
	opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.classe h5{
	margin-bottom: 0;
}

.classe table td{
	padding: .66em 0 .5em;
}

/* -------------------- S'inscrire -------------------- */
/*
*/
#sinscrire .row>div,
#kunde-werden .row>div,
#become-a-customer .row>div{
	margin-bottom: 140px;
}

#sinscrire h2,
#kunde-werden h2,
#become-a-customer h2{
	font-size: 1.4em;
	font-weight: 300;
	margin-top: 1.5em;
}

#sinscrire .btn-wrap:first-child h2,
#kunde-werden .btn-wrap:first-child h2,
#become-a-customer .btn-wrap:first-child h2{
	margin-top: 0;
}

#sinscrire .btn,
#kunde-werden .btn,
#become-a-customer .btn{
	font-size: 1.4em;
}

.btn-login{
	text-transform: none;
	position: relative;
	padding-top: 2.5em;
}

.btn-login:before{
	background: url('images/icon-sprite_v2.png') -435px -61px no-repeat;
	display: block;
	content:'';
	width: 25px;
	height: 25px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -12px;
}

.btn-login:hover:before,.btn-login:focus:before{
	background-position: -630px -61px;
}

/* -------------------- Contact -------------------- */

#contactez-nous .postcontent,
#kontakt .postcontent,
#contact .postcontent{
	margin-top: 77px;
	margin-bottom: 30px;
}

#contactez-nous .postcontent img,
#kontakt .postcontent img,
#contact .postcontent img{
	margin-bottom: 3px;
}

#contactez-nous .postcontent>p,
#kontakt .postcontent>p,
#contact .postcontent>p{
	font-size: 1.25em;
	margin-bottom: 1.35em;
}

#contactez-nous .postcontent>p>strong,
#kontakt .postcontent>p>strong,
#contact .postcontent>p>strong{
	min-width:1.25em;
	display: inline-block;
}

#contactez-nous .postcontent p:nth-child(5),
#kontakt .postcontent p:nth-child(5),
#contact .postcontent p:nth-child(5){
	font-weight: 400;
	font-size: 1.35em;
	margin-bottom: 1.2em;
}

#contactez-nous .postcontent>p:last-child,
#kontakt .postcontent>p:last-child,
#contact .postcontent>p:last-child{
	position: absolute;
	bottom: -85px;
	left: 15em;
	text-indent: -10000px;
	overflow: hidden;
}

#contactez-nous .row:first-child .postcontent:after,
#kontakt .row:first-child .postcontent:after,
#contact .row:first-child .postcontent:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -10px;
	left: 15px;
	background: #58b9a7;
	width: 48px;
	height: 8px;
}

#contactez-nous .postcontent p:last-child a strong,
#kontakt .postcontent p:last-child a strong,
#contact .postcontent p:last-child a strong{
	text-indent: -10000px;
	overflow: hidden;
	display: block;
}

.helpline{
	display: block;
	position: relative;
	width: 259px;
	height: 271px;
	background: url('images/helpline.png') no-repeat;
	background: url('images/helpline.svg') no-repeat,none;
}

.helpline:hover, .helpline:focus{
	outline: none;
}

.contact-map{
	width: 550px;
	float: right;
}

.contact-map .gmaps-embed-container{
	margin-bottom: 0;
	margin-top: -3px;
}

.wpcf7-form h2{
	margin-bottom: 1em;
}

.wpcf7-form .row{
	margin-bottom: 2.25em;
}

.wpcf7-form-control{
	border: 2px solid #58b9a7;
	color: #000000;
	font-size: 1.1em;
	background: #ffffff;
}

.wpcf7-text{
	padding: 1em;
	width: 100%;
}

.wpcf7-textarea{
	padding: 1em;
	width: 100%;
}

.wpcf7-form-control.wpcf7-checkbox{
	border: none;
}

span.wpcf7-list-item{
	margin-left: 0;
	display: block;
	margin-bottom: 1.333em;
}

span.wpcf7-list-item.last{
	margin-bottom: 0;
}

span.wpcf7-list-item label{
	margin-bottom: 0;
	vertical-align: middle;
}

.wpcf7-list-item-label{
	font-weight: 400;
	margin-left: .75em;
}

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{
	border: none;
	margin: 1em 0 3em;
	padding: 0;
}

span.wpcf7-not-valid-tip{
	margin-top: .33em;
}

/* -------------------- Faq -------------------- */

.hrf-faq-list{
	margin-top: 110px;
	overflow: hidden;
}

.hrf-faq-list .hrf-entry{
	margin: 0 0 2em !important;
	float: left;
	width: 47.49%;
}

.hrf-faq-list .hrf-entry:nth-child(odd){
	margin-right: 4.99% !important;
}

.hrf-faq-list .hrf-entry .hrf-title{
	border-bottom: 1px solid #000000;
	padding: 10px 50px 10px 0;
	position: relative;
	text-transform: none;
	font-size: 1.2em;
}

.hrf-faq-list .hrf-entry .hrf-title span{
	position: absolute;
	right: 0;
	left: auto;
	margin-right: 0;
	margin-left: 0;
	width: 21px;
	height: 13px;
	background: transparent url('images/icon-sprite_v2.png') no-repeat;
}

.hrf-faq-list .hrf-entry .hrf-title.close-faq span{
	background-position: -575px -70px;
}

.hrf-faq-list .hrf-entry .hrf-title.close-faq.open-faq span{
	background-position: -528px -70px;
}

.hrf-faq-list .hrf-entry .hrf-content{
	padding: 2em;
	background: #e6e6e6;
	color: #000000;
	font-size: 1.05em;
}

.hrf-faq-list .hrf-entry .hrf-content :last-child{
	margin-bottom: 0;
}

/* -------------------- Mentions légales, App, Sitemap -------------------- */

.supportpages .postcontent>h2{
	text-align: left;
	text-transform: none;
}

.supportpages h4{
	text-transform: none;
}

/* -------------------- FOOTER -------------------- */

footer{
	background: #1d1d1b;
	color: #ffffff;
	position: relative;
	min-height: 5em;
}

#comed{
	width: 166px;
	height: 21px;
	display: block;
	text-indent: -10000px;
	background: url('images/icon-sprite_v2.png') 0 -58px no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 15px;
}

#support-nav{
	float: right;
	margin-top: 2.15em;
	font-size: .95em;
	text-transform: lowercase;
	margin-right: 15px;
}

#support-nav ul{
	margin: 0;
	padding: 0;
}

#support-nav li{
	list-style: none;
	display: inline-block;
	border-right: 1px solid #ffffff;
	line-height: 1em;
	float: left;
	margin-right: 1em;
	padding-right: 1em;
}

#support-nav li:last-child{
	border: none;
	margin: 0;
	padding: 0;
}

#support-nav a{
	color: #ffffff;
}

/* -------------------- Cookie Info -------------------- */

@media screen and (max-width: 1455px) {
	#applink{
		/*right: 1em;*/
	}

	#header-nav{
		/*right: 150px;*/
	}
}

@media screen and (max-width: 1350px) {

	#contactez-nous .postcontent p:last-child,
	#kontakt .postcontent p:last-child,
	#contact .postcontent p:last-child{
		left: 12em;
		bottom: -80px;
	}

	#contactez-nous .row:first-child .postcontent:after,
	#kontakt .row:first-child .postcontent:after,
	#contact .row:first-child .postcontent:after{
		width: 35px;
		height: 6px;
		bottom: -18px;
	}

	.helpline{
		width: 196px;
		height: 205px;
	}

}


@media screen and (min-width: 1250px) and (max-width: 1435px) {

	#top-bar a{
		font-size: 1.1em;
		padding: 1.2em;
	}

}

@media screen and (max-width: 1250px) {

	#top-contacts h2{
		font-size: 1.05em;
		margin-top: 1.5em;
	}

	.lang-switch li li{
		margin-right: .75em;
	}

	.lang-switch a{
		font-size: 1.05em;
		padding-bottom: 1.4em;
	}

	#header-nav{
		right: 185px;
	}

	#header-nav a{
		font-size: 1.05em;
	}

	#applink{
		height: 97px;
		width: 82px;
		background-size: 893px 412px;

		background-position: -634px -100px;
		right: 70px;
	}

	#applink:hover, #applink:focus{
		outline: none;
		background-position: -764px -100px;
	}

	#applink.applink-de{
		background-position: -634px -262px;
	}

	#applink.applink-de:hover, #applink.applink-de:focus{
		background-position: -763px -262px;
	}

	#applink.applink-en{
		background-position: -374px -262px;
	}

	#applink.applink-en:hover, #applink.applink-en:focus{
		background-position: -504px -262px;
	}



	a[title="facebook"], a[title="twitter"], a[title="googleplus"], a[title="linkedin"], a[title="instagram"], a[title="youtube"]{
		background-size: 786px 363px;
		height: 29px;
		width: 29px;
	}



	a[title=facebook]{
	background-position: -594px 0;
}
/*
a[title=twitter]{
	background-position: -944px 0;
}*/

a[title=googleplus]{
	background-position: -652px 0;
}

a[title=linkedin]{
	background-position: -681px 0;
}
/*
a[title=instagram]{
	background-position: -1076px 0;
}

a[title=youtube]{
	background-position: -1120px 0;
}
*/
a[title=facebook]:hover,a[title=facebook]:focus{
	background-position: -594px -29px;
}
/*
a[title=twitter]:hover,a[title=twitter]:focus{
	background-position: -944px -44px;
}*/

a[title=googleplus]:hover,a[title=googleplus]:focus{
	background-position: -652px -29px;
}

a[title=linkedin]:hover,a[title=linkedin]:focus{
	background-position: -681px -29px;
}
/*
a[title=instagram]:hover,a[title=instagram]:focus{
	background-position: -1076px -44px;
}

a[title=youtube]:hover,a[title=youtube]:focus{
	background-position: -1120px -44px;
}
	*/


	#topbar .topbar-wrap{
		height: 127px;
	}

	#top-contacts{
		top: 3px;
		width: 145px;
		height: 152px;
	}

	#logo{
		width: 221px;
		height: 221px;
		left: 50%;
		top: -38px;
		margin-left: -110px;
	}

	#logo img{
		width: 157px;
		margin: 56px 0 0 32px;
	}

	#top-bar a{
		padding: 1.25em .66em;
		font-size: .9em;
	}

	#top-bar a[title="carloh-homepage"]{
		top: .4em;
	}

	#social-menu{
	/*	top: 202px;*/
	right: 18px;

	}

	#main-nav a{
		font-size: 17px;
		padding-left: 1em;
		padding-right: 1em;
	}

	.titlebox{
		padding: 80px 0 1.3em;
	}

	.titlebox h1{
		font-size: 2em;
	}

	.titlebox h1:before{
		top: -2.3em;
	}

	#map2{
		height: 600px !important;
	}

	.pathway{
		margin: 59px 0 68px;
	}

	.pw-item{
		font-size: 1.2em;
	}

	.pw-caption{
		font-size: 1em;
	}

	.postcontent{
		margin-bottom: 60px;
	}

	.cars{
		margin-top: 64px;
	}

	.book-car-btn, #les-voitures .book-car-btn{
		margin: 53px auto;
	}

	.tarif{
		margin: 0 auto 88px;
	}

	.tarifsmenu a{
		width: 125px;
		height: 125px;
		font-size: 1.2em;
		padding-top: 75px;
	}

	.tarifsmenu a:before{
		top: 15px;
	}

	html[lang="fr-LU"] .classesmenu a, html[lang="fr-FR"] .classesmenu a{
		width: 103px;
		height: 103px;
		font-size: 1.05em;
	}

	html[lang="en-GB"] .classesmenu a, html[lang="de-DE"] .classesmenu a{
		width: 103px;
		height: 103px;
		font-size: 2.25em;
	}

	.btn-box{
		margin: 0 auto 105px;
	}

	#contactez-nous .postcontent,
	#kontakt .postcontent,
	#contact .postcontent{
		margin-bottom: 23px;
		margin-top: 58px;
	}

	#contactez-nous .row:last-child .postcontent,
	#kontakt .row:last-child .postcontent,
	#contact .row:last-child .postcontent{
		margin-top: 28px;
	}

	.contact-map{
		width: 400px;
	}

	.hrf-faq-list{
		margin-top: 83px;
	}
}

@media screen and (max-width: 1000px) {

	html.carloh{
		padding-top: 0 !important;
	}

	/* mobile - fix */
	/* .lang-switch{
		display: none;
	} */

	section.page-section:first-of-type{
		margin-top: 0;
		position: static;
	}

	section.page-section:first-of-type:before{
		display: none;
	}

	#header-nav{
		right: auto;
		left: 15px;
		bottom: auto;
		top: 15px;
	}

	#header-nav li:last-child{
		display: none;
	}

	#header-nav li{
		margin: 0;
	}

	#header-nav a{
		border: none;
		padding: 0;
	}

	#header-nav a:hover, #header-nav a:focus{
		border-bottom: none;
	}

	#header-nav a:before{
		display: none;
	}

	#applink{
		right: 84px;
	}

	#top-contacts{
		text-indent: 0;
		left: 15px;
		background: url("images/phone-icon.svg") no-repeat 0 center;
		background-size: 30px 30px;
		height: auto;
		width: auto;
		top: auto;
		bottom: 15px;
	}

	#top-contacts h2{
		margin: 0 0 .5em 40px;
		font-size: 1.1em;
	}

	#top-contacts div{
		margin-left: 40px;
	}

	#wprmenu_bar{
		width: auto;
		left: auto;
		right: 200px;
		top: 0;
		padding-top: 56px;
		background: #58b9a7 !important;
		height: 90px;
		z-index: 10000;
	}

	#wprmenu_bar .wprmenu_icon{
		height: 22px;
	}

	#wprmenu_bar .menu_title{
		display: none;
	}


	body #wprmenu_menu, body #wprmenu_menu.top{
		font-family: "Lato",sans-serif;
		position: fixed;
		overflow: scroll;
	}

	#wprmenu_menu.top{
		background: #58b9a7;
		height: 100%;
	}

	#wprmenu_menu ul{
		margin-top: 100px;
	}

	body #wprmenu_menu.wprmenu_levels ul li a{
		text-align: center;
		color: #000000;
		color: #ffffff;
	}

	body #wprmenu_menu.wprmenu_levels ul li{
		border: none;
	}

	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(4){
		margin-top: 40px;
	}

	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(1),
	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(2),
	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(3){
		width: 33.3%;
		float: left;
		margin-top: 60px;
	}

	#social-menu li{
		/*margin: 0 .85%;*/
	}

	a[title=facebook],a[title=twitter],a[title=googleplus],a[title=linkedin],a[title=instagram],a[title=youtube]{
		background-size: 786px auto;
		width: 29px;
		height: 29px;
	}

	a[title=facebook]{ background-position: -594px 0; }
	a[title=twitter]{ 	background-position: -623px 0; }
	a[title=googleplus]{ background-position: -652px 0; }
	a[title=linkedin]{ background-position: -681px 0; }
	a[title=instagram]{ background-position: -710px 0; }
	a[title=youtube]{ background-position: -739px 0; }
	a[title=facebook]:hover,a[title=facebook]:focus{ background-position: -594px -29px; }
	a[title=twitter]:hover,a[title=twitter]:focus{ background-position: -623px -29px; }
	a[title=googleplus]:hover,a[title=googleplus]:focus{ background-position: -652px -29px; }
	a[title=linkedin]:hover,a[title=linkedin]:focus{ background-position: -681px -29px; }
	a[title=instagram]:hover,a[title=instagram]:focus{ background-position: -710px -29px; }
	a[title=youtube]:hover,a[title=youtube]:focus{ background-position: -739px -29px; }

	.titlebox h1{
		font-weight: 300;
	}

	h2{
		font-weight: 300;
	}

	.contact-map{
		width: 475px;
	}

	.gmaps-embed-container{
		padding-top: 0;
	}
}

@media screen and (max-width: 915px) {

	#main-nav ul{
		display: block;
		-webkit-flex-direction: auto;
		-ms-flex-direction: auto;
		flex-direction: auto;
		-webkit-justify-content: auto;
		-ms-justify-content: auto;
		justify-content: auto;
		-webkit-align-items: auto;
		-ms-align-items: auto;
		align-items: auto;
		overflow: hidden;
	}

	#main-nav li{
		display: block;

		width: 49.99%;
		float: left;
	}

	#main-nav #menu-item-297,
	#main-nav #menu-item-409,
	#main-nav #menu-item-419{
		/*mycarloh*/
		display: block;
	}

	#main-nav a{

		padding: 1.75em 1.75em 1.75em 7em !important;
	}

	#main-nav a:before{
		left: 1em;
		top: 50%;
		margin-left: 0;
		margin-top: -21px;
	}

	.contact-map{
		width: 380px;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.classescount-2 li{
		width: 30%;
		margin-left: 16%;
	}

	.classescount-2 li:last-child{
		margin-left: 5.9%;
	}
}

@media screen and (max-width: 815px) {

	.contact-map{
		width: 400px;
	}

	.contact-map #map3{
		height: 290px !important;
	}

	#contactez-nous .row:last-child .postcontent,
	#kontakt .row:last-child .postcontent,
	#contact .row:last-child .postcontent{
		margin-top: 100px;
	}

	#contactez-nous .postcontent p:last-child,
	#kontakt .postcontent p:last-child,
	#contact .postcontent p:last-child{
		bottom: -115px;
	}
}


@media (max-width: 767px){

	#applink{
		right: 78px;
	}

	#wprmenu_bar{
		right: 175px;
	}

	#header-nav a{
		font-size: .9em;
	}

	.lang-switch a{
		font-size: .9em;
	}

	#top-contacts h2{
		font-size: .9em;
	}

	#top-contacts div{
		font-size: 1.15em;
	}

	.cars{
		margin-top: 0;
	}

	.cars h2{
		margin-top: 64px;
	}

	.pathway li{
		width: 50%;
		float: left;
	}

	.gmaps-embed-container{
		text-align: left;
	}

	.gmaps-embed-container>div{
		text-align: center;
	}

	#sinscrire .pathway+div>div:first-child,
	#kunde-werden .pathway+div>div:first-child,
	#become-a-customer .pathway+div>div:first-child{
		margin-bottom: 40px;
	}

	#sinscrire .buttons,
	#kunde-werden .buttons,
	#become-a-customer .buttons{
		overflow: hidden;
	}

	#sinscrire .btn-wrap,
	#kunde-werden .btn-wrap,
	#become-a-customer .btn-wrap{
		width: 30%;
		float: left;
		margin-left: 4.990%;
	}

	#sinscrire .btn-wrap:first-child,
	#kunde-werden .btn-wrap:first-child,
	#become-a-customer .btn-wrap:first-child{
		margin-left: 0;
	}

	#sinscrire .btn-wrap h2,
	#kunde-werden .btn-wrap h2,
	#become-a-customer .btn-wrap h2{
		margin-top: 0;
	}

	.wpcf7-form .row{
		margin-bottom: 0;
	}

	.wpcf7-form .row>div{
		margin-bottom: 2.25em;
	}

	.contact-map{
		float: none;
		margin: 0 auto 50px;
	}

	.contact-map{
		width: 100%;
		margin-bottom: 50px;
	}

	.gmaps-embed-container{
		padding-top: 0;
	}

	#contactez-nous .postcontent p:last-child,
	#kontakt .postcontent p:last-child,
	#contact .postcontent p:last-child{
		left: auto;
		right: 15px;
		bottom: 0;
	}

	.hrf-faq-list .hrf-entry{
		float: none;
		width: 100%;
	}

	.hrf-faq-list .hrf-entry:nth-child(2n+1){
		margin-right: 0;
	}
}

@media (max-width: 700px){
	.one_third,.one_third:first-of-type,.last_column{
		padding-right: 0;
		padding-left: 0;
	}

	#topbar .topbar-wrap{
		height: 160px;
	}

	#partnerlinks {
		right: 20px;
		bottom: auto;
		top: 42px;
	}

	#applink{
		right: 15px;
		bottom: auto;
		top: 32px;
	}

	#social-menu{
		right: auto;
		left: 10px;
		top: 50px;
	}

	#social-menu li{
		clear: none;
		margin: 0 5px;
	}

	#wprmenu_bar{
		right: 115px;
		padding-top: 69px;
	}
}

@media (min-width: 686px) and (max-width: 720px){
	#main-nav a{
		padding: 1.75em 1.2em 1.75em 6.5em !important;
	}
}

@media (min-width: 636px) and (max-width: 685px){
	#main-nav a{
		padding: 1.75em .5em 1.75em 6.25em !important;
	}
}

@media (max-width: 635px) {
	#top-contacts{
		background: none;
	}

	#top-contacts h2, #top-contacts div{
		margin-left: 0;
	}

	#sinscrire .btn-wrap,
	#kunde-werden .btn-wrap,
	#become-a-customer .btn-wrap{
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: center;
		margin-bttom: 0;
	}

	#sinscrire .row > div,
	#kunde-werden .row > div,
	#become-a-customer .row > div{
		margin-bottom: 100px;
	}

}

@media (max-width: 600px) {

	#top-contacts h2{
		font-size: 1em;
		width: 7em;
		font-weight: 300;
	}

	#social-menu{
		top: 44px;
	}

	#main-nav{
		width: 380px;
		margin: 0 auto;
	}

	#wprmenu_menu ul{
		margin-top: 40px;
	}

	#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover{
		padding: 9px;
	}

	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(4){
		margin-top: 20px;
	}

	#wprmenu_menu.wprmenu_levels ul li:nth-last-child(1), #wprmenu_menu.wprmenu_levels ul li:nth-last-child(2), #wprmenu_menu.wprmenu_levels ul li:nth-last-child(3){
		margin-top: 30px;
	}

	.main-nav-container{
		background: #d4f1ec;
	}

	#main-nav{
		background: transparent;
	}

	#main-nav li{
		width: auto;
		float: none;
		text-align: right;
		margin: 3px;
	}

	#main-nav a{
		padding: 1.75em 1.75em 1.75em 8em !important;
	}

	.tarifsmenu span{
		font-size: 1em;
	}

	.tarifsmenu a{
		font-size: 1em;
		height: 80px;
		width: 80px;
		padding-top: 44px;
	}

	.tarifsmenu a:before{
		background-size: 786px auto;
		height: 37px;
		width: 37px;
		background-position: -238px 0;
		margin-left: -18px;
		top: 7px;
	}
}

@media (max-width: 570px) {

	#applink{
		right: 15px;
		bottom: 7px;
		top: auto;
	}

	#social-menu li{
		clear: none;
		margin: 0 5px;
	}

	#wprmenu_bar{
		right: 115px;
		padding-top: 9px;
		height: 39px;
		right: 25px;
	}


}

@media (max-width: 490px) {

	#logo{
		width: 185px;
		height: 185px;
		margin-left: -92px;
	}

	#logo img{
		width: 133px;
		margin: 56px 0 0 27px;
	}

	#header-nav{
		left: 5px;
	}

	#header-nav a{
		padding-bottom: 1.4em;
		font-size: .8em;
	}

	#top-contacts{
		left: 5px;
	}

	#top-contacts h2{
		font-size: .85em;
	}

	#top-contacts h2:after{
		content: ' : ';
	}

	#top-contacts div{
		font-size: 1em;
	}

	#topbar .topbar-wrap{
		margin-top: 0;
	}

	#header-nav a:before{
		display: none;
	}

	#header-nav a[title="mycarloh"]:before{
		background-position: -287px -40px;
	}

	#header-nav a[title="faq"]:before{
		background-position: -309px -40px;
	}

	.lang-switch .current-lang a{
		border-color: #58b9a7;
		font-weight: 700;
	}

	#social-menu{
		left: 0;
		right: auto;
	}

	#social-menu li{
		padding: 0;
	}

	#wprmenu_bar{
		padding: 12px 12px 10px;
	}

	#main-nav a{
		width: 100%;
		padding: 1.25em 1em 1.25em 6em !important;
		font-size: 14px;
	}

	#main-nav a:before{
		left: .5em;
	}

	.titlebox{
		padding: 65px 0 .8em;
	}

	.titlebox h1{
		font-size: 1.5em;
		padding-bottom: .475em;
	}

	.titlebox h1:before{
		background-size: 786px auto;
		width: 74px;
		height: 37px;
		top: -2.5em;
		margin-left: -37px;
	}

	#comment-ca-marche .titlebox h1:before,
	#wie-funktioniert-carloh .titlebox h1:before,
	#getting-started .titlebox h1:before{
		background-position: 0px 0px;
	}

	#les-stations-carloh .titlebox h1:before,
	#carloh-stationen .titlebox h1:before,
	#carloh-locations .titlebox h1:before{
		background-position: -74px 0px;
	}

	#les-tarifs .titlebox h1:before,
	#tarife .titlebox h1:before,
	#tariffs .titlebox h1:before,
	#rates .titlebox h1:before{
		background-position: -222px 0px;
	}

	#les-voitures .titlebox h1:before,
	#fahrzeuge .titlebox h1:before,
	#cars .titlebox h1:before{
		background-position: -148px 0px;
	}

	#sinscrire .titlebox h1:before,
	#kunde-werden .titlebox h1:before,
	#become-a-customer .titlebox h1:before{
		background-position: -296px 0px;
	}

	#contactez-nous .titlebox h1:before,
	#kontakt .titlebox h1:before,
	#contact .titlebox h1:before{
		background-position: -370px 0px;
	}

	#faq .titlebox h1:before{
		background-position: -441px 0px;
	}

	.postcontent > h2{
		font-size: 1.5em;
	}

	#les-voitures h2 + img,
	#fahrzeuge h2 + img,
	#cars h2 + img{
		max-width: 100%;
		height: auto;
	}

	.contact-map, .contact-map .gmaps-embed-container #map3{
		max-width: 100%;
	}

	.tarifsmenu li{
		margin-bottom: 30px;
		width: 40%;
	}

	.tarifsmenu li:nth-child(odd){
		margin-right: 20%;
	}

	/* mobile-fix */
	/* .tarifsmenu div{
		border-bottom: 0;
		padding-bottom: 0;
	} */

	.tarifsmenu a{
		font-size: 1.2em;
		height: 125px;
		padding-top: 75px;
		width: 125px;
	}

	.tarifsmenu a:before{
		background-position: -336px 0;
		background-size: 1191px auto;
		height: 56px;
		margin-left: -56px;
		top: 15px;
		width: 112px;
	}

	/* mobile-fix */
	/* .tarifsmenu a:after{
		display: none;
	} */

	.classescount-2 li{
		width: 40%;
		margin: 0 5%;
	}

	.gmaps-embed-container > p{
		margin-left: 3em;
		margin-right: 0;
		font-size: 1em;
	}

	#sinscrire .pathway + div > div:last-child{
		height: auto;
		text-align: center;
	}

	#sinscrire .pathway + div > div:last-child h2:first-child,
	#sinscrire .pathway + div > div:last-child a:last-child,
	#sinscrire .pathway + div > div:last-child h2:last-of-type,
	#sinscrire .pathway + div > div:last-child a:first-of-type{
		position: relative;
		left: auto;
		top: auto;
	}

	#sinscrire .pathway + div > div:last-child a:first-of-type,
	#sinscrire .pathway + div > div:last-child a:nth-of-type(2){
		margin-bottom: 2.25em;
	}

	#sinscrire .row > div{
		margin-bottom: 80px;
	}

	#contactez-nous .postcontent p:last-child,
	#kontakt .postcontent p:last-child,
	#contact .postcontent p:last-child{
		bottom: -125px;
	}

	footer{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#comed{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		left: auto;
	}

	#support-nav{
		float: none;
		margin-right: auto;
		text-align: center;
	}

	#support-nav li{
		float: none;
	}

}

@media (max-width: 425px) {

	#logo{
		height: 160px;
		width: 160px;
		margin-left: -80px;
		top: -48px;
	}

	#logo img{
		width: 125px;
		margin: 52px 0 0 17px;
	}


	#main-nav{
		width: auto;
	}

	#top-contacts{
		bottom: 5px;
	}

	#social-menu{
		top: 52px;
	}

	#social-menu li{
		margin: 0 1px;
	}

	.titlebox{
		padding: 75px 0 1em;
	}

	.titlebox h1:before{
		top: -2.25em;
	}

	.pathway{
		margin: 30px 0 0;
	}

	.pw-item{
		font-size: 1em;
	}

	.pw-item:after{
		width: 15px;
		height: 15px;
		border-width: 8px;
		margin-left: -15px;
		margin-top: -17px;
	}

	.pw-item:before{
		top: -4px;
	}

	.tarif{
		margin: 0 auto 40px;
	}

	.btn-box{
		margin-bottom: 50px;
	}

	#contactez-nous .row:last-child .postcontent,
	#kontakt .row:last-child .postcontent,
	#contact .row:last-child .postcontent{
		margin-top: 250px;
	}

	#contactez-nous .postcontent p:last-child,
	#kontakt .postcontent p:last-child,
	#contact .postcontent p:last-child{
		bottom: -270px;
		right: auto;
		left: 50%;
		margin-left: -98px;
	}

}


.vc-hidden, .page-section{opacity: 1 !important}


/**
 *  RESPONSIVE TOP BAR MENU
 */


 .menu-toggler {
 	display: none;
 }

 @media screen and (max-width: 740px) {

 	#top-bar a[title="carloh-homepage"] {
 		position: relative;
 		padding: 3rem;
 	}

 	#top-bar ul {
 		margin: 0 !important;
 		padding: 0 !important;
 	}

 	#top-bar ul li {
 		display: block !important;
 	}

 	#top-bar ul li:first-child:hover {
 		background: none !important;
 	}

 	#top-bar ul li:first-child a {
 		background: none !important;
 	}

 	#top-bar .menu-toggler {
 		display: block;
 		float: right;
 		margin: 1rem 1rem 0 0;
 		padding: 1rem 0 2rem 0;
 	}

 	#top-bar .menu-toggler-img {
 		width: 23px;
 		height: auto;
 	}

 	#top-bar .menu-toggler a {
 		position: absolute;
 		top: 1rem;
 	}

	/* mobile fix */
 	/* #top-bar #menu-main-menu-1 { */
 	#top-bar .carloh-menu {
 		display: none;
 	}

}

/* Cookie Notice Bar */
.cookie-notice-container {
    padding: 20px 10px !important;
}

.cookie-btn {
	background: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border: .1rem solid #fff !important;
	transition: background .3s ease, color .3s ease;
}

.cookie-btn:hover {
	background: #fff !important;
	color: #58b9a7 !important;
}

/* Contact Form Acceptance Style */

.wpcf7-form .wpcf7-acceptance {
	border: none !important;
}

.wpcf7-form .icheckbox_minimal {
	border: .2rem solid #58b9a7 !important;
}

.wpcf7-form label {
	width: 100%;
}

.wpcf7-form .wpcf7-list-item-label {
	margin: 0 0 0 .5rem;
}






/* NEW STYLE */
/* Homepage Slider */
.homepage-slider {
	max-height: 635px;
	overflow: hidden;
}
.homepage-slider .container-fluid  {
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.homepage-slider .container-fluid.inverted {
	height: 100%;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
}
.homepage-slider .col-half {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}
.homepage-slider .image-front {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.homepage-slider .slide-item {
	height: 635px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.homepage-slider .slide-content {
	padding: 0 20px;
}
.homepage-slider .slide-item .container-fluid {
	max-width: 1100px;
}
.homepage-slider .slide-item h2 {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
	color: #333333;
}
.homepage-slider .slide-item h2,
.homepage-slider .slide-item .description {
	max-width: 550px;
}
.homepage-slider .slide-item a.btn {
	margin-top: 15px;
}
.homepage-slider .slide-item h2,
.homepage-slider .slide-item h2 b,
.homepage-slider .slide-item .description * {
	font-weight: 400;
}
.homepage-slider .slide-item h2 b,
.homepage-slider .slide-item h2 strong,
.homepage-slider .slide-item .description b,
.homepage-slider .slide-item .description strong {
	color: #58b9a7;
}
.homepage-slider .slick-dots {
	position: absolute;
	width: 100%;
	bottom: 0;
	list-style: none;
	text-align: center;
}
.homepage-slider .slick-dots li {
	display: inline-block;
}
.homepage-slider .slick-dots > li:only-child {
	display: none;
}
.homepage-slider .slick-dots li button {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background-color: #ffffff;
	box-shadow: 0 0 1px rgba(50,50,50,.5);
	padding: 0;
	-webkit-appearance: inherit;
}
.homepage-slider .slick-dots li.slick-active button {
	background-color: #58b9a7;
}
@media screen and (max-width: 1240px) {
	.homepage-slider .slide-item {
		height: 500px;
	}
	.homepage-slider {
		max-height: 500px;
	}
}
@media screen and (max-width: 991px) {
	.homepage-slider .slide-item {
		height: 450px;
	}
	.homepage-slider {
		max-height: 450px;
	}
}
@media screen and (max-width: 768px) {
	/* .homepage-slider .slide-item {
		height: 400px;
	} */
	.homepage-slider .slide-item h2 {
		font-size: 25px;
		margin-bottom: 15px;
	}
	.homepage-slider .slide-item h2 br {
		display: none;
	}
	.homepage-slider .slide-item a.btn {
		margin-top: 1rem;
	}

	.homepage-slider .container-fluid {
		flex-direction: column;
		padding-top: 65px;
	}
	.homepage-slider .container-fluid.inverted.image_top,
	.homepage-slider .container-fluid.image_top:not(.inverted) {
		flex-direction: column-reverse;
	}
	.homepage-slider .container-fluid.inverted.image_bottom {
		flex-direction: column;
	}
	.homepage-slider .col-half {
		width: 100%;
	}

	.homepage-slider .slide-content {
		padding: 10px 0;
	}
	.homepage-slider .container-fluid.inverted .slide-content,
	.homepage-slider .container-fluid.image_top .slide-content  {
		padding: 20px 0 40px;
	}
}
@media screen and (max-width: 700px) {
	.homepage-slider .container-fluid {
		padding-top: 30px;
	}
}

/* Les Voitures */
.bg-color {
	background-color: #58b9a7;
	color: #ffffff;
}
.mr-15 {
	margin-right: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
.p-0 {
	padding: 0;
}
.left-block {
	position: relative;
	z-index: 100;
}
.left-block::after{
	content:'';
	position: absolute;
	background: #ffffff;
	right: -15px;
	top: 0;
	height: 100%;
	width: 15px;
}
.cars-table .table-title {
	text-align: left;
}
.cars-table .table-title span {
	font-weight: 500;
	font-size: 1.2em;
	line-height: 50px;
	line-height: 3em;
	color: #fff;
}

.car-classe span {
	line-height: 180px;
	font-weight: 900;
	font-size: 40px;
	text-align: center;
}

/* car slider */
.cars-slider .car-slide {
	height: 180px;
	position: relative;
}
.cars-slider .slick-arrow {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 35px;
	height: 35px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #58b9a7;
	background: #ffffff;
	border: 2px solid #58b9a7;
	outline: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.cars-slider .slick-arrow:hover {
	color: #ffffff;
	background: #58b9a7;
}
.cars-slider .slick-prev {
	display: none !important;
}
.cars-slider .slick-next {
	right: -80px;
}
.cars-slider .slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
}
.cars-slider .slick-prev:before, .cars-slider .slick-next:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #58b9a7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cars-slider .slick-prev:hover:before, .cars-slider .slick-next:hover:before {
	color: #ffffff;
}
.cars-slider .slick-slide {
	margin-left: 15px;
}

.cars-slider .slick-list {
	margin-left: -15px;
}
.cars-slider .slick-track {
	margin-left: 0;
}

.cars-slider .car-slide:focus,
.cars-slider .slick-slide:focus {
	outline: 0;
}

.car-slide .car-name {
	text-transform: uppercase;
	color: #58b9a7;
	font-size: 1.80em;

	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.car-box {
	cursor: pointer;
	position: relative;
	background-color: #E8E8E8;
	height: 180px;
	line-height: 150px !important;
	padding: 15px;
}
.car-box:hover {
	/* background-color: #58b9a7; */
	background-color: #d6d6d6;
}

/* car modal */
.modal-backdrop.in {
	opacity: 0;
}
.car-modal.modal.fade .modal-dialog {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.car-modal .modal-content {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border: none;
	box-shadow: -3.47px 19.7px 147px rgba(109, 109, 109, 0.35);
	/* min-width: 400px; */
	width: 520px;
	width: 550px;
}
.car-modal .modal-content ul li {
	font-size: 1em;
}
.car-modal .close {
	position: absolute;
	right: 12px;
	top: 7px;
	color: #58b9a7;
	opacity: 1;
	font-size: 25px;
}
.car-modal .close:focus {
	outline: none;
}
.car-modal .modal-header,
.car-modal .modal-footer {
	border: none;
	text-align: center;
}
.car-modal .modal-header {
	padding-top: 25px;
}
.car-modal .modal-footer {
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
.car-modal .modal-body {
	padding: 40px;
	padding-top: 20px;
}
.car-modal h3 {
	font-weight: 700;
	font-size: 1.75em;
}
.car-modal ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.car-modal ul li {
	padding: 10px 0;
	font-weight: normal;
}
.car-modal .car-image img {
	width: 100%;
	height: auto;
}
.notice {
	margin-top: 10px;
	text-align: left;
}
span.not-contractual {
	font-size: 10px;
	font-style: italic;
}
.no-spacing.row > div {
	padding: 0;
}

/* .car-modal ul.car-infos {
	margin-bottom: 20px;
} */
.car-modal ul.car-infos li:not(:last-of-type) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.car-modal ul li span {
	color: #000000 !important;
}
.car-modal span.green,
.station-filter span.green {
	color: #58b9a7 !important;
}

.car-modal .stations {
	margin-top: 20px;
}
.car-modal .stations-list {
	margin-top: 10px;
}
.car-modal .stations-list ul li {
	position: relative;
	font-size: 13px;
	font-size: 11px;
	padding: 5px 0;
}
.car-modal .stations-list ul li::before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 4px solid #58b9a7;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-bottom: -3px;
	margin-right: 6px;
}

.car-picto {
	position: absolute;
	bottom: 0;
	left: 15px;
	height: 55px;
}

/* Mobile Voitures */
.custom-select {
	margin-bottom: 25px;
}
.custom-select a {
	color: #000;
	text-align: left;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #000;
	position: relative;
}
.custom-select a:hover {
	text-decoration: none;
}
.custom-select a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	position: absolute;
	right: 0;
}
ul.classe-list.selectBox {
	max-height: 250px;
}
ul.selectBox {
	list-style: none;
	/* overflow-y: scroll; */
	overflow-y: auto;
	padding: 0;
}

@media (max-width: 1110px) {
	.car-slide .car-name {
		font-size: 1.65em;
	}
}
@media (max-width: 767px) {
	.cars-table .row::after, .cars-table .row::before,
	.cars-table .cars-slider::after, .cars-table .cars-slider::before {
		content: none !important;
	}
}


ul.selectBox li {
	padding: 10px 0;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
}
ul.selectBox li:not(:last-of-type) {
	border-bottom: 1px solid #DDDDDD;
}
.show-car {
	display: block;
}
.hide-car {
	display: none;
}
.show-more-cars {
	margin-top: 40px;
	display: none;
}
.show-more-cars:hover {
	text-decoration: none;
}
.dot{
	background-color: #58b9a7;
	border-radius: 50%;
	display: inline-block;
	width: 10px;
	height: 10px;
}
.dot:not(:first-child) {
	margin-left: 5px;
}

.classe-picto {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
}
@media (max-width: 1024px) {
	.cars-table .table-title {
		padding: 0 5px;
		text-align: center;
	}
	.cars-slider .slick-next {
		right: -50px;
	}

	.car-modal .modal-content {
		width: 400px;
	}
}



.mobile-only {
	display: none !important;
}
@media (max-width: 767px) {
	.mobile-only {
		display: block !important;
	}

	/* STATIONS */
	ul.station-list {
		max-height: 150px !important;
	}

	.cars-table {
		margin-top: 40px;
	}
	.cars-table .table-title, .cars-table .classe-name {
		display: none !important;
	}
	.cars-table .right-block {
		width: 100%;
	}

	.cars-slider .car-slide {
		width: 50%;
		float: left;
	}

	.cars-slider::before {
		display: table;
    content: " ";
	}
	.cars-slider::after {
		display: table;
    content: " ";
		clear: both;
	}

	.car-slide::after {
		clear: both;
		display: table;
    content: " ";
	}

	.cars-slider {
		margin: 0 -10px;
	}
	.cars-slider .car-slide {
		padding: 0 10px;
    margin-bottom: 20px;
	}

	.car-picto {
		display: none;
	}
	.classe-picto {
		display: block !important;
	}

	.tooltipster-base.tooltipster-show .tooltipster-arrow {
		display: none !important;
	}
	.tooltipster-base.tooltipster-show {
    position: fixed;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    /* height: auto !important; */
    top: 54.5% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	.tooltipster-base .tooltipster-box {
		margin: 0 !important;
		box-shadow: none !important;
	}

	.tooltipster-base .tooltipster-content {
		height: 100%;
	}
	.tooltipster-base .car-modal{
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	}
	.tooltipster-base .car-modal .modal-content {
		width: 100%;
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	}
	.tooltipster-base .car-modal {
		top: 50%;
		position: relative;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	.tooltipster-base.tooltipster-show,
	.car-modal .modal-content {
		height: calc(100vh - 50px) !important;
    overflow-y: scroll;
	}

	.modal-content * {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.car-image {
		text-align: center;
	}
	.car-image img {
		width: auto;
	}
}

@media (max-width: 550px) {
	.stations-list .col-xs-6 {
		width: 100%;
	}
}
@media (max-width: 450px) {
	.car-slide .car-name {
		font-size: 1.25em;
	}
	.cars-slider .car-slide {
		height: 125px;
	}
	.car-box {
		height: 125px;
    line-height: 95px !important;
    padding: 15px;
	}

	.car-picto {
		display: none;
	}
	.classe-picto {
		display: block !important;
		height: 45px;
	}
	.modal-footer .btn {
    padding: 1em;
		font-size: 1em;
	}
}
/* TOOLTIPSER */
.tooltipster-base {
	z-index: 9999 !important;
}
.tooltip_templates {
	display: none;
}
.tooltip {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-shadow: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
	word-break: inherit;
	word-spacing: inherit;
	word-wrap: inherit;
	white-space: inherit;
	opacity: 1;
	line-break: inherit;
	filter: inerit;
	-webkit-filter: inerit;
}
.tooltipster-base,
.tooltipster-sidetip .tooltipster-box {
	background: transparent !important;
	border: none !important;
}

.tooltipster-sidetip .tooltipster-content {
	padding: 0 !important;
}


.tooltipster-sidetip .tooltipster-box {
	border: none;
	border-radius: 5px;
	background: white;
	/* box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.1); */
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 6px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 6px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 6px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 6px;
}
.tooltipster-sidetip .tooltipster-content {
	color: #000000;
}
.tooltipster-sidetip .tooltipster-arrow {
	height: 6px;
	margin-left: -6px;
	width: 12px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 12px;
	margin-left: 0;
	margin-top: -6px;
	width: 6px;
}
.tooltipster-sidetip .tooltipster-arrow-background {
	display: none;
}
.tooltipster-sidetip .tooltipster-arrow-border {
	border: 6px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: white;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: white;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: white;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: white;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -6px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -6px;
}


/* left arrow OK */
.tooltipster-base.tooltipster-right .tooltipster-arrow-uncropped::before{
	content:"";
	border-style: solid;
	border-width: 20px 35px 20px 0;
	border-color: transparent #58b9a7 transparent transparent;
	position: absolute;
	left: -23px;
}
.tooltipster-base.tooltipster-left .tooltipster-arrow-uncropped::after{
	content:"";
	border-style: solid;
	border-width: 20px 0 20px 35px;
	border-color: transparent transparent transparent #58b9a7;
	position: absolute;
	right: -29px;
}

.tooltipster-arrow {
	overflow: visible !important;
	height: 20px !important;
	margin-top: -10px !important;
	width: 30px !important;
}
.tooltipster-arrow-border {
	display: none !important;
}



/* STATIONS */
/* select quartier */
.selectBox-options li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0.5em;
}
.selectBox-options li.selectBox-hover {
	background: #EEE;
}
.selectBox-options li.selectBox-selected,
.selectBox-options li.selectBox-selected a {
	background: #EEE;
}
.custom-select .selectBox-dropdown {
	color: #000 !important;
	text-align: left !important;
	display: block !important;
	padding: 8px 0 !important;
	border: inherit !important;
	border-bottom: 1px solid #000 !important;
	position: relative !important;
	width: 100% !important;
	background: inherit !important;
	line-height: inherit !important;
	box-shadow: none !important;
	border-radius: inherit !important;
	-webkit-border-radius: inherit !important;
	-moz-border-radius: inherit !important;
	-ms-border-radius: inherit !important;
	-o-border-radius: inherit !important;
	text-decoration: none !important;
}
.custom-select .selectBox-dropdown:focus {
	outline: none !important;
}
.custom-select .selectBox-dropdown .selectBox-label {
	padding: 0 !important;
	display: inline !important;
	text-decoration: none !important;
}
.custom-select .selectBox-dropdown .selectBox-arrow {
	display: none !important;
}

.selectBox-options li a {
	color: #000000;
}

.selectBox-options li a:hover {
	text-decoration: none !important;
}


.container-fluid.stations {
	max-width: inherit;
}
.stations-flter-wrap {
	padding: 90px 20px;
}
ul.station-list {
	margin-top: 25px;
	max-height: 500px;
}

ul.station-list li {
	font-size: 14px;
	position: relative;
	cursor: pointer;
	padding-right: 50px;
}
ul.station-list li:hover {
	background: #E8E8E8;
}
ul.station-list li.electric::before {
	content: '';
	background:url('images/electric-icon.png');
	background-size: cover;
	position: absolute;
	right: 32px;
	height: 16px;
	width: 16px;
	display: inline-block;
}
ul.station-list li::after {
	content: "";
	position: absolute;
	right: 10px;
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 4px solid #58b9a7;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
li span.station-name {
	margin-left: 5px;
	padding-left: 5px;
	position: relative;;
	border-left: 1px solid #000000;
}



/* MAP */
#stations-map {
	display: block;
	height: 780px;
	background: gray;
}
.infowindow {
	overflow: hidden;
}
.infowindow-content {
	padding: 10px;
	padding-bottom: 0;
}
.infowindow-title {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #212f3d;
	font-weight: 600;
	font-size: 18px;
}
.infowindow .station-badge {
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	display: inline-block;
	font-size: 12px;
	padding: 2px 8px;
	margin-left: 5px;
	color: #a5a3a3;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}
.infowindow-main {
	padding: 30px;
	font-family: 'Lato', sans-serif;
}
.infowindow-image {
	margin-bottom: 20px;
}
.infowindow-subtitle,
.infowindow-info {
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: 300;
}
.infowindow-info {
	color: #58b9a7;
}
.infowindow .info-text {
	font-weight: 300;
	font-size: 13pt;
	margin-bottom: 10px;
}
.infowindow .bold {
	font-weight: 500;
}
.infowindow .info-text .bold {
	font-size: 12pt;
}
.infowindow .info-text span {
	display: block;
}
.adresse span {
	display: inline;
}

@media (max-width: 767px) {
	.stations-flter-wrap {
		padding: 40px 20px;
	}
	.selectBox-options li a {
		padding: 8px 0.5em;
	}
}


/* Mobile fix */
/* @media screen and (max-width: 1250px) { */
@media screen and (max-width: 992px) {
	.tarifsmenu a {
		line-height: 2em;
	}
	.tarifsmenu a:before {
		transform: scale(0.6);
		top: 20px;
	}

	.tarifsmenu li,
	.classesmenu li {
		width: 25%;
		margin: 0 !important;
	}

	.tarifsmenu a,
	.classesmenu a {
    /* width: 5em !important; */
    width: 75px !important;
    /* height: 5em !important; */
    height: 75px !important;
		font-size: 1.05em !important;
		padding: 5px !important;
	}
	.classesmenu a span {
		font-size: 1.8em;
	}

	/* DE + EN */
	html[lang=en-GB] .classesmenu a, html[lang=de-DE] .classesmenu a {
		font-size: 2.05em !important;
		line-height: 1.35em !important;
	}
	html[lang=en-GB] .classesmenu a span, html[lang=de-DE] .classesmenu a span {
		font-size: 0.5em !important;
    margin-top: -15px !important;
	}
}
@media (max-width: 767px) {
	.tarif td:last-child {
		min-width: 5em;
	}
}


/* Corrections */
.postcontent>h2 {
	text-transform: inherit;
}

/* Cookie Notice*/

#cn-notice-text {
	display: block;
	margin: 0 0 1rem 0;
}



/* UPDATE 13/07/2021 - Video Popup */
.video-popup-close {
	position: absolute;
	top: -22px;
	right: -22px;
	background: #58b9a7;
	z-index: 11111111;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transition: .15s ease-in-out;
}

.video-popup-close:hover {
	background: #50a898;
}