/* ******************************************* */
/* **                                       ** */
/* **    iCompario Mobile First Styles      ** */
/* **                                       ** */
/* ******************************************* */

/* General */

/* Fontello */
@font-face {
      font-family: 'social';
      src: url('../fonts/social/social.eot?64761834');
      src: url('../fonts/social/social.eot?64761834#iefix') format('embedded-opentype'),
           url('../fonts/social/social.woff?64761834') format('woff'),
           url('../fonts/social/social.ttf?64761834') format('truetype'),
           url('../fonts/social/social.svg?64761834#social') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
	
body { color: #333; min-width: 320px; font-family: 'Assistant', sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body.page-template-hub { background-color: #3b3b3b; }
a, a:focus, button, button:focus { outline: none !important; font-family: 'Assistant', sans-serif; }
.hide { display: none !important; }
.ic-container.container,
.ic-container { margin: 0 auto; width: 100%; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.hidden-xs-up { display: none !important; }
@media (max-width: 575px) { .hidden-xs-down { display: none !important; } }
@media (min-width: 576px) { .hidden-sm-up { display: none !important; } }
@media (max-width: 767px) { .hidden-sm-down { display: none !important; } }
@media (min-width: 768px) { .hidden-md-up { display: none !important; } }
@media (max-width: 991px) { .hidden-md-down { display: none !important; } }
@media (min-width: 992px) { .hidden-lg-up { display: none !important; } }
@media (max-width: 1199px) { .hidden-lg-down { display: none !important; } }
@media (min-width: 1200px) { .hidden-xl-up { display: none !important; } }
.hidden-xl-down { display: none !important; }

.text-wrap { white-space: normal !important; }

/* Header */
.headerLogoRow { min-height: 55px; }
button.navbar-toggler { position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; border: none; background-color: #161616; width: 55px; font-size: 28px; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
nav.navbar { padding: 0 15px; height: 55px; background-color: #292b2c; }
.navbar  .ic-container { max-width: 100%; display: block; }
.navbar-brand { padding: 0; margin-right: 0.5rem; }
.navbar-brand img { max-height: 39px; width:120px; }
div.headerLang { padding-right: 0; }
div.headerLang a:hover,
div.headerLang a:focus { text-decoration: none; }
.wpml-ls-statics-shortcode_actions { float: right; width: 70px; }
.wpml-ls-current-language > a { /*height: 55px; line-height: 55px;*/ border: none; padding-top: 0; padding-bottom: 0; /*background-color: #fff; color: #333;*/ background-color: transparent; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; }

.wpml-ls-legacy-dropdown a { padding: 10px 15px; }
.wpml-ls-legacy-dropdown a:focus { color: #fff; background: transparent; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { color: #888; font-size: 14px; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:focus { background: #fff; }

.wpml-ls-legacy-dropdown > a:hover, .wpml-ls-legacy-dropdown > a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a { background-color: #fff; color: #333; }

/* ** FIX FOR MOBILE ON HOVER LANG SELECTOR ** */
/*.wpml-ls-legacy-dropdown .wpml-ls-current-language.hover { border: 1px solid red; }*/

.wpml-ls-legacy-dropdown .wpml-ls-current-language.touchState .wpml-ls-sub-menu { visibility: hidden; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language.touchState.hover .wpml-ls-sub-menu { visibility: visible; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language.touchState:hover > a { background-color: #5f5f5f; color: #fff; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language.touchState.hover > a { background-color: #fff; color: #333; }

.wpml-ls-current-language > a > .wpml-ls-native { display: none; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { left: unset; width: 250px; z-index: 800; }

.wpml-ls-current-language > a:before { display: none; }

/*.wpml-ls-legacy-dropdown { width: 269px;	}*/

.headersml-menu {  }
.headersml-menu ul.menu { margin: 0; padding: 0; }
.headersml-menu .menu-item { float: left; display: inline; width: auto; }
.headersml-menu .menu-item a { color: #fff; font-size: 17px; font-weight: 100; margin-left: 15px; padding: 0; }
.headersml-menu .menu-item a:hover { text-decoration: none; color: #46b7e9; }
.headersml-menu .menu-item.current-menu-parent > a,
.headersml-menu .menu-item.current-menu-item > a { color: #46b7e9; border-bottom: 1px solid; }
/*.headersml-menu .menu li:first-of-type a { margin-left: 0; }*/
.headersml-menu .dropdown-menu { min-width: 20rem; background-color: #3b3b3b; top: 115%; z-index:9999}
.headersml-menu .dropdown-menu .menu-item { clear:both }
.headersml-menu .dropdown-menu .menu-item a.nav-link:hover { background-color: transparent; }
.headersml-menu .dropdown-menu .menu-item a.nav-link:hover { background-color: transparent; }
.headersml-menu .dropdown-menu .menu-item.current-menu-item a { border: none; color: #46b7e9; }

.show > .dropdown-menu { display: block; }

/* Menus */
button.navbar-toggler { color: #fff; }
#main-menu li {background-color:#f4f4f4;text-align:right;padding-right:50px}
#main-menu li a {color:#292B2C;font-weight:bold;}
#main-menu li.current-menu-item a { color: #34a8dc; text-decoration: underline; }

#main-menu li .dropdown-menu { position: initial; width: 100vw; background: transparent; padding: .1rem 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#main-menu li .dropdown-menu a { padding-right: 0; }
#main-menu li .dropdown-menu a.nav-link:hover { background: transparent; }

/* *********** */
/* CT Mega Nav */
/* *********** */

#mainNavCT a { color: rgba(255,255,255,0.8); }
#mainNavCT a:hover { color: rgba(255,255,255,1); }
#mainNavCT .dropdown-menu { z-index: 700; }
#mainNavCT .dropdown-menu a { color: #666; }
#mainNavCT .dropdown-menu a:hover { color: #212529; }

.headerMenu { position: inherit; }

.navListArea ul li,
.doubleColLead { line-height: 1.2; padding: 0.18em 0; }

@media (min-width: 992px) {
	.navbar-nav .dropdown-menu {
		-webkit-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.4);
	}
}

/* ANIMATE */
.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
  0% {
	transform: translateY(1rem);
	opacity: 0;
  }
  100% {
	transform:translateY(0rem);
	opacity: 1;
  }
  0% {
	transform: translateY(1rem);
	opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
	-webkit-transform: transform;
	-webkit-opacity: 0;
  }
  100% {
	-webkit-transform: translateY(0);
	-webkit-opacity: 1;
  }
  0% {
	-webkit-transform: translateY(1rem);
	-webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* SLIDE IN */
@media (min-width: 992px) {
	header { position: relative; }
	.navbar-nav > .nav-item.show { background-color: #313131; }
	.navbar-nav { height: 100%; }
	#mainNavCT { height: 100%; }
}
@media (max-width: 991.98px) {
	body {
		/*
		left: 0;
		overflow-x: hidden;
		position: relative;
		transition: left 0.3s ease-in-out;
		*/
	}
	
	.pageWindow { position: relative; overflow-x: hidden; width: 100vw; }
	.pageWindowInner { left: 0; position: relative;
		transition: left 0.3s ease-in-out;
		-webkit-transition: left 0.3s ease-in-out;
		-moz-transition: left 0.3s ease-in-out;
		-o-transition: left 0.3s ease-in-out;
	}
	
	body.panel-open .pageWindow { overflow-y: hidden; height: 100vh; }
	body.panel-open .pageWindowInner {
		left: -65vw;
	}

	.navbar { position: initial; }
	.menu-toggle {
		cursor: pointer;
		float: right;
		font-size: 0.875rem;
		position: relative;
		z-index: 1;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
	.menu-toggle-label {
		float: left;
		font-weight: 700;
		height: 25px;
		letter-spacing: 1px;
		line-height: 25px;
		text-transform: uppercase;
	}
	.navbar .hidden-panel {
		background: #333;
		color: #666;
		font-size: 0.875rem;
		height: 100vh;
		position: absolute;
		right: -65vw;
		top: 0;
		width: 65vw;
		display: block;
		overflow-y: scroll;
	}
	.navbar .hidden-panel:after { content: ""; top: 100%; left: 0; right: 0; height: 100vh; background: #333; }
	.hidden-panel-close {
		color: rgba(255,255,255,.5);
		font-weight: 700;
		text-transform: uppercase;
	}
	.hidden-panel-close:hover { color: #fff; }
	.hidden-panel-content { padding: 3.65em 10%; }
	.hidden-panel-nav {
		border-bottom: 1px solid #666;
		border-bottom: 1px solid rgba(102, 102, 102, 0.25);
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
		text-transform: uppercase;
	}
	#navCover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; 
		transition: visibility 0s, opacity 0.3s linear;
		-webkit-transition: visibility 0s, opacity 0.3s linear;
		-moz-transition: visibility 0s, opacity 0.3s linear;
		-o-transition: visibility 0s, opacity 0.3s linear;
	}
	#navCover.shown { visibility: visible; opacity: 1; }
}
@media (max-width: 767.98px) {
	body.panel-open .pageWindowInner { left: -70vw; }
	.navbar .hidden-panel { right: -70vw; width: 70vw; }
}
@media (max-width: 575.98px) {
	body.panel-open .pageWindowInner { left: -80vw; }
	.navbar .hidden-panel { right: -80vw; width: 80vw; }
}
.btn-light { background-color: #ececec; border-color: #ececec; }

.dropdown-toggle:after { vertical-align: .15em; }
.show .dropdown-toggle:after {
	display: inline-block;
	margin-left: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent;
}
.featureCol { background-color: #4F5051; }
.featureColBg { background-size: cover; min-height: 10vw; }
.featureColText p { line-height: 1.2; }
#mainNavCT a.btn { white-space: normal; line-height: 1.3;  padding-top: .45rem; padding-bottom: .45rem; }
#mainNavCT a.btn.btn-sm { padding-top: .35rem; padding-bottom: .35rem; }
#mainNavCT .featureColText a.btn { color: #0c719f; }
#mainNavCT .featureColText a.btn:hover { color: #125979; }

.menu-toggle {
	display: inline-block;
	position: relative;
	z-index: 11;
	padding: 1.2rem 0.2rem;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	cursor: pointer;
	user-select: none;
	margin: 0 0.5em;
}
.menu-toggle .menu-toggle-label:before, .menu-toggle .menu-toggle-label:after {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.menu-toggle:hover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.menu-toggle:hover .menu-toggle-label:before, .menu-toggle:hover .menu-toggle-label:after {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.menu-toggle:hover .menu-toggle-label:before { top: .825rem; }
.menu-toggle:hover .menu-toggle-label:after { top: -.825rem; }
.menu-toggle-label {
	position: relative;
	width: 2.5em;
	/*height: .3125rem;*/
	height: .25rem;
	background: #E6E7E8;
	font-size: 16px;
	-webkit-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	border-radius: 2.5rem;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.menu-toggle-label:before, .menu-toggle-label:after {
	display: block;
	content: "";
	/*height: .3125rem;*/
	height: .25rem;
	width: 2.5rem;
	background: #E6E7E8;
	position: absolute;
	z-index: -1;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	-webkit-transition: 0.5s 0.25s;
	-moz-transition: 0.5s 0.25s;
	transition: 0.5s 0.25s;
}
.menu-toggle-label:before { top: .625rem; }
.menu-toggle-label:after { top: -.625rem; }
.menu-toggle.open .menu-toggle-label:before,
.menu-toggle.open .menu-toggle-label:after {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	top: 0;
}
.menu-toggle.open .menu-toggle-label { background: transparent; }
.menu-toggle.open .menu-toggle-label:before {	  
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-toggle.open .menu-toggle-label:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.target {
	position: absolute;
	border-bottom: 4px solid transparent;
	z-index: -1;
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transform: translateX(-60px);
}
.target {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.headerLang > div,
.headerLang > div > ul,
.headerLang .wpml-ls-legacy-dropdown .wpml-ls-item,
.headerLang .wpml-ls-legacy-dropdown .wpml-ls-item > a { height: 100% !important; }
.headerLang .wpml-ls-legacy-dropdown .wpml-ls-item > a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.headerLang .wpml-ls-legacy-dropdown > ul > .wpml-ls-item:hover > a { background-color: #313131; color: #fff; }
.headerLang .wpml-ls-legacy-dropdown > ul > .wpml-ls-item:hover > a { background-color: #313131; color: #fff; }
/* hide EN base */
.headerLang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item-en {display:none}

/* Footer */
#wrapper-footer {background-color:#292B2C;color:#fff;padding:50px 0}
#wrapper-footer .footer-logo { padding-top: 21px; padding-bottom: 21px; }
#wrapper-footer .footer-logo img {max-width:300px}
#wrapper-footer .menu-item {clear:both;display:block; line-height: 140%;}
#wrapper-footer .menu-item a {color:#fff;font-size:15px}
.footnote {background-color:#333;text-align:center;color: #ccc;padding: 6px;font-size: 14px}

 .footer-social-icons .social-icon
    {
      font-family: "social";
      font-style: normal;
      font-weight: normal;
      speak: none;     
      display: inline-block;
      text-decoration: none;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      opacity: .8;      
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;     
      /* You can be more comfortable with increased icons size */
       font-size: 35px;      
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;  
      color:#fff;	  
    }
	 .footer-social-icons .social-icon:hover {
	 color:#079DCD;
	 }

/* Geo Autocomplete */
.page-template-hub .pac-container { z-index: 2000; }
.pin_geocontrast { display: none !important; }

/* Loading */
.loading-icon p {font-weight:bold; color:#00aee6;text-align:center}

/* Sidebar */
.sidebar ul { list-style-type:none; padding:0; margin:0}
.sidebar li {margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}
.sidebar h3 {background-color: #eeeeee; font-size: 17px; padding: 12px; }
.sidebar [type="checkbox"], .sidebar [type="radio"] { margin: 8px 8px 8px 3px; }

/* Temp */
li[data-status="0"] {opacity:0.25}
//.form-error {display:none} /* awaiting translations */

/* ** Buttons ** */
/* WHITE */
.mobMapList div.filterOpenBtn,
.innerTabs div.tab-content button.saveApply,
.rsbMap div.filterOpenBtn,
div.modalApply .btn { 
	border: 1px solid #fff;
	background: #fff;
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
	text-shadow: -1px -1px 0 #fff;
}
/* BLUE */
body.home .callout-boxes .btn,
div.nearest_form button,
.cardBtnsRow .cardBtn.cardBtnDetails { 
	border: 1px solid #187fae;
	background: #158abe;
	background: -moz-linear-gradient(top,  #4eaad4 0%, #0f678f 100%);
	background: -webkit-linear-gradient(top,  #4eaad4 0%,#0f678f 100%);
	background: linear-gradient(to bottom,  #4eaad4 0%,#0f678f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eaad4', endColorstr='#0f678f',GradientType=0 );
	text-shadow: -1px -1px 0 #095272;
}
a.cardBtnDetails:hover {color:#fff;text-decoration:none}
/* GREEN */
.cardPageAppSend #sendApplication,
.cardExtraDetailsTitle span.seeApply,
.greenApplyBtn,
form.cardapp .btn,
div.modalApply.maCard .btn,
.cardBtnsRow .cardBtn.cardBtnApply,
.btn-greenGrad, .btn-greenGrad:focus { 
	border: 1px solid #46833c;
	background: #75bc69;
	background: -moz-linear-gradient(top,  #75bc69 0%, #36662e 100%);
	background: -webkit-linear-gradient(top,  #75bc69 0%,#36662e 100%);
	background: linear-gradient(to bottom,  #75bc69 0%,#36662e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bc69', endColorstr='#36662e',GradientType=0 );
	text-shadow: -1px -1px 0 #35652e;
}
a.cardBtnApply:hover {color:#fff;text-decoration:none}
/* YELLOW */
body.home button.btn,
button.btn-search { 
	border: 1px solid #a46c14;
	background: #f0a021;
	background: -moz-linear-gradient(top,  #f9bd5d 0%, #cb881e 100%);
	background: -webkit-linear-gradient(top,  #f9bd5d 0%,#cb881e 100%);
	background: linear-gradient(to bottom,  #f9bd5d 0%,#cb881e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bd5d', endColorstr='#cb881e',GradientType=0 );
	text-shadow: -1px -1px 0 #784a02;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
/* LIGHT BACKGROUND DROP SHADOW */
.greenApplyBtn,
.mobMapList div.filterOpenBtn,
.innerTabs div.tab-content button.saveApply,
body.home button.btn,
div.modalApply .btn,
.btn-greenGrad { 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
/* DARK BACKGROUND DROP SHADOW */
button.btn-search { 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
}

/* Buttons */
a.btn-greenGrad { display: block; color: #fff; width: 100%; margin: 0 auto 20px; white-space: initial; line-height: 1.2; }

/* Styled Drop Down Selects */
.custom-dropdown__select{
	font-size: inherit; /* inherit size from .custom-dropdown */
	padding: 0.4em .5em; /* add some space*/
	margin: 0; /* remove default margins */
	width: 100%;
}
.custom-dropdown__select--white { background-color: #fff; color: #333; }

@supports (pointer-events: none) and
		  ((-webkit-appearance: none) or
		  (-moz-appearance: none) or
		  (appearance: none)) {

	.custom-dropdown {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	.custom-dropdown__select {
		padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */				
		border: 0;
		border-radius: 3px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;    
	}

	.custom-dropdown::before,
	.custom-dropdown::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	.custom-dropdown::after { /*  Custom dropdown arrow */
		content: "\25BC";
		height: 1em;
		font-size: .625em;
		line-height: 1;
		right: 1.2em;
		top: 50%; margin-top: -.5em;
	}

	.custom-dropdown::before { /*  Custom dropdown arrow cover */
		width: 2em;
		right: 0; top: 0; bottom: 0;
		border-radius: 0 3px 3px 0;
	}

	.custom-dropdown__select[disabled] {
		color: rgba(0,0,0,.3);
	}

	.custom-dropdown.custom-dropdown--disabled::after {
		color: rgba(0,0,0,.1);
	}

	/* White dropdown style */
	.custom-dropdown--white::before {
		background-color: #fff;
		border-left: 1px solid rgba(0,0,0,.1);
	}
	.home #location .custom-dropdown--white::before { border: 1px solid #2c8fbb; border-left: 1px solid #95d4f0; }

	.custom-dropdown--white::after {
		color: rgba(0,0,0,.9);
	}

	/* FF only temporary & ugly fixes */
	/* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
	@-moz-document url-prefix() {
		.custom-dropdown__select 						 { padding-right: .9em }
		.custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
		.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
	}	

}


/* ******************************************* */
/* **              HOME PAGE                ** */
/* ******************************************* */

/* Home General */
body.home {/*background-color: rgba(22, 22, 22, 1)*/}
.home nav.bg-inverse {background-color: #161616 !important}
.home .intro {padding-bottom:160px;background: rgba(22, 22, 22, 1) url("../img/globe-home.jpg") no-repeat scroll center bottom / 100% auto}
.home .intro h1, .intro h2 {color:#fff;text-align:center;margin:0 auto;}
.home .intro h1 {font-size:30px;width:100%;margin-bottom:18px;font-weight:800}
.home .intro h2 {font-size:17px;color:#ccc;font-weight: bold;  text-shadow: 1px 1px 1px #000;}
.home .form-control.short {width:50%}

.home .search {margin-top:50px}
.home .search input[type="text"] {}
.home .search .btn {margin-top:20px}
.home .search h3 {color:#fff;font-size:20px}

.home section.icom-blue {background-color:#00AEE6;color:#fff}
.home section.confidence {background-color:#f5f5f5}

.home .carousel h2 {font-size: 40px}
.home .cardsCenter { visibility: hidden; max-height: 10px; overflow-y: hidden; }
.home .cardsCenter.slick-initialized { visibility: visible; max-height: 300px; }
.home .carousel-card { padding:5px; /*border: 3px dashed #0f86c2;*/ margin:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center;}
.home .carousel-card img {margin: 0 auto;}
.home .carousel .slider {margin-top:40px}
.home .carousel-network img {max-height:100%;}
.home .carousel-network {padding:0 50px}

.home .image-cropper { width: 100px; height: 100px; position: relative; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.home .image-cropper img { display: inline; margin: 0 auto; height: 100%; width: auto; }

.home section.wrapper {padding:55px 0}
.home section.about-icompario {padding-bottom:300px}

.home .recommended-cards-link {color:#fff;text-align:center}
.home .quote {background:#469858 url("../img/fuel-pump.jpg") no-repeat top right; color:#fff; background-size: 300px auto; }
.home .quote .pull-quote {font-size: 20px; line-height: 120%; font-weight:200; padding-top: 68px;}
.home .quote_source { display: block; font-size: 17px; line-height: 1.2; font-weight:200; }

.home .confidenceNumber { font-weight: bold; font-size: 50px; line-height: 1; color: #00AEE6; }
.home .confidence img { margin-bottom: 15px; margin-top: 50px; }
.home .confidence p { margin-bottom: 10px; }

.home .about-icompario {color:#fff;background:#01030f url("../img/fuel-station.jpg") no-repeat scroll center bottom / 100% auto}
.home .about_text_box { margin-bottom: 0; }
.home .callout-boxes { padding-top: 50px; }
.home .callout-boxes > div {color: #020202; margin-bottom: 15px; display: flex; }
.home .callout-boxes > div > div { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; background-color: rgba(255,255,255,0.7); -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5); 
display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.home .callout-boxes h3 { font-weight: 600; text-transform: uppercase; font-size: 25px; line-height: 24px; }
.home .callout-boxes p { line-height: 1.3; }
.home .callout-boxes .btn { background-color: #158abe; color: #fff; text-transform: uppercase; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }


/* Home Header Card Search */
.homeSeeCards { padding-top: 30px; padding-bottom: 10px; }
.homeSeeCards a { display: block; width: 100%; color: #fff; background-color: #57994c; border: none; text-transform: uppercase; cursor: pointer; padding: 8px 30px; font-size: 26px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.intro .homesearch h2,
.homesearch h3,
.homeVehicles h3 { background: #fff; color: #333; text-shadow: none; margin: 30px 0 0; text-align: center; padding: 8px 15px 18px; text-transform: uppercase; font-size: 20px; font-weight: 100; line-height: 24px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.homesearch .nav-tabs,
.homeVehicles form { margin-top: -10px; }
.homesearch .nav-tabs { border: none; }
.homesearch .nav-tabs li { display: flex; }
.homesearch .nav-tabs li a { width: 100%; background-color: #0d76a6; border: none; color: #fff; text-align: center; }
.homesearch .nav-tabs li a.active { background-color: #34a8dc; color: #fff; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px;border-top-right-radius: 6px; }
.homesearch .nav-tabs li:first-of-type a { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; }
.homesearch .nav-tabs li:last-of-type a { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; }
.homesearch .tab-content { background-color: #34a8dc; padding: 15px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.homesearch #rad_location { margin-bottom: 15px; }
.homesearch #rad_location_country { width: 58px !important; max-width: 58px !important; float: left; }
.homesearch div.country-select { float: left; width: 58px; max-width: 58px; }
.homesearch .country-select .selected-flag { padding: 0 15px; width: 58px; }
.homesearch .homeRadDD { float: right; width: -moz-calc(100% - 73px); width: -webkit-calc(100% - 73px); width: -o-calc(100% - 73px); width: calc(100% - 73px); }
.homesearch .field-group.leader { float: left; width: 100%; /*width: -moz-calc(100% - 73px); width: -webkit-calc(100% - 73px); width: -o-calc(100% - 73px); width: calc(100% - 73px);*/ }
.homesearch .homeStartEnd > div:first-of-type { margin-bottom: 15px; }
.homesearch .homeStartEnd div.country-select { float: right; }
.homesearch .homeStartEnd #rad_location_country { float: right; }
.homesearch .form-control { min-height: 40px; /* <-- fix for ALGOLIA jump glitch */ }
.homesearch .field-leader { background-color: #0d76a6; padding: 0 8px; width: 47px; height: 40px; line-height: 40px; border: 1px solid #0d76a6; float: left; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.homesearch .field-leader span { display: none; }
.homesearch .field-leader img { height: 22px; vertical-align: text-bottom; }
.homesearch #route .algolia-places { float: right; width: -moz-calc(100% - 47px); width: -webkit-calc(100% - 47px); width: -o-calc(100% - 47px); width: calc(100% - 47px); }
.homesearch #location .ap-icon-pin { bottom: 15px; }
.homesearch .leader-input { width: 100%;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.homeVehOptionsBox { background-color: #34a8dc; padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.homeVehOptionsBox .colCar { padding-right: 0; }
.homeVehOptionsBox .colVan { padding-right: 7px; padding-left: 8px; }
.homeVehOptionsBox .colTruck { padding-left: 0; }
.homeVehOptions { padding: 10px 15px 0; max-width: 164px; margin: 0 auto; }
.homeVehOptions > label { display: block; background-color: #0d76a6; padding-bottom: 90%; margin: 0 auto; width: 90%; height: 0; position: relative; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; }
.homeVehOptions > label span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.homeVehOptions img { width: 70%; height: auto; display: block; margin: 0 auto; }
.homeVehOptions > label > label { background-color: #fff; border: 4px solid #0d76a6; position: absolute; top: -10px; right: -10px; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.homeVehOptions > label > label:before { content: ""; font-family: FontAwesome; display: block; width: 42px; height: 42px; text-align: center; line-height: 42px; font-size: 32px; }

.homeVehOptions > label:hover > label:before { content: "\f067"; color: #bdbdbd; }
.homeVehOptions input[type=checkbox]:checked + label > label:before { content: "\f00c"; color: #57994c; }
.homeVehOptions input[type=checkbox]:checked + label { background-color: #57994c; }
.homeVehOptions input[type=checkbox]:checked + label > label { border-color: #57994c; }

.homeVehOptions input[type=checkbox] { display:none; } 
.homeVehOptions label { cursor: pointer; } 

.homeVehOptionsBox button,
button.btn-search { font-weight: bold; line-height: 1.1; margin-top: 15px; width: 100%; color: #fff; background-color: #f0a021; border: 1px solid #fff; cursor: pointer; padding: 15px 30px; font-size: 19px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.home button.btn { line-height: 1.1; margin-top: 15px; color: #fff; font-weight: bold; background-color: #fff; border: 1px solid #fff; cursor: pointer; padding: 15px 30px; font-size: 19px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }


.page-template-fullwidthpage #primary ul {list-style-type:disc;padding-left:30px}





/* ** AIRBNB STYLE ** */
.page-template-homepage-airbnb .intro { background: #3b3b3b url("../img/home-top-bgimg2-min.jpg") no-repeat scroll 50% 0; background-size: cover; min-height: 88vh; padding: 30px 0; }
.page-template-homepage-airbnb .intro > .container  { }
.page-template-homepage-airbnb .introOptions {  }
.page-template-homepage-airbnb .introOptions h1 { font-weight: bold; color: #fff; font-size: 2.2rem; text-shadow: 1px 1px 1px #000; }
.page-template-homepage-airbnb .introOptions h2 { font-weight: bold; color: #34a7dd; font-size: 1.4rem; text-shadow: 1px 1px 1px #000; }
.page-template-homepage-airbnb .introOptions .ioPrompt { font-weight: bold; color: #fff; font-size: 1.1em; text-shadow: 1px 1px 1px #000; }
.page-template-homepage-airbnb .introOptions .introOption { width: 44%; margin: 3%; }
.page-template-homepage-airbnb .introOptions .introOption:hover { text-decoration: none; }
.page-template-homepage-airbnb .introOptions .ioUpper { background-color: #fff; height: 12vh; background-position: 50% 10px; background-repeat: no-repeat; }
.page-template-homepage-airbnb .introOptions .ioCompare .ioUpper { background-image: url("../img/magnifytick-icon.svg"); background-size: 67% auto; }
.page-template-homepage-airbnb .introOptions .ioAll .ioUpper { background-image: url("../img/fourcards-icon.svg"); background-size: 92% auto; }
.page-template-homepage-airbnb .introOptions .ioQuote .ioUpper { background-image: url("../img/checklist-icon-min.svg"); background-size: 74% auto; }
.page-template-homepage-airbnb .introOptions .ioLower { background-color: #34a7dd; color: #fff; text-align: center; font-weight: bold; font-size: 1.1em; line-height: 1.1; }
.page-template-homepage-airbnb .introOptions .introOption:hover .ioLower { background-color: #158abe; }
@media (min-width: 576px) {
	.page-template-homepage-airbnb .intro { min-height: 80vh; }
	.page-template-homepage-airbnb .introOptions .introOption { width: 25%; margin: 2%; }
	.page-template-homepage-airbnb .introOptions h1 { font-size: 2.4rem; }
	.page-template-homepage-airbnb .introOptions .ioPrompt { font-size: 1.3em; }
	.page-template-homepage-airbnb .introOptions .ioLower { font-size: 1.2em; }
}
@media (min-width: 768px) {
	.page-template-homepage-airbnb .introOptions h2 { font-size: 2rem; }
	.page-template-homepage-airbnb .introOptions .ioCompare .ioUpper { background-size: 50% auto; }
	.page-template-homepage-airbnb .introOptions .ioAll .ioUpper { background-size: 70% auto; }
	.page-template-homepage-airbnb .introOptions .ioQuote .ioUpper { background-size: 57% auto; }
}
@media (max-width: 991.98px) {
	.page-template-homepage-airbnb .intro .container { max-width: 100%; }
	
}
@media (min-width: 992px) {
	.page-template-homepage-airbnb .introOptions .introOption { width: 20%; margin: 1.5%; }
	.page-template-homepage-airbnb .introOptions h1 { font-size: 2.6rem; }
	.page-template-homepage-airbnb .introOptions .ioPrompt { font-size: 1.5em; }
	.page-template-homepage-airbnb .introOptions .ioLower { font-size: 1.3em; }
}

.page-template-homepage-airbnb .intro .modal-dialog  { width: 94vw; max-width: 1100px; }
.compareNowBox.modal-content,
.page-template-homepage-airbnb .intro .modal-content  { -webkit-border-radius: .3rem; -moz-border-radius: .3rem; border-radius: .3rem; }
.compareNowBox.modal-content { -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.compareNowBox.modal-content .modal-header,
.page-template-homepage-airbnb .intro .modal-content .modal-header { background-color: #34a7dd; color: #fff; }
.compareNowBox.modal-content .modal-header .modal-title,
.page-template-homepage-airbnb .intro .modal-content .modal-header .modal-title { font-size: 2.2em; font-weight: bold; line-height: 1; }
.compareNowBox.modal-content .modal-header p,
.page-template-homepage-airbnb .intro .modal-content .modal-header p { margin: 15px 0; color: #155873; font-size: 1.2em; font-weight: 600; line-height: 1.1; }
.compareNowBox.modal-content .modal-header button.close,
.page-template-homepage-airbnb .intro .modal-content .modal-header button.close { display: block; background-color: #fe1616; padding: 0 1rem; margin: 0 -15px 0 auto; line-height: 1.1; -webkit-border-top-right-radius: .3rem; -moz-border-radius-topright: .3rem; border-top-right-radius: .3rem; }
.compareNowBox.modal-content .modal-header button.close:hover,
.page-template-homepage-airbnb .intro .modal-content .modal-header button.close:hover { background-color: #fff; color: #fe1616; opacity: 1; }

.compareNowBox .fuelcard { margin-top: 30px; }
.compareNowBox .fuelcard img { margin: -20px 0 0 0; }
.compareNowBox .cardBtn { padding-top: 12px; padding-bottom: 12px; }

.cnLoading { display: none; width: 30px; height: 30px; background: url("../img/load-30.gif") 0 0 no-repeat; }

.page-template-homepage-airbnb button.btn.btn-orange { background: #e7641e; border-color: #e7641e; color: #fff; font-size: 1.2em; font-weight: 600; margin-top: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.page-template-homepage-airbnb button.btn.btn-darkblue { background: #1c749c; border-color: #1c749c; color: #fff; font-size: 1.2em; font-weight: 600; margin-top: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.qcOptionRadio label { cursor: pointer; background-color: #e9e9e9; color: #155873; font-size: 1.2em; font-weight: 600; line-height: 1.1; }
.qcOptionRadio label .tickSpan { opacity: 0; color: #359335; }
.qcOptionRadio label input[type=checkbox]:checked + .tickSpan { opacity: 1; }

.qcOptionNum > div { background-color: #e9e9e9; color: #155873; font-size: 1.2em; font-weight: 600; line-height: 1.1; }
.qcOptionNum input { padding: 0; width: 25px; text-align: center; border: none; background-color: transparent; font-weight: bold; color: #155873; }
.qcOptionNum .numUpDown { background-color: #155873; color: #fff; cursor: pointer; }
.qcOptionHeading { color: #155873; font-size: 1.2em; font-weight: 600; line-height: 1.1; }

.page-template-homepage-airbnb .ddBrand button.btn { background: #e9e9e9; color: #155873; font-size: 1.2em; font-weight: 600; line-height: 1.1; margin-top: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.page-template-homepage-airbnb .ddBrand button.btn:focus { box-shadow: none; -webkit-box-shadow:none; }

.page-template-homepage-airbnb section.icom-blue { background-color: #00AEE6; color: #fff; }
.page-template-homepage-airbnb #location { padding: 10px;width: 100%; border: 2px solid #ccc; border-radius: 6px;}
.page-template-homepage-airbnb .carousel h2 { font-size: 2.2em; font-weight: bold; }
.page-template-homepage-airbnb .carousel p { font-size: 1.4em; font-weight: bold; color: #155873; }
.page-template-homepage-airbnb .cardsCenter { visibility: hidden; max-height: 10px; overflow-y: hidden; }
.page-template-homepage-airbnb .cardsCenter.slick-initialized { visibility: visible; max-height: 300px; }
body.page-template-homepage-airbnb .carousel-card { padding:5px; margin:10px; text-align: center; border: none; }
.page-template-homepage-airbnb .carousel-card img {margin: 0 auto;}
.page-template-homepage-airbnb .carousel-network img {max-height:100%;}
.page-template-homepage-airbnb .carousel-network {padding:0 50px}
@media (min-width: 576px) {
	.page-template-homepage-airbnb section.icom-blue { background: #00AEE6 url("../img/fuel-station-outline-min.svg") no-repeat scroll 65vw 20%; background-size: auto 90%; }
	.page-template-homepage-airbnb .carousel h2 { font-size: 3em; }
}

.page-template-homepage-airbnb .confidenceNumber { font-weight: bold; font-size: 50px; line-height: 1; color: #00AEE6; }
.page-template-homepage-airbnb .confidence img { margin-bottom: 15px; margin-top: 50px; }
.page-template-homepage-airbnb .confidence h2 { font-weight: bold; color: #00AEE6; font-size: 2.5em; }
.page-template-homepage-airbnb .confidence p { margin-bottom: 10px; }
.page-template-homepage-airbnb .confidence p.confidenceIntro { font-size: 1.2em; font-weight: bold; color: #555; }

body.page-template-homepage-airbnb section.about-icompario { padding:55px 0 34vw; color:#fff;background:#01030f url("../img/fuel-station.jpg") no-repeat scroll center bottom / 100% auto}
.page-template-homepage-airbnb .about-icompario .about_text_title h3 { font-size: 2em; font-weight: bold; }
.page-template-homepage-airbnb div.about_text_box { margin-bottom: 0; }
body.page-template-homepage-airbnb .callout-boxes { padding-top: 50px; }
.page-template-homepage-airbnb .callout-boxes > div {color: #fff; margin-bottom: 15px; display: flex; }
.page-template-homepage-airbnb .callout-boxes > div > div { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; background-color: rgba(255,255,255,0.1); }
.page-template-homepage-airbnb .callout-boxes h3 { font-weight: 600; text-transform: uppercase; font-size: 25px; line-height: 24px; }
.page-template-homepage-airbnb .callout-boxes p { line-height: 1.3; }
.page-template-homepage-airbnb .callout-boxes .btn { background-color: #158abe; color: #fff; text-transform: uppercase; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
@media (min-width: 576px) {
	.page-template-homepage-airbnb .about-icompario .about_text_title h3 { font-size: 2.6em; }
	.page-template-homepage-airbnb .about_text_box p { font-size: 1.1em; }
}



.carduse { background-color: #ececec; }
.carduse h2 { max-width: 90%; font-weight: bold; font-size: 2em; color: #00AEE6; text-align: right; }
.carduse p { max-width: 90%; text-align: right; font-size: 1.2em; font-weight: bold; color: #555; line-height: 1.3; }
.carduse .carduseoptions {  }
.carduse .carduseoptions label { padding-top: 66%; cursor: pointer; width: 100%; background-repeat: no-repeat; background-position: 50% 16%; position: relative; }
.carduse .carduseoptions label:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 0; bottom: 0; background-color: #1c749c; padding: 6px 6px 3px 11px; font-size: 10px; color: #fff; 
	-webkit-border-top-left-radius: 100%;
	-moz-border-radius-topleft: 100%;
	border-top-left-radius: 100%;
}
.carduse .carduseoptions label:hover:after { background-color: #00AEE6; }
.carduse .carduseoptions label.cuIconBtn { background-size: 50% auto; }
/*.carduse .carduseoptions label.cuEuropean { background-size: 53% auto; }
.carduse .carduseoptions label.cuNew { background-size: 40% auto; }
.carduse .carduseoptions label.cuHauliers { background-size: 42% auto; }
.carduse .carduseoptions label.cuCredit { background-size: 57% auto; }*/
.carduse .carduseoptions .cardusecircle { width: 30px; height: 30px; border: 1px solid #888; position: relative; }
.carduse .carduseoptions .cardusecircle:after { content: ""; position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.carduse .carduseoptions label input[type=radio]:checked + .cardusecircle:after { background-color: #00AEE6; } 
@media (max-width: 575.98px) {
	.carduse { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (min-width: 576px) {
	.carduse { background:#ececec url("../img/man-laptop-min.svg") no-repeat scroll -230px 90%; background-size: auto 50%; }
	.carduse .carduseoptions { max-width: 70%; }
	.carduse p { max-width: 60%; }
	.carduse h2 { font-size: 2.6em; }
}
@media (min-width: 992px) {
	.carduse { background-position:-230px 90%; background-size: auto 88%; }
	.carduse .carduseoptions { max-width: 76%; }
}
@media (min-width: 1200px) {
	.carduse { background-position:-230px 90%; background-size: auto 88%; }
	.carduse .carduseoptions { max-width: 70%; }
}





/* ******************************************* */
/* **               HUB PAGE                ** */
/* ******************************************* */

/* Fuel Cards List */
.cardlistbox { max-width: 1035px; min-height: 70vh; margin: 0 auto; }
.cardlistbox h3.h3DD { font-weight:600;color:#fff; font-size: 20px; text-align: center; }
.cardlistbox .custom-dropdown { font-size: 17px; width: 260px; display: block; margin: 7px auto 15px; }
.cardlistbox .custom-dropdown select { font-weight: bold; }

.country-select {text-align:left}
.status,
.status-none { display: none; }
.status div,
.status-none div { background-color: #ededed; position: relative; padding: 7px 15px; font-size: 16px; line-height: 21px; margin: 15px 0 12px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.status div { padding: 7px 15px 7px 30px; margin: 15px 0 20px 30px; }
.status-none div { background-color: #959595; }
.status div span { background-color: #57994c; color: #fff; font-size: 30px; font-weight: bold; display: inline-block; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; left: -30px; top: 50%; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

#cardlist > .product  { display: -ms-flexbox; display: -webkit-flex; display: flex; }
#cardListArea > .card { background-color: #3b3b3b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.fuelcard { width: 100%; background-color: #fff; /*border: 1px solid #e4e4e4;*/ color: #969696; margin-bottom: 15px; padding: 0 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
.fuelcard img { margin: 0; max-width: 92%; height: auto; }
.fuelcard .fuelcardThumb { max-height: 90px; }
.fuelcard .fuelcardName { /*display: flex; flex-direction: column; justify-content: center;*/ /*min-height: 90px;*/ }
.fuelcard h3 { font-size: 20px; color: #34a8dc; font-weight: bold; margin: 0 0 10px 0; line-height: 1; }
.fuelcard .mobfuelcardName h3 { margin: 12px 0; text-align: center; }
.fuelcard p { font-size: 13px; line-height: 1.2; color: #333; margin: 0; }
.fuelcard p span { font-weight: bold; }
.fuelcard .strapline { margin-bottom:20px;/*min-height:32px*/ }
span.excellent { color: #57994c; }
span.good { color: #de7916; }
span.low { color: #db1f1f; }
.cardBtn { color: #fff; text-transform: uppercase; text-align: center; /*line-height: 36px;*/ font-size: 14px; font-weight: bold; cursor: pointer;
line-height: 1.1; padding-top: 18px; padding-bottom: 18px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.cardBtn.cardBtnDetails { background-color: #158abe; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
.cardBtn.cardBtnApply { background-color: #57994c; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }

.fuelcard .nationalNumberBox,
.fuelcard .locCoverageBox { margin-bottom: 7px; text-align: center; }
.fuelcard .nationalNumberBox img,
.fuelcard .locCoverageBox img { max-height: 28px; width: auto; margin: 0 0 7px 0; }
.fuelcard .nationalNumberBox span,
.fuelcard .locCoverageBox span { display: block; }

/* Location / Vehicles Top Bar */
.filterBlueBar { background-color: #34a8dc;text-align: center;color: #fff;height: 55px; line-height: 55px; font-size: 22px; }
.filterBlueBar img {margin:-11px 20px 0 10px}
.locationSearchBar { background-color: #46b7e9; height: 55px; }
.locationSearchBar .totalNumCircle img { height: 23px; width: auto; margin: 0 10px; }
.locationSearchBar .totalNumCircle.active > span { padding: 0 7px 0 0; }
.vehicleSearchBar { height: 55px; }
.vehicleSearchBar .totalNumCircle img { height: auto; width: 47px; margin: 0 10px; }
.vehicleSearchBar .totalNumCircle.active > span { padding: 0; }
.searchTitle { font-size: 16px; font-weight: bold; display: inline-block; vertical-align: middle; line-height: 26px; text-transform: uppercase; padding-right: 8px; }
.locationSearchBar .searchTitle { display: none; }
.vehicleSearchBar .searchTitle { display: none; }

.col-6.filterOpen { background-color: #5ab9e4; }
a.filterOpen:hover,
a.filterOpen:focus,
a.filterOpen { color: #fff; outline: none; text-decoration: none; }
.filterOpen img { max-width: 24px; margin-right: 6px; }

/* Filter / Map / Vehicles / Cards - Numbers */
.totalNumCircle > span { position: relative; }
.totalNumCircle.active > span { padding-right: 20px; }
.totalNumCircle span span { position: absolute; right: 0; top: -10px; line-height: 20px; height: 20px; width: 20px; text-align: center; font-weight: bold; font-size: 14px; background-color: #fff; color: #34a8dc; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.totalNumCircle span span { position: absolute; right: 0; top: -10px; line-height: 20px; height: 20px; width: 20px; text-align: center; font-weight: bold; font-size: 14px; background-color: #fff; color: #34a8dc; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.sidebarTitle .totalMapNum span span,
.sidebarTitle .totalCardNum span span { background-color: #34a8dc; color: #fff; top: 2px; right: -12px; height: 26px; line-height: 26px; width: 26px; font-size: 16px; }

/* Loading Spinner */
.wait { display:none; position:absolute; top: 0; bottom: 0; right: 0; left: 0; background-color:rgba(255,255,255,0.7); z-index:10; }
.waitWidget { display:none; position:absolute; top: 2px; bottom: 2px; right: 2px; left: 2px; background-color:rgba(249,249,249,0.7); z-index:10; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#card-fullscreen .wait { background-color:rgba(255,255,255,1); }
.wait.blueBg { background-color:rgba(52,168,220,0.7); }
.wait.darkBg { background-color:rgba(59,59,59,0.8); }
.innerTabs .wait { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.loading-icon { width: 125px; margin: 5% auto 0; }
#card-fullscreen .loading-icon { margin: 35vh auto 0; }
#card-page .waitWidget .loading-icon,
#card-fullscreen .waitWidget .loading-icon { margin: 18px auto 0; width: 90px; height: 90px; }
#mapSec .loading-icon { margin: 25vh auto 0; }
.loading-icon .inner { fill: #00AEE6; }
.blueBg .loading-icon .inner { fill: #ffffff; }
.loading-icon .outer { fill: #353233; }
.darkBg .loading-icon .outer { fill: #ffffff; }
.blueBg .loading-icon .outer { fill: #0d76a6; }
.loading-icon p { font-size: 18px; }
.darkBg .loading-icon p,
.blueBg .loading-icon p { color: #fff; }
.outer {
    -webkit-animation: rotation 1s infinite linear;
	-moz-animation: rotation 1s infinite linear;
	-o-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
     transform-origin: 51.6% 50.2% 0;
    -webkit-transform-origin: 51.6% 50.2% 0;
    -moz-transform-origin: 51.6% 50.2% 0;
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}

/* Mobile Bottom Modal Controls */
.mobBottomBar { position: fixed;bottom: 0; left: 0; right: 0; z-index: 1; }
.mobBottomBar .filterOpen { text-align:center; background-color: #34a8dc; color: #fff; height: 30px; line-height: 30px; cursor: pointer; }
.mobBottomBar .filterOpen img { max-width: 24px; margin-right: 6px; }
.mobBottomBar .cardsMapOpen { text-align:center; background-color: #535353; color: #fff; height: 30px; line-height: 30px; }
.mobBottomBar .cardsMapOpen > div { color: #fff; cursor: pointer; line-height: 30px; }

/* .modal-fullscreen */
.modal-fullscreen { background: transparent; }
.modal-fullscreen .modal-content { background: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-fullscreen.fs-blue .modal-content { background: #34a8dc; }
.modal-fullscreen.fs-white  { background: #fff; }
.modal-backdrop.modal-white { background: #fff; }
.modal-backdrop.modal-blue { background: #34a8dc; }
.modal-backdrop.modal-white.show,
.modal-backdrop.modal-blue.show { opacity: 1; filter: alpha(opacity=100); }
.modal-fullscreen .modal-dialog { margin: 0; margin-right: auto; margin-left: auto; width: 100%; max-width: 1300px; min-height: 100vh; }
.modal-fullscreen .modal-dialog .modal-content { min-height: 100vh; }

.modal-content .modal-body { display: flex; align-items: center; justify-content: center; }
.modal-body-inner { width: 100%; }

/* Modal Defaults */
.modal { -webkit-overflow-scrolling: touch; }
div.modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.modal-content .modal-header { border: none; padding: 0 15px; min-height: 50px; }
.modal-content .modal-header button.close { text-shadow: none; color: #fff; opacity: 1; line-height: 50px; font-size: 34px; display: none; }
.fs-white .modal-content .modal-header button.close { color: #333; }

button.closeFixed { text-shadow: none; color: #fff; opacity: 1; font-size: 34px; z-index: 10; line-height: 34px; top: 7px; right: 15px; }
button.closeFixed.close { position: absolute; }
.fs-white button.closeFixed { color: #333; }

.modal-header h4 { color: #fff; }
.modal-content .modal-body { padding-bottom: 60px; }

/*
.modalApply { position: fixed; bottom: 10px; left: 50%; -webkit-transform: translateZ(0);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); 
max-width: 1300px; left: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }
*/
.modalApply { position: fixed; bottom: 10px; left: 5%; right: 5%; -webkit-transform: translateZ(0); }

.modalApply .btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; max-width: 1300px; display: block; margin-left: auto; margin-right: auto; color: #57994c; text-transform: uppercase; cursor: pointer; background-color: #fff; padding: 10px 30px; font-weight: 600; font-size: 16px; }
.modalApply.maCard .btn { background-color: #57994c; color: #fff; }
h3.modalIntro { color: #fff; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 25px; }

#location-fullscreen .modal-content .modal-body { padding-bottom: 15px; }
.modalBottomBtn {padding: 0 15px 60px; }
.modalBottomBtn .btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; color: #57994c; text-transform: uppercase; cursor: pointer; background-color: #fff; padding: 10px 30px; font-weight: 600; font-size: 16px; }

.modalCloseHover { position: absolute; top: 0; left: 0; padding: 0 15px; height: 50px; background-color: #fff; z-index: 2; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
.modalCloseHover button.close { text-shadow: none; color: #fff; opacity: 1; line-height: 50px; font-size: 34px; }
.fs-white .modalCloseHover button.close { color: #333; }

/* Modal Inner Tabs */
.innerTabs { position:relative; }
.innerTabs .nav-tabs { border: none; }
.innerTabs .nav-tabs .nav-link { margin-top: 6px; border: none; border-bottom: 1px solid #fff; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; color: #fff; text-align:center; background-color: #0d76a6; }
.innerTabs .nav-tabs .nav-item:first-of-type .nav-link { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; }
.innerTabs .nav-tabs .nav-item:last-of-type .nav-link { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; }
.innerTabs .nav-tabs .nav-item.show .nav-link, .innerTabs .nav-tabs .nav-link.active { margin-top: 0; background-color: transparent; color: #fff; border: 1px solid #fff; border-bottom: none; padding-top: 14px; 
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.innerTabs .tab-content { padding: 25px 15px 0; border: 1px solid #fff; border-top: 0;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.innerTabs .tab-content .row { margin-bottom: 20px; }
.innerTabs .tab-content input[type='text'] { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 4px 10px; width: 100%; }
.innerTabs #route_search input[type='text'],
.innerTabs #route_search .country-select { margin-top: 10px; }
.innerTabs .tab-content select { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 5px; width: 100%; background-color: #fff; }
.innerTabs .tab-content button { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; color: #57994c; padding: 3px 12px; text-transform: uppercase; cursor: pointer; font-size: 14px; }
.innerTabs .tab-content #route_search button.ap-icon-pin { margin-top: 10px; }
.innerTabs .tab-content button.saveApply { padding: 7px 15px; font-size: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.innerTabs .tab-content button.saveAdd { color: #fff; background-color: #65c3ed; }

.innerTabs .tab-content .country-select { width: 100%; }
.innerTabs .tab-content .country-select input[type="text"] { padding-left: 48px; }

.route_list_header h4,
.radius_list_header h4,
.savedLocations h4 { text-transform: uppercase; color: #fff; text-align: center; font-size: 20px; font-weight: 100; margin: 40px 0 10px; }
.savedLocations p { text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 400; margin: 0; }
.savedLocations span.radius { text-transform: uppercase; font-size: 14px; font-weight: 100; line-height: 12px; display: block; }
.savedLocations span.view { color: #055377; font-size: 20px; margin-top: 8px; cursor: pointer; }
.savedLocations .delete { cursor: pointer; }
#radius_search_side .savedLocations select { font-size:12px;border:1px solid #ccc }
.innerTabs .savedLocations .slRow { border-top: 1px solid #43c2fb; padding-top: 10px; padding-bottom: 15px; margin-bottom: 0; }
.innerTabs .savedLocations .slRow img { width: 18px; height: auto; margin-right: 5px; }
.routeEnd { margin-top: 20px; }

.StartEndTitle { font-weight: bold; color: #000; }
.StartEndTitle img { margin-right: 4px; }

.savedLocations .locMapColl { width: 100%; }
.savedLocations .locMapCard { border:none; padding: 0 15px; background-color: #86db86; line-height: 150px; height: 150px; width: 100%; color: #fff; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* Vehicle Numbers */
.vehSelRow { margin-bottom: 40px; }
.vehSelRow img { max-height: 56px; }
.numberCircleBox { position: relative; margin: 0 0 0 40px; width: 70px; height: 70px; }
.numberCircle { position: relative; background-color: #fff; border: 4px solid #0d76a6; width: 70px; height: 70px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.numberCircle input[type='text'] { height: 62px; width: 62px; text-align: center; padding: 0; background: transparent; border: none; color: #0d76a6; font-size: 28px; font-weight: bold; }
.numberCircle label { position: absolute; z-index: 1; bottom: -30px; left: -moz-calc(50% - 15px); left: -webkit-calc(50% - 15px); left: -o-calc(50% - 15px); left: calc(50% - 15px); height: 30px; width: 30px; line-height: 30px; cursor: pointer; text-align: center; background: #0d76a6; color: #fff; font-size: 17px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.numberCircleBox .qtyminus,
.numberCircleBox .qtyplus { position: absolute; z-index: 0; top: -moz-calc(50% - 20px); top: -webkit-calc(50% - 20px); top: -o-calc(50% - 20px); top: calc(50% - 20px); background: #0d76a6; color: #fff; height: 40px; width: 46px; line-height: 40px; text-align: center; cursor: pointer; }
.numberCircleBox .qtyminus{ right: 60px; padding-right: 6px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.numberCircleBox .qtyplus { left: 60px; padding-left: 6px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Filter Modal */
.optionsBlockRow > div { margin-bottom: 15px; }
.optionsBlock { border: 1px solid #fff; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 12px 15px; height: 100%; }
.optionsBlock h4 { text-transform: uppercase; color: #fff; text-align: center; font-size: 20px; font-weight: 100; margin: 2px 0 15px; }
.optionsBlock label { display: block; margin: 5px 0; padding: 0; }
.optionsBlock label input { float: left; margin-top: 7px; }
.optionsBlock label.form-check-label { display: -ms-flexbox; display: -webkit-flex; display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#filter-fullscreen .modalApply .btn { z-index: 2; position: relative; }
.modalApply .filterNumber { position: absolute; left: 0; right: 0; top: -30px; z-index: 1; height: 40px; line-height: 30px; background-color: #0d76a6; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.modalApply .filterNumber .filteredcards { display: inline-block; font-weight: bold; font-size: 14px; font-size: 17px; vertical-align: top; line-height: 28px; }

/* Toggle Button */
.tgl { display: none; }
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; }
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection { background: none; }
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; }
.tgl + .tgl-btn { font-size: 11px; outline: 0; display: inline-block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; }
.tgl + .tgl-btn:after { left: 0; }
.tgl + .tgl-btn:before { display: none; }
.tgl:checked + .tgl-btn:after { left: 50%; }
.tgl-light + .tgl-btn { background: #fff; border-radius: 2em; padding: 2px; margin: 5px 10px 5px 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.tgl-light + .tgl-btn:after { border-radius: 50%; background: #c8c8c8; -webkit-transition: all .2s ease; transition: all .2s ease; }
/*.tgl-light:checked + .tgl-btn { background: #57994c; }*/
.tgl-light:checked + .tgl-btn:after { background: #57994c; }

/* Card Modal */
.cardModal .cardModalImage img { max-width: 60%; margin: 0 auto; display: block; }

.cardDetailsHeaderBox { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; /*-webkit-align-items: end; -ms-flex-align: end; align-items: end;*/ }
.cardDetailsHeaderBox .issuingLogo { text-align: center; width: 100%; display: block; }
.cardDetailsHeaderBox b.issuingLogo { width: auto; float: right; margin-left: 7px; }
.cardDetailsHeaderBox .issuingLogo img { max-height: 50px; float:right; }
.cardDetailsHeaderBox b.issuingLogo img { max-height: 60px; }
.cardDetailsHeader { padding-right: 5px; width: 100%; }
.cardDetailsHeader .issuing_company { color: #686868; font-weight: 100; text-transform: uppercase; text-align: right; margin: 0; line-height: 1.1; margin-top: 10px; }
.cardDetailsHeader .issuing_company > span { display: inline-block; float: right; }
p.fuel_card_networks { color: #686868; font-weight: 100; text-transform: uppercase; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 15px 0; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 15px 0; padding: 10px 0; }
p.fuel_card_networks img { width: 42px; margin: 5px 8px; }

.nearest_widget_box { padding: 15px 0; }
.nearest_widget_box .row { margin: 0; }
.nearest_widget { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #dedede; padding: 16px 6px .0; background-color: #f9f9f9;}
.nearest_form { text-align: center; padding-bottom: 16px; }
.nearest_form input { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #bcbcbc; padding: 7px 10px; margin: 5px; }
.nearest_form button { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #158abe; background-color: #158abe; color: #fff; padding: 10px 15px; line-height: 18px; margin: 5px; }
.nearest_results_row { position: relative; }
.nearest_results_details { padding-bottom: 21px;}
div.nearest_results { padding-bottom: 21px;}
.nearest_widget iframe { border: 1px solid #ccc; }
.nearest_widget_box p.nearest_stationname { font-size:17px; font-weight:bold; margin-bottom: 0; }
.nearest_widget_box p.nearest_address { font-size:15px; line-height: 19px; margin-bottom: 0; }

.cardModal h2 { color: #34a8dc; font-weight: bold; margin: 15px 0 2px 0; font-size: 38px; }
.cardModal p { font-size: 14px; }
.cardModal p.issuing_company { font-size: 16px; line-height: 1.2; }
.cardModal p.fuel_card_strapline { font-size: 19px; font-weight: 100; margin: 26px 0; color: #0d76a6; }
.cardModal h3 { text-transform: uppercase; color: #0d76a6; text-align: center; font-size: 18px; font-weight: 100; margin: 20px 0 15px; }
.cardModal ul { padding-left: 15px; font-size: 14px; }
.imgCardDetail { margin-bottom: 22px; }
.imgCardDetail h4 { margin: 10px 0 0 -15px; font-size: 17px; color: #0d76a6; }
.imgCardDetail ul { padding: 3px 0; margin: 0 0 0 -15px; }
.imgCardDetail ul li { list-style: none; display: inline-block; padding: 0 10px 0 0; line-height: 22px; font-weight: bold; text-transform: uppercase; }
.imgCardDetail ul li[data-status="1"] span { color: #57994c; }
.imgCardDetail p { margin: 0 0 0 -15px; }
.cardModal .modal-body  { padding: 0; }
.cardModal .modal-dialog { max-width: unset; }
.cardModal .card > .cardDetails { max-width: 1330px; width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#cardDetails > .cardDetailsRow { padding: 15px 15px 120px; }
#cardDetails > .cardDetailsRow > .row:first-of-type { margin-bottom: 20px; }
.modalCardImage { position: absolute; top: 0; right: 0; width: 100%; z-index: 1; background-color: #fff; padding: 50px 15px 15px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; 
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.modalCardImage.active { width: 150px; padding: 15px; }
.modalCardImage img { max-width: 80%; margin: 0 auto; display: block; }
.cardImgSpacer { width: 60%; max-width: 382px; margin: 50px auto 0; }
.cardImgSpacerInner { width: 100%; height: 0; padding-bottom: 68%; }
.cardsDetailsMap { position: fixed; bottom: 64px; /*right: 15px; left: 15px;*/ left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); 
max-width: 1300px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }
.cardsDetailsMap .btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; color: #333; border: 1px solid #bcbcbc; text-transform: uppercase; cursor: pointer; background-color: #dedede; padding: 10px 30px; font-size: 14px; }

ul.fuel_card_fleet_types { text-align: center; margin-bottom: 15px; margin-top: 15px; padding: 0; }
.fuel_card_fleet_types li { position: relative; background-position: 10px 0; background-repeat: no-repeat; background-size: 48px 24px; display: inline-block; height: 24px; line-height: 24px; padding: 0 8px 0 68px; list-style: none; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.fuel_card_fleet_types li[data-attribute-id="1"] { background-image: url('../img/car-icon.png'); }
.fuel_card_fleet_types li[data-attribute-id="2"] { background-image: url('../img/van-icon.png'); }
.fuel_card_fleet_types li[data-attribute-id="3"] { background-image: url('../img/truck-icon.png'); }
.fuel_card_fleet_types li[data-status="0"] { opacity: 0.3; }
.fuel_card_fleet_types li[data-status="1"]:before,
.fuel_card_fleet_types li[data-status="1"]:after { content: ""; position: absolute; left: 46px; top: -6px; height: 20px; width: 20px; line-height: 20px; color: #fff; }
.fuel_card_fleet_types li[data-status="1"]:before { background-color: #57994c; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.fuel_card_fleet_types li[data-status="1"]:after { content: "\f00c"; font-family: FontAwesome; font-size: 13px; }
.fuel_card_fleet_types li span { display: none; }

.cardNetworkNums .networkNum { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.cardNetworkNums img { display: inline-block; width: 32px; height: auto; vertical-align: top; padding-top: 6px; margin-right: 12px; }
.cardNetworkNums p { text-align: left; font-size: 13px; line-height: 1; font-weight: 600; display: inline-block; margin-bottom: 0; max-width: -moz-calc(100% - 44px); max-width: -webkit-calc(100% - 44px); max-width: -o-calc(100% - 44px); max-width: calc(100% - 44px); }
.cardNetworkNums p span { display: block; font-size: 24px; color: #34a8dc; line-height: 26px; }
.hgvExtraCol { margin-top: 15px; }

.cardExtraDetails { /*border-top: 1px solid #dedede; margin-top: 45px;*/ padding-top: 20px; position: relative; }
.cardExtraDetailsTitle { /*position: absolute; top: -23px; left: 0; right: 0;*/ display: block; width: 100%; margin: 0 15px 25px; border-bottom: 1px solid #dedede; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 13px; color: #717171; }
.cardExtraDetailsTitle span { vertical-align: bottom; margin-bottom: -1px; max-width: 90%; display: inline-block; background-color: #fff; border: 1px solid #dedede; border-bottom: none; padding: 5px 15px 0; height: auto; line-height: 15px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.cardDetailsListsRow > div { margin-bottom: 15px; }
.cardDetailsLists { border: 1px solid #dedede; background-color: #f9f9f9; height: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.cardDetailsLists h3 { margin: -1px -1px 0 -1px; padding: 10px 15px; /*background-color: #0d76a6; color: #fff;*/ background-color: #dadada; color: #333; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.cardDetailsLists ul { margin: 0; padding: 0; list-style: none; padding: 15px; }
.cardDetailsLists ul li { background: url('../img/icomm-bullet-blue.png') no-repeat 0 3px; padding-left: 18px; background-size: 10px auto; line-height: 1.2; margin: 7px 0; }
ul.fuel_card_services li[data-status="0"] { display: none; }

/* Card Apply/Review Modal */
.modalCardApply h3 { text-transform: uppercase; color: #333; text-align: center; font-size: 20px; font-weight: 100; margin: 20px 0 15px; }
.modalCardApply h4 { font-size: 22px; color: #34a8dc; font-weight: bold; }
.cardapp { }
.cardapp textarea,
.cardapp input { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; border: 1px solid #bcbcbc; padding: 7px 10px; margin-bottom: 15px; }
.cardapp input[type=radio] { width: auto; }
.cardapp .btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 12px; width: 100%; background-color: #57994c; line-height: 20px; color: #fff; text-transform: uppercase; cursor: pointer; padding: 10px 15px; font-weight: 600; font-size: 16px; }
.cardapp .btnBack .btn { background-color: #d1d1d1; color: #5c5c5c; }
#applyForms input.btn { padding: 10px 15px; border: 1px solid transparent; }

.cardapp input[type='number'] { -moz-appearance:textfield; }
.cardapp input[type=number]::-webkit-inner-spin-button,
.cardapp input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cardapp .custom-dropdown:before { right: 1px; top: 1px; bottom: 1px; width: 1.4em; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.cardapp .custom-dropdown:after { right: 0.7em; }
.cardapp select { color: #767676; min-height: 40px; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; border: 1px solid #bcbcbc; padding: 8px 10px 7px; margin-bottom: 0; }
.cardapp select.darkFont { color: #000; }

.modalCardApply .issuing {background-color:#ededed;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.modalCardApply .issuingLogo img { width: auto; margin: 20px; max-height: 140px;}  
.modalCardApply .issuing_company {font-size: 18px;line-height: 1.3;} 
.modalCardApply .issuing_company > span {font-weight:bold}
.modalCardApply .issuing_company > span  span {font-weight:200}  

.selected_card img { max-width: 230px; width: 64%; height: auto; }
.selected_card h4 { margin: 5px 0 20px; }
.show_linked_cards { padding: 0 15px; }
.multicardoffer { border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-top: 10px; padding-bottom: 2px; margin-bottom: 10px; }
.multicardoffer p { margin-bottom: 0; font-size: 13px; line-height: 1.2; }
.mcName h4 { font-size: 17px; line-height: 19px; margin-bottom: 5px; }
.mccInput { text-align: right; }
.col-3.mcImg { padding-right: 0; padding-left: 5px; padding-top: 3px; } 
.col-6.mcName { padding-right: 0; padding-bottom: 10px; } 

.mccInput input[type=checkbox] { display:none; } 
.mccInput input[type=checkbox] + label { background-color: #f3f3f3; color: #b3b3b3; font-size: 21px; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #ccc; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.mccInput input[type=checkbox] + label:hover { color: #8a8a8a; border-color: #8a8a8a; }
.mccInput input[type=checkbox]:checked + label { background-color: #57994c; border-color: #306b27; color: #fff }
.mccInput input[type=checkbox] + label .fa-plus { display: inline-block; }
.mccInput input[type=checkbox]:checked + label .fa-plus { display: none; } 
.mccInput input[type=checkbox] + label .fa-check { display: none; }
.mccInput input[type=checkbox]:checked + label .fa-check { display: inline-block; } 

.marketing-consent { margin: 20px 0 30px; border: 1px solid #e0e0e0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; }
.consentExpandBtn { font-weight: 600; font-size: 14px; text-transform: uppercase; color: #34a8dc; cursor: pointer; }
.consentExpandBtn:hover { color: #57994c; }
.consentExpandBtn:focus { color: #34a8dc; }
.consentExpandBtn:after { content: "\f078"; font-family: FontAwesome; font-size: 12px; padding-left: 5px; vertical-align: text-top; }
.consentExpandBtn[aria-expanded="true"]:after { content: "\f077"; }
.consentExpandBtn .readless { display: none; }
.consentExpandBtn[aria-expanded="true"] .readless { display: initial; }
.consentExpandBtn[aria-expanded="true"] .readmore { display: none; }
.agreeBtnArea { margin-bottom: 20px; } 
.modalCardApply .agreeBtnArea h3 { text-align: left; margin: 0 0 3px; font-size: 16px; text-transform: none; font-weight: 600; } 
.agreeBtn { font-size: 17px; text-align: center; display: inline-block; float: left; margin-right: 20px; } 
.agreeBtnArea .agreeBtn:last-of-type { margin-right: 0; } 
.agreeBtn input[type=checkbox] { display:none; } 
.agreeBtn input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; color: #333; content: "\f096"; letter-spacing: 10px; } 
.agreeBtn input[type=checkbox]:checked + label:before { content: "\f046"; color: #57994c; letter-spacing: 7.5px; } 
.agreeBtn label { cursor: pointer; margin: 0; color: #34a8dc; } 

/* Map Extras */

.map-wrapper.col-12 { padding: 0; margin: 0 auto; }
#map-canvas { min-height: 340px; }

.slick-arrow {position:absolute;}
.slick-prev{ bottom: -28px; left: 0;}
.slick-next{right:0}
.mapcard {margin-right: 5px; margin-left: 5px;}

.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    bottom: -28px;
    color: #158abe;
    border: 0;
    background: #fff;
    z-index: 1;
	padding: 0 11px;
	text-align: center;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px);
	max-width: 100px;
}
.slick-prev { left: 5px; }
.slick-prev:after,
.slick-next:after { font-family: 'FontAwesome'; font-size: 30px; line-height: 30px; height: 30px; }
.slick-prev:after { content: "\f0d9"; }
.slick-next { right: 5px; }
.slick-next:after { content: "\f0da"; }
.slick-prev:hover:after,
.slick-next:hover:after { color: #57994c; }
.slick-arrow.slick-disabled { color: #7e7e7e; background: #c9c9c9; }
.slick-arrow.slick-disabled:after:hover { color: #7e7e7e; }


.topcardrow { 
    opacity: 0; height: 0;
}
.topcardrow.slick-slider { 
    opacity: 1; height: auto;
}

.mobMapList { position: absolute; /*top: 15px; /*left: -150px; width: 150px;*/ top: 0; background-color: #fff; color: #333; padding: 10px 15px; z-index: 4;
	/*-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;*/
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	/*
	min-height: -moz-calc(100vh - 110px);
	min-height: -webkit-calc(100vh - 110px);
	min-height: -o-calc(100vh - 110px);
	min-height: calc(100vh - 110px);
	*/
	
	min-height: 450px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	
	width: -moz-calc(95vw - 42px); width: -webkit-calc(95vw - 42px); width: -o-calc(95vw - 42px); width: calc(95vw - 42px);
	left: -moz-calc(-95vw + 42px); left: -webkit-calc(-95vw + 42px); left: -o-calc(-95vw + 42px); left: calc(-95vw + 42px);
}
.mobMapList.active { left: 0; }
.mobMapListClick { position: absolute; /*top: 8px;*/ top: 296px; left: 100%; width: 42px; height: 42px; line-height: 42px; font-size: 20px; background-color: #34a8dc; color: #fff; text-align: center; cursor: pointer;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.mobMapListClick:after { content: "\f054"; font-family: FontAwesome; position: absolute; z-index: -2; padding-top: 4px; height: 42px; bottom: -35px; left: 0; right: 0; background-color: #0d76a6; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
.mobMapList.active .mobMapListClick:after { content: "\f053"; }
.mobMapListClick.active > span { position: relative; }
.mobMapListClick.active > span > span { position: absolute; left: 3px; top: 50%; width: 28px; height: 28px; margin-top: -14px; background-color: #0d76a6; line-height: 26px; font-size: 20px; font-weight: bold; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.mobMapListText { text-overflow: clip; max-width: 100vw; position: absolute; top: 0; text-align: right; width: auto overflow: hidden; padding: 0 15px 0 35px; background: #34a8dc; left: 35px; z-index: -1; text-transform: uppercase; font-weight: bold; font-size: 15px; 
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.mobMapList.active .mobMapListText { left: 0; max-width: 10px; padding: 0 15px 0 0; color: transparent; }
.mobMapListClick .fa-chevron-left { display: none; }
/*.mobMapList.active .fa-map { display: none; }
.mobMapList.active .fa-chevron-left { display: inline-block; }*/
.mobMapList .route_list_header h4,
.mobMapList .radius_list_header h4,
.mobMapList .savedLocations h4  { font-size: 15px; color: #fff; margin: 0; }
.mobMapList .savedLocations p { color: #fff; font-size: 13px; }
.mobMapList .slRow img { width: 15px; height: auto; margin-right: 4px; }
.mobMapList .savedLocations span.view { font-size: 13px; margin-left: 4px; }

.mobMapStatic { padding: 0; position: relative; height: 42px; z-index: 4; }
.mobMapStatic .mobMapListClick { top: 0; left: 0; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.mobMapStatic.active .mobMapListClick { left: -moz-calc(95vw - 42px); left: -webkit-calc(95vw - 42px); left: -o-calc(95vw - 42px); left: calc(95vw - 42px); }
.mobMapStatic.active .mobMapListText { left: -moz-calc(-95vw + 42px); left: -webkit-calc(-95vw + 42px); left: -o-calc(-95vw + 42px); left: calc(-95vw + 42px); color: transparent; }
.mobMapStatic.active .mobMapListClick:after { content: "\f053"; }

/* Map Box */
#mapSec { min-height: 600px; /*min-height: -moz-calc(100vh - 110px); min-height: -webkit-calc(100vh - 110px); min-height: -o-calc(100vh - 110px); min-height: calc(100vh - 110px);*/ color: #fff; position: relative; }
.mapBox { height: 100%; width: 100%; margin: 0px; padding: 0px; color:#000}
.topcardsbox { /*height: 286px;*/ min-height: 293px; width: 100%; margin: 0px; padding: 0 15px 40px; background-color: #3b3b3b; color: #333; }
.topcards { max-width: 1035px; margin: 0 auto; }
#map-canvas { /*height: -moz-calc(100vh - 350px); height: -webkit-calc(100vh - 350px); height: -o-calc(100vh - 350px); height: calc(100vh - 350px);*/ width: 100%; margin: 0px; padding: 0px; }
.noLocationsPrompt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #3b3b3b; color: #fff; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.noLocationsPrompt .fa { font-size: 50px; margin-top: -7px; }
.noLocationsPrompt p { font-size: 14px; line-height: 1.2; }
.noLocationsPrompt p.noLocTit { font-weight: bold; font-size: 18px; }
.noLocationsPrompt .filterOpenBtn { text-align: center; }

.map-filters { display: none; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 3; padding: 5px 15px; font-size: 90%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; color:#fff }
.map-filters label.form-check-label { padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.map-filters .tgl-light + .tgl-btn { margin: 4px 10px 4px 0; height: 20px; width: 36px; }

.faBox { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }


/* Top Fuel Cards List */
.topCardsHeader { min-height: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.topCardsHeader h3 { color: #fff; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: 100; margin: 0; }
/*.topcards .col-12.topCardItem { padding-right: 10px; padding-left: 10px; }*/
.topcards .fuelcard { margin-bottom: 10px; }
.topcards .fuelcard .fuelcardMain > div:first-of-type { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.topcards .fuelcard img { /*margin: 10px 0 0 20%;*/ max-width: 160px; width: 86%; }
.topcards .fuelcard .fuelcardName { min-height: 90px; }
.topcards .fuelcard h3 { font-size: 18px; margin: 0 0 4px 0; }
.topcards .fuelcard p { font-size: 12px; }

.mapStationNum { text-transform: uppercase; font-size: 13px; line-height: 1; color: #535353; font-weight: 600; margin-bottom: 5px; }
.mapStationNum span { font-size: 17px; color: #75bc69; }

.topCardCoverage { margin-bottom: 5px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.topcards .fuelcard .topCardCoverage img { display: inline-block; max-height: 17px; width: auto; margin: 0 5px 0 0; max-width: -moz-calc(20% - 5px); max-width: -webkit-calc(20% - 5px); max-width: -o-calc(20% - 5px); max-width: calc(20% - 5px); }
.topCardCoverage .locCoverage { display: inline-block; max-width: 77%; text-align: left; line-height: 12px; }
.topcards .cardBtn { font-size: 12px; /*line-height: 24px;*/ padding-bottom: 2px; padding-top: 2px; min-height: 33px; line-height: 1; }
.action_showStations { background-color: #ededed; color: #6e6e6e; padding: 4px 0; cursor: pointer; min-height: 38px; }
.action_showStations > div { padding-right: 8px; padding-left: 8px; line-height: 14px; font-size: 12px; line-height: 1.1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.action_showStations .fa { font-size: 21px; line-height: 17px; vertical-align: text-bottom; margin-top: -4px; cursor: pointer; }
.action_showStations:hover .fa { color: #57994c; }
.action_showStations .see-label { margin: 0; cursor: pointer; }
.action_showStations .form-check-label { padding: 0 0 0 5px; vertical-align: middle; height: 20px; }
.action_showStations .tgl-light + .tgl-btn { margin: 0; height: 20px; width: 36px; }

/* Side Bar Defaults */
.filterOpenBtn { width: 100%; color: #fff; background-color: #57994c; text-transform: uppercase; cursor: pointer; padding: 8px 30px; font-size: 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.mobMapList .filterOpenBtn { color: #57994c; background-color: #fff; text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 6px 15px; font-size: 15px; }
.nofilters,
.nomaps { text-transform: uppercase; font-size: 13px; font-weight: 300; color: #757575; display: block; text-align: center; }
.nofilters { text-align: center; }
.nomaps { padding-bottom: 10px; color: #9fcbe0; }



/* ******************************************* */
/* **           INCAR HOMEPAGE              ** */
/* ******************************************* */

.windscreen { background: #ccc; overflow: hidden; position: relative; max-width: 1960px; margin: 0 auto; }
.windscreen > div { height: 1px; width: 1px; position: absolute; }
.windscreen > div:before,
.windscreen > div:after { content: ""; position: absolute; display: block; border: 2px solid #fff; width: 11vw; height: 11vw; margin: -5vw 0 0 -5vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	opacity: 0;
	
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
}
.windscreen > div.active:before,
.windscreen > div.active:after {  
	opacity: 1;
	
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.windscreen > div.active:after { width: 14vw; height: 14vw; border: 1px solid rgba(255,255,255,0.5); margin: -6.5vw 0 0 -6.5vw; }
.windscreen > img{ width: 100%; }
@media (min-width: 576px) {
	.windscreen > div.active:before { border: 3px solid #fff; }
	.windscreen > div.active:after { border: 2px solid rgba(255,255,255,0.5); }
}

.services-toggle-area { background-color: #2d2d2d; }
.services-toggle { cursor: pointer; font-weight: bold; border-radius: 1rem; background-color: #232323; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.services-toggle:hover { background-color: #232323;  }
.services-toggle.active { background-color: #00aee6; }
.services-toggle img { max-height: 25px; width: auto; }
@media (min-width: 992px) { 
	.services-toggle { border-radius: 0; }
	.services-toggle { background-color: transparent; }
	.services-toggle img { max-height: 32px; }
	.services-toggle.lowProdCount img { max-height: 40px; }
	.services-toggle.lowProdCount span { font-size: 1.3em; }
	.services-toggle.active { position: relative; }
	.services-toggle.active:before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 20px; background-image: url('https://res.cloudinary.com/dwao3b1us/image/upload/v1557846571/iCompario-incar-homepage/topTriangle-svg.svg'); background-repeat: no-repeat; background-size: 100% 100%; }
}


/* ******************************************* */
/* **            LANDING PAGES              ** */
/* ******************************************* */

/* See seperate style sheets */

.simpleHeaderText { color: #07aee6; font-size: 25px; margin: 0 20px 0 0; font-weight: bold; line-height: 1.2; }
.simpleHeaderText span { color: #868686; font-size: 18px; display: block; }

.landingpage { margin: 0 auto; width: 1140px; max-width: 95%; padding-right: 15px; padding-left: 15px; }



/* ******************************************* */
/* **            GENERAL PAGE               ** */
/* ******************************************* */

#generalpage { padding: 0; background-color: #e6e6e6; }
#generalpage #content { background-color: #fff; margin-top: -250px; position: relative; z-index: 1; min-height: 54vh; -webkit-border-radius: 30px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 30px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#generalpage #main { padding: 20px 15px; }
#generalpage h1.entry-title { color: #34a8dc; font-weight: bold; font-size: 40px; text-align: center; margin: 20px 0; }

#generalpage #content.thankyoupage { background: url('../img/thank-you-bg.jpg') 50% 100% no-repeat #fff; min-height: 500px; padding-bottom: 300px; height: 80vh; }
.thankyoupage .confirmation_intro { text-align: center; font-size: 18px; }

.generalFlex { margin: 0 auto; width: 1140px; max-width: 95%; padding: 0; }
#generalpage .generalFlex #main { padding: 20px 0; }
.generalFlex .main-content-area { padding: 0 30px; }

.generalFlex .extrarow { padding: 20px 30px; }
.generalFlex .extrarow.highlight-blue { background-color: #07aee6; color: #fff; }
.generalFlex .extrarow.highlight-grey { background-color: #f5f5f5; }
.generalFlex .extrarowTitle h2 { margin: 15px 0 26px; font-size: 30px; }
.generalFlex .extrarowTitle.larger h2 { font-size: 38px; }
.generalFlex .extrarowImg img { max-width: 90%; height: auto; display: block; margin: 0 auto 30px; }
@media (min-width: 768px) {
	.generalFlex .extrarowImg img { margin-bottom: 0; }
}

.bottomBtnBox { margin-top: 10px; margin-bottom: 40px; }
.cardapp .greenBoldBtn,
.greenBoldBtn,
.greenBoldBtn:hover {
	display: block;
    cursor: pointer;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
	text-decoration: none;
    margin: 0 auto;
    color: #fff;
	font-size: 20px;
	width: 80%;
	padding: 15px;
	border: 1px solid #417C3E;
	background: #158abe;
	background: rgb(99,158,96);
	background: -moz-linear-gradient(top,  rgba(99,158,96,1) 0%, rgba(65,124,62,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(99,158,96,1) 0%,rgba(65,124,62,1) 100%);
	background: linear-gradient(to bottom,  rgba(99,158,96,1) 0%,rgba(65,124,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#639e60', endColorstr='#417c3e',GradientType=0 );
	text-shadow: -1px -1px 0 #095272;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ******************************************* */
/* **        DEDICATED CARD PAGES           ** */
/* ******************************************* */

#card-page { padding: 0; background-color: #e6e6e6; }
#card-page #content { background-color: #fff; margin-top: -250px; position: relative; z-index: 1; min-height: 600px; -webkit-border-radius: 30px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 30px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.bd-grey-topper { background-color: #292b2c; height: 300px; }
#card-page .card { background-color: transparent; }
#card-page #cardDetails > .cardDetailsRow { padding: 15px 15px 20px; }
#card-page .cardModal p.fuel_card_strapline { font-size: 16px; }
.bd-blue-lower { background-color: #07aee6; height: 200px; margin-top: -100px; }
.greenApplyBtn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 60%; display: block; margin-left: auto; margin-right: auto; text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; padding: 7px 24px; font-weight: 600; font-size: 16px; margin-top: -15px; z-index: 1; position: relative; }
#card-page .cardModal .cardModalImage img { max-width: 82%; margin-top: 10px; }

#card-page .cardExtraDetailsTitle { top: -28px; }
#card-page .cardExtraDetailsTitle span { padding: 5px 15px 5px; cursor: pointer; max-width: 48%; }
.cardExtraDetailsTitle span.seeApply { color: #fff; border-bottom: none; }
.cardExtraDetailsTitle span.seeApply.active { /*background: #fff; text-shadow: none; color: #46833c; border-color: #dedede;*/ }
#card-page .cardExtraDetailsTitle span.deactive { background: #f5f5f5; border-bottom: 1px solid #dedede; padding-bottom: 4px; }
.cardPageAppSend #sendApplication { color: #fff; font-weight: 600; }

#card-page .modalCardApply h3 { margin-bottom: 10px; }
.cardPageForm { padding-top: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.cardPageForm.animateThis input[type="text"] { 
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.cardPageForm.highlight input[type="text"] { border-color: #57b446;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(117, 187, 105, 0.6);
	-moz-box-shadow:    0px 0px 4px 0px rgba(117, 187, 105, 0.6);
	box-shadow:         0px 0px 4px 0px rgba(117, 187, 105, 0.6);
}

/* Sidebar design */
.cardPageSidebar h1,
.cardPageSidebar h2 { color: #34a8dc; }
.issuedBy .issuing_company .lead { line-height: 1.1; }
.applyHeader h3 { color: #34a8dc; line-height: 1.1; font-size: 1.3rem; }
.applyHeader img { max-width: 120px; }




/* ******************************************* */
/* **       CUSTOM CONTENT HEADERS          ** */
/* ******************************************* */

/* Full Image Background */
.cc-full_image_background { background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat; background-color: #292B2C; }
.cc-header-fade { padding: 36% 0 1.5rem;
	background: -moz-linear-gradient(top,  rgba(41,43,44,0) 0%, rgba(41,43,44,0) 1%, rgba(41,43,44,1) 35%, rgba(41,43,44,1) 100%);
background: -webkit-linear-gradient(top,  rgba(41,43,44,0) 0%,rgba(41,43,44,0) 1%,rgba(41,43,44,1) 35%,rgba(41,43,44,1) 100%);
background: linear-gradient(to bottom,  rgba(41,43,44,0) 0%,rgba(41,43,44,0) 1%,rgba(41,43,44,1) 35%,rgba(41,43,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00292b2c', endColorstr='#292b2c',GradientType=0 );

}
.cc-header-title,
.cc-header-text { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); }
.cc-header-title h1 { font-weight: 600; }

.cc-full_image_background .btn-IconTop { width: 80%; }
.cc-full_image_background .btn-IconTop:hover { text-decoration: none; }
.cc-full_image_background .IconTopUpper { background-size: 50% auto; background-color: #fff; height: 10vh; min-height: 75px; background-size: auto 90%; background-position: 50%; background-repeat: no-repeat; }
.cc-full_image_background .IconTopLower { background-color: #34a7dd; color: #fff; text-align: center; font-weight: bold; font-size: 1.1em; line-height: 1.1; }
.cc-full_image_background .btn-IconTop:hover .IconTopLower { background-color: #158abe; }
.cc-full_image_background .btn-CompTele .IconTopUpper { background-image: url("../img/compare-scales-icon-min.svg"); }
.cc-full_image_background .btn-CallTele .IconTopUpper { background-image: url("../img/callback-phone-icon-min.svg"); }


/* ******************************************* */
/* **       CUSTOM CONTENT SECTIONS         ** */
/* ******************************************* */

.flexible_custom_content { font-weight: 500; }
.boldBlue { color: #00AEE6; font-weight: bold; }
.page-template-custom-content  .lead { font-weight: 500; font-size: 1.25em; }

.flexible_custom_content .btn-primary { background-color: #579940; border-color: #579940; }
.flexible_custom_content .btn-primary:hover { background-color: #4b8637; border-color: #4b8637; }
.flexible_custom_content .btn-primary:not(:disabled):not(.disabled).active, 
.flexible_custom_content .btn-primary:not(:disabled):not(.disabled):active, 
.flexible_custom_content .show > .btn-primary.dropdown-toggle { background-color: #579940; border-color: #579940; }
.flexible_custom_content .btn-primary.focus, 
.flexible_custom_content .btn-primary:focus,
.flexible_custom_content .btn-primary:not(:disabled):not(.disabled).active:focus, 
.flexible_custom_content .btn-primary:not(:disabled):not(.disabled):active:focus, 
.flexible_custom_content .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(87,153,64,.5); box-shadow: 0 0 0 .2rem rgba(87,153,64,.5); }


/* Image and Text Section */
.cc-image_and_text_section { padding-top: 25%; background-color: #ececec; background-repeat: no-repeat; background-size: 100% auto; background-position: center 0; }
.cc-image_and_text_section  .lead,
.cc-image_and_text_section  .blockquote { background-color: #ececec; }

/* Image Box Links */
.imgBoxLink { padding-bottom: 48%; position: relative; overflow: hidden; }
.imgBoxLink > div { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #111; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; transition: all 0.5s ease; }
.imgBoxLink:hover > div { transform: scale(1.08); }
.imgBoxLink > a { z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-weight: bold; }
.imgBoxLink > a.h4 { font-size: 1.2rem; }
.imgBoxLink > a:hover { text-decoration: none; }
.imgBoxLink > a span { background-color: rgba(0,0,0,0.7); }

/* Icon Bullets */
.cc-icon_bullets { background-color: #00AEE6; }
.cc-icon_bullets img { width: 90px; height: auto; }
.cc-icon_bullets p { line-height: 1.3; text-align: center; }

/* FAQ Section */
.cc-faq_section .nav-link { border-bottom: 1px solid #ddd; position: relative; }
.cc-faq_section .nav-link.active,
.cc-faq_section .nav-link { color: #333333; }
.cc-faq_section .nav-link:not(.collapsed),
.cc-faq_section .nav-link.active { background-color: #ececec; }
.cc-faq-triangle { display: none; position: absolute; right: -1rem; top: 0; bottom: -1px; }
.nav-link.active .cc-faq-triangle { display: block; }
.cc-faq-triangle svg { width: 1rem; height: 100%; }
.cc-faq-triangle svg polygon { fill: #ececec; }

/* Featured On Icons */
.foi-intro { text-align: center; }
.foi-logos span { max-width: 48%; text-align: center; }
.foi-logos img { opacity: 0.6; }

/* Text Columns with Background Image */
.cc-text_columns_with_background_image { background-color: #111; background-repeat: no-repeat; background-size: cover; background-position: 50%; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); }
.cc-text_columns-inner { 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#4d000000',GradientType=0 );
}

/* 50% Image and Text */
.cc-50_image_and_text a.h5:hover { text-decoration: none; color: #00aee6; }

/* Fuel Cards Carousel */
.cc-fuel_cards_carousel { background-color: #00AEE6; }
.cc-fuel_cards_carousel h2 { font-size: 2.2em; }
.cc-fuel_cards_carousel button.btn.btn-orange { background: #e7641e; border-color: #e7641e; padding: 15px 30px; color: #fff; line-height: 1.1; font-size: 1.2em; font-weight: 600; margin-top: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* Background Image Fade */
.cc-background_image_fade { padding-top: 40vw; background-position: top center; background-size: 100% auto; }



/* ******************************************* */
/* **              404 PAGE                 ** */
/* ******************************************* */

#generalpage #content.error404page { background: url('../img/404-bg.png') 0 0 no-repeat #fff; background-size: 100% auto; }
#generalpage .generalFlex.error404page #main { padding-top: 34%; padding-bottom: 40px; }
.error404page p { font-size: 1.2rem; }
.error404page p a { color: #34a8dc; font-weight: bold; }
.contact404 { position: relative; margin: -20px auto 0; width: 1140px; max-width: 95%; padding: 0 30px; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; 
background: rgb(221,221,221);
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(252,252,252,1) 36%, rgba(252,252,252,1) 100%);
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(252,252,252,1) 36%,rgba(252,252,252,1) 100%);
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(252,252,252,1) 36%,rgba(252,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#fcfcfc',GradientType=0 );
}
.contact404 h2 { margin: 50px 0 2rem; text-align: center; }
.contact404 form { padding-bottom: 1px; }

/* ******************************************* */
/* **         RESPONSIVE QUERIES            ** */
/* ******************************************* */

@media (min-width: 480px) and (max-width: 575px) {
	/* Top Fuel Cards List */
	.topcards .fuelcard h3 { font-size: 16px; }
	.topcards .fuelcard .fuelcardName { min-height: 84px; }
	
	
}

@media (max-width: 575.98px) {
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT HEADERS          ** */
	/* ******************************************* */

	/* Full Image Background */
	.cc-full_image_background { background-size: 115% auto; }
	.cc-header-title h1 { font-size: 1.8rem; }
	.cc-header-text p.h3 { font-size: 1.15rem; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT SECTIONS         ** */
	/* ******************************************* */
	
	body.page-template-custom-content section { font-size: 0.9em; }
}

@media (min-width: 576px) {
	
	.navbar-brand { margin-right: 1rem; }
	.navbar-brand img { max-height: 39px; width: 220px; }

	/* *********************** */
	/* *      HOME PAGE      * */
	/* *********************** */

	/* Home Header Card Search */
	.homesearch .field-leader { width: 139px; padding: 0 10px; }
	.homesearch .field-leader span { display: inherit; }
	.homesearch .field-leader img { display: none; }
	.homesearch #route .algolia-places { width: -moz-calc(100% - 139px); width: -webkit-calc(100% - 139px); width: -o-calc(100% - 139px); width: calc(100% - 139px); }
	.homesearch .leader-input { width: 100%; /*width: -moz-calc(100% - 139px); width: -webkit-calc(100% - 139px); width: -o-calc(100% - 139px); width: calc(100% - 139px);*/ }
	
	/* *********************** */
	/* *      HUB PAGE       * */
	/* *********************** */
	
	/* Location / Vehicles Top Bar */
	.locationSearchBar .totalNumCircle img { height: auto; }
	.vehicleSearchBar .totalNumCircle img { width: 60px; }
	.locationSearchBar .searchTitle { display: inline-block; }
	
	/* Fuel Cards List */
	.cardlistbox .custom-dropdown { width: 215px; display: inline-block; margin: 0 0 0 7px; }
	.cardlistbox h3.h3DD { margin-bottom: 15px; }
	.fuelcard .mobfuelcardName { /*min-height: 120px;*/ }

	.fuelcard .nationalNumberBox p, .fuelcard .locCoverageBox p { font-size: 12px; }
	.fuelcard .nationalNumberBox { padding-right: 5px; }
	.fuelcard .locCoverageBox { padding-left: 5px; }
	
	/* Card Modal */
	.fuel_card_fleet_types li { background-position: 10px 0; background-size: 65px 32px; height: 32px; line-height: 32px; padding: 0 12px 0 88px; }
	.fuel_card_fleet_types li[data-status="1"]:before,
	.fuel_card_fleet_types li[data-status="1"]:after { left: 58px; top: -12px; height: 24px; width: 24px; line-height: 24px; }
	.fuel_card_fleet_types li[data-status="1"]:after { font-size: 16px; }
	.hgvExtraCol { margin-top: 0; }
	.cardDetailsHeader .issuing_company { margin-top: 0; }
	.cardDetailsHeader { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); }
	.modalApply { left: 10%; right: 10%; }
	
	/* Modal Inner Tabs */
	.routeEnd { margin-top: 0; }
		
	/* Map Extras */
	.topCardsHeader { min-height: 54px; }
	.mapTopCards { width: 60%; left: unset; }
	.topCardItem .fuelcard { margin-top: 20px; }
	.topCardItem .fuelcard img { margin: -20px 0 0 0; }
	.mobMapList { 	
		width: -moz-calc(95vw - 56px); width: -webkit-calc(95vw - 56px); width: -o-calc(95vw - 56px); width: calc(95vw - 56px);
		left: -moz-calc(-95vw + 56px); left: -webkit-calc(-95vw + 56px); left: -o-calc(-95vw + 56px); left: calc(-95vw + 56px);
	}
	.mobMapListClick { width: 56px; height: 56px; line-height: 56px; font-size: 24px; top: 340px; }
	.mobMapListClick:after { bottom: -40px; height: 51px; }
	.mobMapListText { left: 44px; }
	
	.mobMapStatic { height: 56px; }
	.mobMapStatic.active .mobMapListClick { left: -moz-calc(95vw - 56px); left: -webkit-calc(95vw - 56px); left: -o-calc(95vw - 56px); left: calc(95vw - 56px); }
	
	/* Map Box */
	.topcardsbox { /*height: 344px;*/ overflow:hidden; min-height: 338px; }
	#map-canvas { /*height: -moz-calc(100vh - 417px); height: -webkit-calc(100vh - 417px); height: -o-calc(100vh - 417px); height: calc(100vh - 417px);*/ }

	/* Top Fuel Cards List */
	.topcards .fuelcard .fuelcardName { min-height: 40px; }
	.topcards .fuelcard .fuelcardMain { min-height: 112px; }

	.topcards .cardBtn { font-size: 13px; min-height: 35px; }
	.topCardCoverage { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.action_showStations { padding: 6px 0; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT HEADERS          ** */
	/* ******************************************* */

	/* Full Image Background */
	.cc-full_image_background .btn-IconTop { width: 40%; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT SECTIONS         ** */
	/* ******************************************* */

	/* Icon Bullets */
	.cc-icon_bullets p { text-align: left; }
	
	/* Featured On Icons */
	.foi-logos span { max-width: 25%; }
	
	/* Fuel Cards Carousel */
	.cc-fuel_cards_carousel { background: #00AEE6 url("/wp-content/themes/icom/img/fuel-station-outline-min.svg") no-repeat scroll 65vw 20%; background-size: auto 90%; }
	.cc-fuel_cards_carousel h2 { font-size: 3em; }
	
}
@media (max-width: 767px) {
	.item-1 { order: 1; }
	.item-2 { order: 2; }
	.item-3 { order: 3; }
	
	.nav-wizard.nav-justified > li > a { border-radius: 4px; margin-right: 0;	}
	.nav-wizard.nav-justified > li > a:before,
	.nav-wizard.nav-justified > li > a:after { border: none !important; }
	
	/* Fuel Card Page */
	#card-page #content #primary { padding-left: 5px; padding-right: 5px; }
	
	/* Mobile only style fixes */
	input, select, textarea { font-size: 80%; }
	.cardapp select { min-height: 35px; }
	#apply .modalCardApply { padding-left: 0; padding-right: 0; }
	
	#generalpage #content.thankyoupage {  height: 88vh; }
}
@media (min-width: 768px) {
	
	/* Header */
	button.navbar-toggler { width: 80px; font-size: 30px; }
	nav.navbar { /*padding-right: 80px; padding-left: 1rem;*/ }
	.wpml-ls-current-language > a > .wpml-ls-native { display: initial; }
	.wpml-ls-statics-shortcode_actions { float: right; width: inherit; }
	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { left: 0; width: inherit; }
	
	/* Menus */
	#navbarNavDropdown { position: absolute; right: 0px; top: 55px; z-index: 10; min-width: 350px; }
	#main-menu li {padding: 0 25px;}
	#main-menu li .dropdown-menu { width: 100%; border-right: none; border-left: none; }
	#main-menu li .dropdown-menu li { padding: 0; float: none; }
	
	
	/* *********************** */
	/* *      HOME PAGE      * */
	/* *********************** */
	
	.home section.wrapper { padding: 125px 0 60px; }

	.home .intro h1 {font-size:50px;}
	.home .intro h2 {font-size:27px;}

	.home .quote { background-size: 600px auto; }
	.home .quote .pull-quote { font-size: 40px; padding-top: 0;}
	.home .quote button.gohub { background-color: #fff; }
	
	.home .carousel-card { /*padding:10px; border: 3px dashed #0f86c2; margin:10px;*/ }
	
	.home .confidence h2 { margin-bottom:50px; }
	.home .confidenceP { line-height: 1.2; }
	.home .confidence img { margin-bottom: 30px; margin-top: 0; }
	
	
	/* *********************** */
	/* *      HUB PAGE       * */
	/* *********************** */

	
	/* Location / Vehicles Top Bar */
	.vehicleSearchBar .searchTitle { display: inline-block; }
	
	/* Modal General */
	h3.modalIntro { font-size: 40px; }
	
	/* Card Modal */
	.cardModal .cardModalImage img { max-width: 90%; }
	.cardModal h2 { text-align: left; }
	.hgvExtraCol { margin-top: 15px; }
	.cardNetworkNums p { font-size: 15px; }
	.cardDetailsHeaderBox .issuingLogo img { max-height: 100px; }
	.cardExtraDetailsTitle { font-size: 16px; }
	.cardExtraDetailsTitle span { line-height: 17px; }
	
	/* Fuel Cards List */
	.cardlistbox h3.h3DD { text-align: left; }
	.cardlistbox .custom-dropdown { font-size: 16px; width: 190px; }	
	.status-none div { margin: 15px 0 12px 0; }
	.status div { margin: 15px 0 12px 30px; font-size: 18px; }
	.fuelcard .fuelcardName { /*min-height: 215px;*/ height: -moz-calc(100% - 90px); height: -webkit-calc(100% - 90px); height: -o-calc(100% - 90px); height: calc(100% - 90px); }
	.fuelcard { margin-top: 30px; }
	.fuelcard h3 { font-size: 22px; }
	.fuelcard img { margin: -20px 0 0 0; }
	.fuelcard .nationalNumberBox p, .fuelcard .locCoverageBox p { font-size: 13px; }
	
	/* Sidebar */
	.sidebarArea { padding-right: 15px !important; margin-top:5px }
	.resultSwapBox { color: #333; padding: 12px 15px; background-color: #ededed; cursor: pointer; position: relative; min-height: 66px; }
	.resultSwapBox.active { background-color: #158abe; }
	.resultSwapBox.active:after { content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 32px 0 32px 15px; border-color: transparent transparent transparent #158abe; }
	.rsbInnerBox { margin-bottom: 2px; padding: 12px 5px; }
	.rsbInnerBox .innerTabs { cursor: initial; }
	.filterBox { background-color:#3b3b3b; padding: 20px 0 0; }
	#rsbFilter .rsbInnerBox { text-align: center; cursor: pointer; }
	.sidebarTitle { color: #333; font-size: 20px; font-weight: 100; margin: 5px; line-height: 1.1; padding: 5px 0px; }
	.active .sidebarTitle { color: #fff; }
	.sideFilterTitle { color: #ccc; font-weight: 200; font-size: 22px; margin-bottom: 19px; padding: 0 18px; }
	.sideFilterTitle img { width: 22px; height: auto; margin-top: -3px; margin-right: 6px; }
	
	.filterBox .card { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.filterBox .card-header { background-color: transparent; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.filterBox .card-header a { font-weight: 100; font-size: 17px; display: block; background-color: #ededed; color: #333; position: relative; text-align: left; padding: 8px 40px 8px 15px; border-top: 1px solid #d5d5d5; }
	.filterBox .card-header a:focus { text-decoration: none; }
	.filterBox .card-header a:hover { text-decoration: none; }
	.filterBox .card-header a[aria-expanded="true"] { background-color: #158abe; color: #fff; border-top: 1px solid #158abe; }
	.filterBox .card-header a:after { font-family: FontAwesome; position: absolute; top: 50%; right: 12px; height: 14px; line-height: 14px; margin-top: -7px; color: #7a7a7a; font-size: 16px; }
	.filterBox .card-header a[aria-expanded="true"]:after { content: "\f068"; color: #fff; }
	.filterBox .card-header a[aria-expanded="false"]:after { content: "\f067"; }
	.filterBox .card-header a[aria-expanded="false"]:hover:after { color: #158abe; }
	.filterBox .optionsBlock { background-color: #34a8dc; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.filterBox .filtertags { cursor: default; }
	
	.filtertags,
	.route_list_side,
	.radius_list_side { margin-bottom: 10px; }
	.rsbMap .filterOpenBtn { color: #57994c; background-color: #fff; text-align: center; padding: 7px 10px; font-size: 15px; line-height: 1.2; margin-bottom: 15px; }
	.activefilters { margin: 0; padding: 0; text-align: center; }
	.filtertags .activefilters li { float: none; list-style: none; display: inline-block; font-size: 13px; margin: 5px; padding: 4px 10px; background-color: #158abe; color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	.sidebarArea .route_list_header h4,
	.sidebarArea .radius_list_header h4,
	.route_list_side .savedLocations h4,
	.radius_list_side .savedLocations h4 { font-size: 16px; color: #fff; margin: 0; }
	.innerTabs  .route_list_side .slRow img,
	.innerTabs  .radius_list_side .slRow img { width: 15px; }
	.radius_list_side .savedLocations p,
	.route_list_side .savedLocations p { font-size: 15px; }
	.radius_list_side .savedLocations span.radius,
	.route_list_side .savedLocations span.radius { font-size: 11px; line-height: 10px; }
	.radius_list_side .savedLocations span.view { font-size: 16px; margin-left: 3px; color: #112d3b; }
	.route_list_side .savedLocations span.view { font-size: 16px; margin-left: 6px; color: #112d3b; }
	.route_list_side .savedLocations span.fromLoc,
	.route_list_side .savedLocations span.toLoc { display: inline-block; }
	
	.sidebarArea .innerTabs .savedLocations .slRow.active { background-color: #fff; position: relative; }
	.sidebarArea .innerTabs .savedLocations .slRow.active:after { content: ""; position: absolute; top: 50%; margin-top: -30px; left: 100%; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #ffffff; }
	.sidebarArea .innerTabs .savedLocations .slRow.active p { color: #333; }
	.sidebarArea .innerTabs .savedLocations .slRow.active span.view { display: none; }
	
	/* Map Box */
	#map-canvas { min-height: 400px; }
	
	/* Map Extras */
	.mapTopCards { bottom: 15px; width: 50%; }
	
	/* Top Fuel Cards List */
	.topcardsbox { padding-bottom: 40px; min-height: 349px; }
	.topcards .fuelcard img { max-width: 150px; width: 86%; margin: -20px 0 0 0; }
	.topCardsHeader { min-height: 68px; }
	.topCardsHeader h3 { font-size: 16px; }
	.topCardsHeader h3 span { background-color: #636363;padding: 4px 12px;display: block;font-size: 14px;border-radius: 10px;margin: 4px;}
	.action_showStations > div { }
	.topcards { margin: 0 -15px;  padding-bottom: 7px; }
	
	/* Card Apply/Review Modal */
	.selected_card img { max-width: 320px; width: 80%; height: auto; }
	.modalCardApply .issuing_company {font-size:22px;} 
	
	/* *********************** */
	/* * DEDICATED CAR PAGES  * */
	/* *********************** */
	
	#card-page .cardModal p.fuel_card_strapline { font-size: 19px; }
	#card-page .cardModal .cardModalImage img { max-width: 90%; margin-top: 0; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT HEADERS          ** */
	/* ******************************************* */

	/* Full Image Background */
	.cc-full_image_background { height: 70vh; background-size: cover; background-position: 50%; }
	.cc-header-title { width: 75%; }
	.cc-header-text { width: 60%; }
	.cc-header-fade { padding: 0 0 0 0;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );
	}
	.cc-header-title h1 { font-size: 2.8em; }
	.cc-full_image_background .IconTopUpper { height: 12vh; }
	.cc-full_image_background .btn-IconTop { width: 30%; }
	
	/* Image Box Links */
	.imgBoxLink > a.h4 { font-size: 1.5rem; }
	
		
}
@media (min-width: 768px) and (max-width: 991px) {
	/* Mobile only style fixes */
	input, select, textarea { font-size: 90%; }
	.cardapp select { min-height: 38px; }
}
@media (min-width: 768px) and (max-width: 1091px) {
	/* Top Fuel Cards List */
	.topcards > .row.topcardrow { min-width: 728px; margin: 0; }
	.topcards .fuelcard img { max-width: 145px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.headersml-menu ul.menu li { display: none; }
	.headersml-menu ul.menu li:nth-child(2) { display: inline; }
	
	.headerLang .wpml-ls-legacy-dropdown > ul > .wpml-ls-item > a .wpml-ls-native { display: none; }
	.wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu { left: unset; width: 250px; }
}
@media (min-width: 992px) {
	
	/* Header */
	.headerLogoRow { min-height: 88px; }
	button.navbar-toggler { width: 100px; font-size: 36px; }
	nav.navbar { /*padding-right: 100px;*/ padding: 0; height: 88px; }
	nav.navbar.no-nav { padding-right: 0; }
	.navbar-brand img { max-height: 84px; padding: 5px 0; }
	/*.wpml-ls-current-language > a { height: 88px; line-height: 88px; padding-top: 44px; line-height: 40px; }*/
	/*.wpml-ls-current-language > a:before { display: block; position: absolute; top: 0; left: 0; right: 0; height: 44px; line-height: 44px; padding: 0 10px; text-transform: uppercase; font-size: 17px; background-color: #3b3b3b; color: #868686; font-weight: 100; }*/
	.wpml-ls-current-language > a:before { display: none; }
	/*.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { top: 62px; }*/
	
	/* Menus */
	#navbarNavDropdown { top: 88px; }
	
	
	/* *********************** */
	/* *      HOME PAGE      * */
	/* *********************** */
			
	.home .quote { background-size: auto; }
	
	.home .about_text_box { margin-bottom: 75px; }
	
	
	/* *********************** */
	/* *      HUB PAGE       * */
	/* *********************** */
	
	/* Fuel Cards List */
	.cardlistbox h3.h3DD { font-size: 24px; }
	.cardlistbox .custom-dropdown { font-size: 19px; width: 250px; }	
	.fuelcard .fuelcardName { /*min-height: 180px;*/ }
	
	/* Card Modal */
	.hgvExtraCol { margin-top: 0; }
	
	/* Top Fuel Cards List */
	.topcardsbox { /*height: 315px;*/ padding-bottom: 10px; min-height: 338px; }
	.topcards { padding-left: 40px; padding-right: 50px; margin: 0 -15px; }
	.slick-prev, .slick-next { bottom: 10px; top: 20px; padding: 0 9px; width: auto; }
	.slick-prev { left: -32px; text-align: left; }
	.slick-next { right: -34px; text-align: right; }
	.topcards .fuelcard .fuelcardMain { min-height: 150px; }
	.topcards .fuelcard .fuelcardName { min-height: 48px; }
	.topcards .fuelcard img { margin: -20px 0 0 0; }
	
	/* Map Box */
	#mapSec { /*min-height: -moz-calc(100vh - 143px); min-height: -webkit-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px);*/ }
	.map-wrapper { max-width: 1035px; }
	#map-canvas { /*max-width: 1035px;*/ min-height: 500px; }
	
	/* Card Apply/Review Modal */
	.mcName h4 { font-size: 20px; line-height: 22px; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT HEADERS          ** */
	/* ******************************************* */

	/* Full Image Background */
	.cc-header-title h1 { font-size: 3.3em; }
	.cc-header-text { width: 45%; }
	.cc-full_image_background .btn-IconTop { width: 25%; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT SECTIONS         ** */
	/* ******************************************* */

	/* Image and Text Section */
	.cc-image_and_text_section { background-size: 46% auto; background-position: 0 center; }
	.cc-image_and_text_section.bgImgRight { background-position: 100% center; }
	
	/* Featured On Icons */
	.foi-intro { text-align: left; }
	
	/* Background Image Fade */
	.cc-background_image_fade { padding-top: 0; background-position: center; background-size: 100% auto; }
	
	
}
@media (min-width: 1200px) {
	
	/* *********************** */
	/* *      HOME PAGE      * */
	/* *********************** */
			
	.home .callout-boxes { padding-top: 13vw; }
	
	
	/* *********************** */
	/* *      HUB PAGE       * */
	/* *********************** */
	
	/* Location / Vehicles Top Bar */
	.locationSearchBar .searchTitle,
	.vehicleSearchBar .searchTitle { font-size: 18px; }
	
	/* Fuel Cards List */
	.cardlistbox h3.h3DD { font-size: 26px; }
	.cardlistbox .custom-dropdown { font-size: 20px; width: 280px; }	
	.fuelcard .fuelcardName { /*min-height: 200px;*/ }
	
	/* Top Fuel Cards List */
	.topcards { margin: 0 auto; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT HEADERS          ** */
	/* ******************************************* */

	/* Full Image Background */
	.cc-header-text { width: 35%; }
	.cc-full_image_background .btn-IconTop { width: 20%; }
	
	
	/* ******************************************* */
	/* **       CUSTOM CONTENT SECTIONS         ** */
	/* ******************************************* */
	
	/* Featured On Icons */
	.foi-logos span { max-width: auto; }

}
@media (min-width: 1580px) {
	
	/* *********************** */
	/* *      HOME PAGE      * */
	/* *********************** */
	
	.home .callout-boxes { padding-top: 19vw; }
	
	
	/* *********************** */
	/* *      HUB PAGE       * */
	/* *********************** */
	
	/* Fuel Cards List */
	.fuelcard .fuelcardName { /*min-height: 170px;*/ }
}