/*
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: 0.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;
	top: -10px;
	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 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 li:first-child a:before {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-position: -434px -60px;
}
#header-nav li:last-child a:before {
	background-position: -530px -108px;
}

#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="tarife2"]:before,
#main-nav a[title="tariffs"]:before,
#main-nav a[title="tariffs2"]:before,
#main-nav a[title="rates"]:before,
#main-nav a[title="rates2"]:before {
	background-position: -251px -142px;
}

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

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

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

#main-nav a[title="faq"]:before,
#main-nav a[title="faq2"]: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="tarife2"]:hover:before,
#main-nav a[title="tarife2"]:focus:before,
#main-nav a[title="tariffs"]:hover:before,
#main-nav a[title="tariffs"]:focus:before,
#main-nav a[title="tariffs2"]:hover:before,
#main-nav a[title="tariffs2"]:focus:before,
#main-nav a[title="rates"]:hover:before,
#main-nav a[title="rates"]:focus:before,
#main-nav a[title="rates2"]:hover:before,
#main-nav a[title="rates2"]: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="fahrzeuge2"]:hover:before,
#main-nav a[title="fahrzeuge2"]:focus:before,
#main-nav a[title="cars"]:hover:before,
#main-nav a[title="cars"]:focus:before,
#main-nav a[title="cars2"]:hover:before,
#main-nav a[title="cars2"]: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="kunde-werden2"]:hover:before,
#main-nav a[title="kunde-werden2"]:focus:before,
#main-nav a[title="become-a-customer"]:hover:before,
#main-nav a[title="become-a-customer"]:focus:before,
#main-nav a[title="become-a-customer2"]:hover:before,
#main-nav a[title="become-a-customer2"]: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="contactez-nous2"]:hover:before,
#main-nav a[title="contactez-nous2"]:focus:before,
#main-nav a[title="kontakt"]:hover:before,
#main-nav a[title="kontakt"]:focus:before,
#main-nav a[title="kontakt2"]:hover:before,
#main-nav a[title="kontakt2"]:focus:before,
#main-nav a[title="contact"]:hover:before,
#main-nav a[title="contact"]:focus:before,
#main-nav a[title="contact2"]:hover:before,
#main-nav a[title="contact2"]:focus:before {
	background-position: -418px -100px;
}

#main-nav a[title="faq"]:hover:before,
#main-nav a[title="faq"]:focus:before,
#main-nav a[title="faq2"]:hover:before,
#main-nav a[title="faq2"]: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: 0.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, 0.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: 0.25em solid #ffffff;
	padding-bottom: 0.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: 0.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"] 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 1em;
	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: 0.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"] .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 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: 0.5em 0 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 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.tarifsmenu .is-active.is-displayed a:after {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.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"] .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: 0.2em;
}

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

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

html[lang="en-GB"] .classesmenu .is-active a span,
html[lang="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 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

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

.classe h5 {
	margin-bottom: 0;
}

.classe table td {
	padding: 0.66em 0 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: 0.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: 0.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: 0.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: 0.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 0.66em;
		font-size: 0.9em;
	}

	#top-bar a[title="carloh-homepage"] {
		top: 0.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"] .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 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: 0.9em;
	}

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

	#top-contacts h2 {
		font-size: 0.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.99%;
	}

	#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 0.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: 0.8em;
	}

	#top-contacts {
		left: 5px;
	}

	#top-contacts h2 {
		font-size: 0.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: 0.5em;
	}

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

	.titlebox h1 {
		font-size: 1.5em;
		padding-bottom: 0.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: 0.1rem solid #fff !important;
	transition: background 0.3s ease, color 0.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: 0.2rem solid #58b9a7 !important;
}

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

.wpcf7-form .wpcf7-list-item-label {
	margin: 0 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;
	max-width: 1400px !important;
}
.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-item.annonce {
	background-color: #ebebeb;
}
.homepage-slider .slide-item.annonce .slide-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	font-size: 25px;
}
@media screen and (max-width: 768px) {
	.homepage-slider .slide-item.annonce .slide-content {
		font-size: 16px;
	}
}
.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, 0.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: 0.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.8em;

	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"] .classesmenu a {
		font-size: 2.05em !important;
		line-height: 1.35em !important;
	}
	html[lang="en-GB"] .classesmenu a span,
	html[lang="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: 0.15s ease-in-out;
}

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

.annonce-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #da48a4;
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
	z-index: 9999;
	font-size: 15px;
}
.annonce-bar .container {
	max-width: 1400px;
	width: 100%;
}

#top-bar .annonce-bar {
	position: static;
}

@media (min-width: 741px) {
	#top-bar a[title="carloh-homepage"] {
		position: static;
	}
}

body.with-annonce #sinscrire,
body.with-annonce #kunde-werden,
body.with-annonce #become-a-customer {
	display: none !important;
}