* { margin: 0; padding: 0; outline: 0; }

@-webkit-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes uil-rolling-anim {
	0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 30px;
	font-family: 'Roboto', arial, sans-serif;
	color: #000;
	font-weight: 400;
	background: #fff;
	min-width: 1060px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}


a.chat-btn {
    display: none;
}
a { color: #ff6418; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

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

input[type='text'], input[type='number'], input[type='password'], input[type='submit'], textarea { -webkit-appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.show-on-desktop { display: block; }
.show-on-mobile { display: none; }
.show-on-mobile-portrait { display: none; }

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

ul, ol { list-style-position: inside; }

.cf,
.header,
.model-range,
.filter,
.products,
.section,
.lists-holder,
.products .row,
.post,
.thumbs-img,
.grey-btns,
.orange-btns,
.shares,
.tabs-nav,
.car-details,
.tabs-holder,
.cols,
.feature-section,
.container,
.accordion-cnt,
.accordion-cnt form,
.dd-wrapper,
#respond p { *zoom: 1; }

.cf:after,
.header:after,
.model-range:after,
.filter:after,
.products:after,
.section:after,
.lists-holder:after,
.products .row:after,
.post:after,
.thumbs-img:after,
.grey-btns:after,
.orange-btns:after,
.shares:after,
.tabs-nav:after,
.car-details:after,
.tabs-holder:after,
.cols:after,
.feature-section:after,
.container:after,
.accordion-cnt:after,
.accordion-cnt form:after,
.dd-wrapper:after,
#respond p:after { content: ''; display: block; clear: both; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; }

.navigation ul,
.nav ul,
.footer ul,
.tabs-nav ul,
.car-tabs-nav ul,
.sidebar ul,
.comments ul,
.comments ol { list-style: none outside; }

/* ==========================================================================
	transitions
========================================================================== */

a {
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
}

h1.logo a,
.request a,
.thumbs-img a,
.feature a,
.dark-overlay {
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

.btns a,
.grey-btns a,
.orange-btns a,
.tabs-nav li a,
.car-tabs-nav li a,
a.orange-btn,
input[type='submit'],
.accordion > h4 a {
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
}

.shell { width: 1060px; margin: 0 auto; }

/* ==========================================================================
	header
========================================================================== */

.header { position: relative; z-index: 10; padding: 12px 0 14px 0; }

h1.logo { width: 204px; float: left; margin-top: 4px; }
h1.logo a { height: 67px; display: block; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
h1.logo a:hover { opacity: 0.80; filter:alpha(opacity=80); }

.header-right { width: 520px; float: right; }

.phone { font-size: 12px; line-height: 16px; text-transform: uppercase; text-align: right; font-weight: 400; color: #808080; padding-bottom: 11px; overflow:hidden}
.phone strong { font-weight: 700; display: block; color: #ff6418; font-size: 18px; line-height: 20px; }
.phone > div { float:right; }
/*.phone > div:last-child { margin-top:2px;}*/

div.share-links {position:relative; display:block; overflow:hidden; margin-right:20px; margin-top:0;}
div.share-links > div {display:block; float:right; margin-left:5px}

/*div.socials {font-size:20px; margin-left:10px}
div.socials a {	margin: 0 4px 2px;	text-align: center;	display: inline-block; width: 18px; height: 18px; }
div.socials a:hover {color: #ffc17f; }*/

.navigation { font-weight: 400; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #2e2a2b; float: right; }
.navigation li { float: left; padding-left: 20px; }
.navigation li:first-child { padding-left: 0; }
.navigation li a { display: block; color: #2e2a2b; }
.navigation li a:hover,
.navigation li.current-menu-item a { color: #ff6418; text-decoration: none; }

/* ==========================================================================
	model range
========================================================================== */

.model-range { background: #ff6418; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 400; line-height: 30px; border-bottom: 1px solid #fff; position: relative; z-index: 999; }

.model-range .btns { float: right; }
.model-range .btns a { float: left; padding: 0 8px; color: #fff; border-left: 1px solid #fff; }
.model-range .btns a:hover { text-decoration: none; background: #d06d03; }

.model-range .nav { float: left; padding-left: 18px; }
.model-range .nav span { float: left; display: none; }
.model-range .nav ul { overflow: hidden; float: left; }
.model-range .nav li { float: left; padding-left: 23px; }
.model-range .nav li a { color: #fff; display: block; }

.model-range .nav li .dd-wrapper { position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 30px 4px 43px 48px; display: none; }
.model-range .nav li .dd-wrapper .post { float: left; width: 606px; padding-right: 56px; font-size: 13px; line-height: 23px; color: #666; font-weight: 400; text-transform: none; }
.model-range .nav li .dd-wrapper .post img.alignleft { margin-right: 62px; padding-top: 18px; }
.model-range .nav li .dd-wrapper .post h5,
.model-range .nav li .dd-wrapper .post h5 a {     margin: 0 0 10px 0; color: #666; font-size: 26px; line-height: 30px; font-weight: 300; }
.model-range .nav li .dd-wrapper .sub-menus { float: right; padding-right: 56px; max-width: 144px; font-size: 13px; line-height: 18px; font-weight: 400; }
.model-range .nav li .dd-wrapper .sub-menus h5 { font-size: 16px; color: #666; font-weight: 400; line-height: 20px; padding-bottom: 15px; text-transform: none; }
.model-range .nav li .dd-wrapper .sub-menus li { display: block; padding-left: 15px; background: url(images/dd-arrow.png) no-repeat 0 4px; text-transform: none; padding-bottom: 4px; float: none; }
.model-range .nav li .dd-wrapper .sub-menus li a { color: #ff6418; font-weight: 400; font-size: 13px; line-height: 18px; }

.dark-overlay { opacity: 0; filter:alpha(opacity=0); visibility: hidden; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/overlay-transparent.png) repeat 0 0; z-index: 998; }

.hovered .dark-overlay { opacity: 1; filter: none; visibility: visible; }

/* ==========================================================================
	banner
========================================================================== */

.banner { background: #ff6418; margin-bottom: 28px; }
.banner > img { width: 1060px; height: auto; border-bottom: 1px solid #fff; display: block; }
.home .banner { margin-bottom: 0; }

.filter { padding: 16px 30px; }
.filter label { font-size: 20px; line-height: 33px; padding-right: 27px; font-weight: 300; color: #fff; float: left; }
.filter .select-holder { float: left; margin-left: 10px; border: 1px solid #fff; line-height: 31px; width: 178px; position: relative; color: #fff; font-size: 13px; font-weight: 400; overflow: hidden; }
.filter .select-holder:after { content: ''; position: absolute; top: 50%; right: 6px; width: 20px; height: 20px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; margin-top: -10px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.filter .select-holder:before { position: absolute; content: ''; top: 50%; margin-top: -2px; right: 11px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; width: 0; height: 0; border-top: 7px solid #ff6418; border-left: 5px solid transparent; border-right: 5px solid transparent; z-index: 2; }
.filter .select-holder span.select-text { color: #FFFFFF!important; padding: 0 30px 0 12px; position: relative; z-index: 1; color: #fff; }
.filter .select-holder select { position: absolute; top: 0; left: 0; right: 0; height: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0.0; cursor: pointer; z-index: 10; }
.filter .select-holder.select-holder-fuel { width: 105px; }
.filter .select-holder.select-holder-derivatives { width: 105px; }
.filter .select-holder.select-holder-transmission { width: 130px; }

.filter a.reset-btn,
.filter input[type='reset'],
.filter input[type='submit'] { float: left; margin-left: 38px; text-transform: uppercase; font-size: 11px; font-weight: 400; line-height: 33px; color: #fff; }
.filter input[type='reset'],
.filter input[type='submit'] { border: 0; -webkit-appearance: none; background: transparent; cursor: pointer; }
.filter input[type='submit'] { font-size: 26px; line-height: 33px; font-weight: 700; margin-left: 30px; text-transform: none; }
.filter a.reset-btn:hover,
.filter input[type='reset']:hover,
.filter input[type='submit']:hover { text-decoration: underline; }

/* ==========================================================================
	main
========================================================================== */

.main { position: relative; z-index: 1; padding-bottom: 0px; }
.main h1 { color: #666; font-size: 32px; line-height: 38px; font-weight: 300; font-family: 'Roboto', arial, serif; }
.main h2 { color: #666; font-size: 26px; line-height: 30px; font-weight: 300; font-family: 'Roboto', arial, serif; }
.main h3 { color: #666; font-size: 20px; line-height: 24px; font-weight: 300; font-family: 'Roboto', arial, serif; }
.main h4 { color: #000; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 500; font-family: 'Roboto', arial, serif; }
.main h4 span { color: #7b7b7b; }
.main h5 { font-size: 13px; font-weight: 400; color: #666; line-height: 20px; font-family: 'Roboto', arial, serif; }
.main h6 { font-size: 12px; font-weight: 700; color: #666; line-height: 20px; font-family: 'Roboto', arial, serif; }
.main li ul,
.main li ol { padding-left: 14px; }
.main blockquote { font-style: italic; }
.main img.alignleft { margin: 0 10px 10px 0; }
.main img.alignright { margin: 0 0 10px 10px; }
.mapp-layout{ margin:0px!important;}

.inner-cnt.main.post { padding:36px 20px; max-width:500px }

.section { padding-bottom: 0px; }
.section h2,h2.entry-title { padding-bottom: 16px; background: url(images/section-header-bg.png) no-repeat 0 bottom; }
h2.entry-title { margin-bottom: 6px; }

.section-offer .deal-details .entry-title { font-weight: 400; }
.section-offer .deal-details .entry-title small { font-weight: 300; color: #666; }

.products { position: relative; overflow: hidden; width: 1060px; }
.product { float: left; margin: 24px 32px 22px 0; width: 240px; text-align: center; }

.product-img { position: relative; }
.product-img a { margin-bottom: 13px; display: block; width:227px; height:130px; position: relative; color: #fff; overflow:hidden;}
.product-img a span { position: absolute; z-index: 10; bottom: 0; right: 0; width: 58px; height: 32px; background: #ff6418; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; border-radius: 29px; -moz-border-radius: 29px; -webkit-border-radius: 29px; -o-border-radius: 29px; padding: 13px 0; color: #fff; text-transform: uppercase; }
.product-img img { display: block; margin: 0 auto; position: relative; z-index: 1; /*height: 130px; */max-width: 100%; }

.product h4 { padding-bottom: 12px; }
.product strong { display: block; color: #000; font-size: 26px; line-height: 28px; font-weight: 500; }

.products .row { position: relative; width: 1090px; margin-right: -20px; }
.products .row ~ .row { border-top: 1px solid #d5d5d5; }

.section.request-section { position: relative; margin-right: -10px; width: 1072px; padding-top: 16px; clear: both; }
.section.request-section.banners { padding-top: 10px; }

.request { float: left; margin: 0 10px 10px 0; width: 258px; height: 137px; }
.request a { display: block; position: relative; color: #fff; text-transform: uppercase; font-size: 31px; font-weight: 300; line-height: 34px; }
.request a:hover { opacity: 0.80; filter:alpha(opacity=80); }
.request a img { display: block; height: 137px; }
.request a span { position: absolute; top: 35px; left: 22px; color: #fff; padding-right: 22px; }

.request.banner { width: 525px; overflow: hidden }
.request.banner a:hover { opacity: 1; filter:alpha(opacity=100); background-size: cover; }
.request.banner a img { opacity: 0; }

.single-section { padding-top: 20px; }

.post-gallery { width: 521px; float: right; margin-left: 30px; }

.big-img { border: 1px solid #bcbcbc; display: block; padding: 5px; position: relative; width: 509px; height: 271px; margin-bottom: 12px; }
.big-img a { display: block; width: 509px; height: 271px; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; z-index: 1; }
.big-img a img { display: block; width: 509px; height: 271px; }

.thumbs-img a { float: left; margin-right: 1px; }
.thumbs-img a:hover { opacity: 0.80; filter:alpha(opacity=80); }
.thumbs-img a img { display: block; width: 129px; height: 85px; }

.grey-btns { padding-top: 11px; }
.grey-btns a { float: right; padding: 0 12px; font-size: 13px; font-weight: 500; color: #fff; text-transform: uppercase; line-height: 30px; margin-left: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #c4c4c4; }
.grey-btns a:hover { text-decoration: none; background: #a0a0a0; }

.post { font-size: 13px; color: #666; line-height: 20px; font-weight: 400; }
.post p { padding-bottom: 8px; }
.post .entry { height: 100%; overflow: hidden; }
.post .entry .post-gallery { display: none; }

.post .entry .read-more-less {}
.post .entry .read-more-less span { display: inline; }
.post .entry .read-more-less span span { cursor: pointer; color: #ff6418; }
.post .entry .read-more-less .read-content-more { display: none; }
.post .entry .read-more-less.show-more .read-content-less,
.post.show-more .entry .read-more-less .read-content-less { display: none; }
.post .entry .read-more-less.show-more .read-content-more,
.post.show-more .entry .read-more-less .read-content-more { display: block; }
.post.show-more > .post-gallery { display: none; }
.post.show-more .entry .post-gallery { display: block; margin-bottom: 15px; }

.post-options { padding-top: 28px; }
.post-options h3 { color: #ff6418; font-size: 22px; line-height: 30px; font-weight: 300; font-family: 'Roboto', arial, serif; padding-bottom: 8px; }

.orange-btns { position: relative; margin-right: -10px; }
.orange-btns a { float: left; margin: 0 10px 10px 0; width: 148px; background: #ff6418; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; padding: 20px 80px 20px 20px; height: 47px; font-size: 19px; line-height: 23px; color: #fff; font-weight: 500; }
.orange-btns a.phone-btn { background-image:url(images/phone-ico.png); background-position: 172px center; background-repeat: no-repeat; }
.orange-btns a.chat-btn { background-image:url(images/chat-ico.png); background-position: 176px center; background-repeat: no-repeat; }
.orange-btns a:hover { text-decoration: none; background-color: #d56f02; }

.shares { padding-top: 6px; }

.tabs-nav { overflow: hidden; background: #ccc; }
.tabs-nav ul { float: right; }
.tabs-nav li { float: left; border-left: 1px solid #fff; }
.tabs-nav li a { display: block; text-align: center; min-width: 71px; height: 31px; line-height: 31px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500; background: #ffc17f; white-space: nowrap; padding:0 5px;}
.tabs-nav li a:hover,
.tabs-nav li.active a { background: #ff6418; text-decoration: none; }
.tabs-nav .filter { float: left; padding: 5px 10px; }

.tabs h2 {background:none; padding-top:25px}

.tab table { width: 100%; border-collapse: collapse; border: 0; margin-bottom: 10px; }
.tab table th { background: #ff6418; color: #fff; font-size: 13px; font-weight: 500; text-align: center; line-height: 19px; padding: 12px 0; }
.tab table th:first-of-type + th { text-align: left; }
.tab table td { text-align: center; line-height: 30px; font-size: 13px; color: #666; }
.tab table td:first-child { padding: 0 20px; color: #b2b2b2; }
.tab table td:first-of-type + td { text-align: left; }
.tab table td a { background-color: #ff6418; color: #fff; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 2px 6px; text-transform: uppercase; font-weight: bold; font-size: 12px;}
.tab table td a:hover { text-decoration: none; }
.tab table .odd td { background: #f1f1f1; }
.tab table td { overflow: hidden; }
.tab table td span.offer-type { padding: 2px 6px; font-weight: bold; font-size: 12px; color: #fff; text-transform: uppercase; background: #DA1D28;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.tab table td span.left,
.tab table td span.right { float: none; display: inline-block; vertical-align: middle; }
.tab table td span.left { width: calc(100% - 125px); padding-right: 10px; line-height: 18px; }

/*.table-section { padding-top: 50px; }*/
.table-section { padding-top: 0px; }

.section.table-section { margin-top: 30px; }
.section.table-section .tabs-nav { position: relative; min-height: 53px; background: url(images/border-filter-models-listing-page.png) 0 0 repeat; }
.section.table-section .tabs-nav > ul { position: absolute; bottom: 0; right: 0; z-index: 3; }
.section.table-section .tabs-nav > ul li { border-left: 1px solid #fff; border-top: 1px solid #fff; }
.section.table-section .tabs-nav .filter { padding: 10px; }
.section.table-section .tabs-nav .border-line { position: absolute; bottom: 0px; display: block; width: 100%; height: 1px; background: #fff; z-index: 1; }

.description-table { font-size: 11px; line-height: 18px; color: #b2b2b2; font-weight: 400; }

#cboxClose { display: none; }

.offer-popup { position: relative; width: 100%; background: #fff; padding: 36px 40px; font-size: 13px; color: #666; line-height: 20px; font-weight: 400; box-sizing: border-box; }

.offer-popup h2.entry-title { color: #ff6418; font-weight: 300; font-size: 26px; line-height: 30px; }
.offer-popup h3 { color: #666; font-size: 24px; line-height: 32px; font-weight: 300; padding-bottom: 12px; }
.offer-popup h3 a { color: inherit; text-decoration: none; }

.offer-popup .post-img { float: right; margin: 0 10px 0 64px; }

.offer-popup .entry { padding-bottom: 10px; padding-top:20px; float:none; width:100%; }
.offer-popup .entry strong { color:#ff6418; }
.offer-popup .car-details { font-size: 16px; color: #666; line-height: 24px; display: block; padding-bottom: 0; padding-top:10px; }
.offer-popup .car-details strong { font-size: 40px; line-height: 46px; color: #666; display: block; }

.offer-popup .car-price { float: left; padding-right: 40px; color: #ff6418; }
.offer-popup .car-price strong { color: #ff6418; }
.offer-popup .car-price span {font-weight:bold; font-size: 13px; color:#666}

.offer-popup .call-us { float: left; }

div.ff-content,
.offer-template { position: relative; }
.offer-template .offer-popup { margin: 0 auto; }
div.ff-content .overlay,
.offer-template .overlay { position: absolute; display: none; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 20; }
div.ff-content .overlay { left: -30px; padding-right: 60px; padding-bottom: 30px; }
div.ff-content .overlay span,
.offer-template .overlay span {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -50px;
	border-radius: 50%;
	border-color: #fff;
	border-style: solid;
	border-width: 5px;
	border-left-width: 0;
	border-bottom-width: 0px;
	-ms-animation: uil-rolling-anim 2s linear infinite;
	-moz-animation: uil-rolling-anim 2s linear infinite;
	-webkit-animation: uil-rolling-anim 2s linear infinite;
	-o-animation: uil-rolling-anim 2s linear infinite;
	animation: uil-rolling-anim 2s linear infinite;
	-ms-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
	-moz-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
	-webkit-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
	-o-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
	transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
}

.car-tabs-nav { float: left; width: 163px; margin-right: 3px; }
.car-tabs-nav li { display: block; margin-bottom: 3px; text-align: right; font-weight: 300; }
.car-tabs-nav li a { display: block; background: url(images/black/range-filter.png) repeat-x #2C2C2C; color: #fff; padding: 23px 28px; font-size: 26px; line-height: 34px; letter-spacing: -0.01em; }
.tabs-holder .car-tabs-nav li.send-to-a-friend a:hover,
.tabs-holder .car-tabs-nav li.send-to-a-friend.active a,
.car-tabs-nav li a:hover,
.car-tabs-nav li.active a { text-decoration: none; background: #ff6418; }
.car-tabs-nav li.orange a {  text-decoration: none; background: #ff6418 !important;  }
/*.car-tabs-nav li.active a { text-decoration: none; background: #000; }*/
.car-tabs-nav li.active a:hover { text-decoration: none; background: #ff6418; }
.tabs-holder {position:relative}
.tabs-holder .car-tabs-nav li.send-to-a-friend { position: absolute; display: block; top: -32px; right: 0px; }
.tabs-holder .car-tabs-nav li.send-to-a-friend a {font-size: 12px; line-height: 16px; padding: 8px 16px; background: #b8b8b8;}

.tabs-holder .info {padding-top:15px;}
.tabs-holder .info h2 {color:#ff6418; padding-bottom:5px;}

.offer-popup .popup-tabs { background: #ececec; min-height: 208px; padding: 30px 38px 20px; height: 100%; overflow: hidden; margin-bottom: 20px; }
.offer-popup .popup-tabs .tab { display: none; min-height:300px}
.offer-popup .popup-tabs h4 { font-size: 18px; line-height: 30px; font-weight: 300; color: #666; padding-bottom: 12px; }
.offer-popup .tabs-holder-is-submited #quote-now { background-color: #000; color: #fff; padding: 30px 38px 20px; margin: -30px -38px -20px; }
.offer-popup .tabs-holder-is-submited .popup-tabs blockquote { max-width: 550px; padding-left: 25px; }
.offer-popup .tabs-holder-is-submited .popup-tabs img { position: relative; margin: 0 0 7px -20px; }
.offer-popup .tabs-holder-is-submited .popup-tabs h6 { font-size: 13px; line-height: 1.69; font-weight: normal; margin-bottom: 86px; }
.offer-popup .tabs-holder-is-submited .popup-tabs p { font-size: 22px; line-height: 1.27; margin-bottom: 16px; }
.offer-popup .tabs-holder-is-submited .popup-tabs p strong { font-weight: normal; color: #ff6418; }
.offer-popup .tabs-holder-is-submited .car-tabs-nav li.active > a { background-color: #000; }
.offer-popup .col { width: 50%; float: right; }
.offer-popup .col:first-child { float: left; }

.offer-popup .quote-form .col > div,
#request-form .col > div,
#request-form-quote .col > div,
.accordion-cnt .field,
.accordion-cnt .field-select { position: relative; margin-bottom: 10px; }
.quote-form label,
.accordion-cnt .field label,
#respond label,
#request-form label,
#request-form-quote label,
.select-holder span.select-text { font-size: 13px; font-weight: 400; position: absolute; top: 0; left: 0; right: 0; padding: 0 15px; line-height: 33px; color: #666; cursor: text; z-index: 10; }
.offer-popup .quote-form input[type='text'],
.offer-popup .quote-form input[type='number'],
#request-form input[type='text'],
#request-form input[type='number'],
#request-form input[type='password'],
#request-form-quote input[type='text'],
#request-form-quote input[type='number'],
#request-form-quote input[type='password'],
.accordion-cnt .col input[type='text'],
.accordion-cnt .col input[type='number'],
#respond input[type='text'],
#respond input[type='number'],
#respond textarea { width: 80%; border: 0; padding: 7px 15px; font-size: 13px; font-weight: 400; font-family: 'Roboto', arial, serif; color: #666; height: 19px; background: #fff; }
#respond input[type='text'],
#respond input[type='number'],
#request-form textarea,
#request-form-quote textarea,
#respond textarea { border: 1px solid #666; }
#respond textarea { height: 120px; width: 360px; resize: vertical; }
.offer-popup .select-holder,
#request-form .select-holder,
#request-form-quote .select-holder,
.accordion .select-holder { background: #fff; border: 0; position: relative; width: 200px; height: 33px; line-height: 33px; }
.select-holder { background: #ff6418; }
.offer-popup .select-holder:after,
#request-form .select-holder:after,
#request-form-quote .select-holder:after,
.accordion .select-holder:after { content: ''; position: absolute; top: 50%; right: 17px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; display: block; border-top: 7px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-top: -2px; z-index: 2; }
.select-holder span.select-text { color: #353535!important; padding: 0 30px 0 15px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; }
.select-holder select { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter:alpha(opacity=0); cursor: pointer; z-index: 10; background: transparent; }
.quote-form input[type=submit] {border:0; background: #ff6418; padding:10px 20px; color:#fff}
.quote-form input[type=submit]:hover {opacity:0.8; cursor:pointer}
.quote-form .field-checkbox label,
.accordion-cnt .field.field-checkbox label,
.accordion-cnt .field.field-terms_and_conditions label,
.accordion-cnt .field.field-disclosure_policy label {line-height:27px;}
.accordion-cnt .state-hidden {display:none}

.cap-data { overflow: auto; margin-bottom: 20px;}
.cap-data .hide { display: none; }
.cap-data > ul { overflow: auto; }
.cap-data > ul li { float: left; list-style: none; margin-right: 2px; }
.cap-data > ul li a { display: block; padding: 10px; background: #ececec; color: #444; }
@media only screen and (max-width: 660px){
.cap-data > ul li a { font-size: 11.1px; }
}
.cap-data > ul li a:hover { background: #ff6418; color: white; }
.cap-data > ul li a.active { background: #ff6418; color: white; }
.cap-data > ul li a.active:hover { background: #ff6418; color: white; }
.cap-data > div { border: 1px solid #ececce; clear: both; padding: 20px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.cap-data > div dl { width: 100%; display: inline-block; margin-bottom: 20px;}
.cap-data > div dl dt { font-size: 18px; color: #ff6418; }
.cap-data > div dl dt a { text-decoration: none; }
.cap-data > div dl dt a:hover { color: #FCB86A;  }
.cap-data > div dl dt a.collapsed span.plus { display: inline; }
.cap-data > div dl dt a.collapsed span.minus { display: none; }
.cap-data > div dl dt a.expanded span.plus { display: none; }
.cap-data > div dl dt a.expanded span.minus { display: inline; }
.cap-data > div dl dd { padding: 5px; background: #f4f4f4; overflow: auto; display: none; }
.cap-data > div dl dd:nth-child(2n) { background: white; }
.cap-data > div dl dd input { margin-right: 10px;}
.cap-data > div dl dd .price { float: right; }

.select-holder.disabled:after { display: none; }

.crb-form .field.has-error label,
.crb-form .select-holder.has-error .select-text,
.accordion-cnt .field.has-error label,
.accordion-cnt .field.has-error > span,
.accordion-cnt .select-holder.has-error .select-text,
.accordion-cnt .field.has-error a {color:red !important}
.accordion-cnt .field.field-checkbox a,
.accordion-cnt .field.field-terms_and_conditions a,
.accordion-cnt .field.field-disclosure_policy a { font-size: 13px; font-weight: 400; padding: 0 5px; color: #666; z-index: 10; text-decoration: none}
.accordion-cnt .field-separator2,
.accordion-cnt .select-holder span.select-text,
.accordion-cnt .field span { color: #666; }
.has-error input {color:red !important}

#apply-now .accordion-cnt { display: none; }
.accordion-cnt .field-checkbox2 { overflow: hidden; color: #666; max-width: 290px; }
.accordion-cnt .field-checkbox2 label { position: relative; float: right; padding-right: 3px; font-size: 11px; line-height: 34px; }
.accordion-cnt .field-checkbox2 label:hover { cursor: pointer; }
.accordion-cnt .field-checkbox2 label input { position: relative; bottom: -2px; }

.description-msg { clear: both; display: block; font-size: 11px; line-height: 18px; }
.description-msg p ~ p { padding-top: 20px; }

.car-intro-text { font-size: 11px; }
.car-intro-text h2 { padding-bottom: 5px; font-size: 21px; }
.car-intro-text > *:last-child { padding-bottom: 0; }

.sidebar { float: right; width: 350px; margin-left: 30px; }
.sidebar .widgettitle {color:#ff6418}

.sidebar .widget.gform_widget {background: #ececec; padding: 23px 40px;}
.sidebar .widget.gform_widget label.gfield_label { font-size: 13px; font-weight: 400; line-height: 20px; color: #666; cursor: text; }
.sidebar .widget.gform_widget textarea,
.sidebar .widget.gform_widget input[type=text],
.sidebar .widget.gform_widget input[type=number] {width:92% !important; border: 0; padding: 15px 5% !important; font-size: 13px;font-weight: 400;font-family: 'Roboto', arial, serif;color: #666;height: 19px;background: #fff;}
.sidebar .widget.gform_widget textarea {height:80px;}
.sidebar .widget.gform_widget input[type=submit] { border: 0; background: #ff6418; padding: 10px 20px; color: #fff; }
.sidebar .widget.gform_widget input[type=submit]:hover {opacity:0.8; cursor:pointer}
.sidebar .widget.gform_widget .gform_wrapper div.validation_error,
.sidebar .widget.gform_widget .gfield_description.validation_message {display:none}
.sidebar .widget.gform_widget .crb_gfield_error label.gfield_label {color:red}
.sidebar .widget.gform_widget .gform_footer.top_label {padding-top:0; margin-top:0}

.sidebar .widget.gform_widget .gfield-textarea label.gfield_label,
.sidebar .widget.gform_widget .gfield-text label.gfield_label,
.sidebar .widget.gform_widget .gfield-email label.gfield_label {position:absolute; display:block; width:100%; height:20px; line-height:13px; padding: 8px 10px;}
.sidebar .widget.gform_widget .gfield-textarea label.gfield_label {height:80px}
.sidebar .widget.gform_widget .gfield-textarea,
.sidebar .widget.gform_widget .gfield-text,
.sidebar .widget.gform_widget .gfield-email {position:relative; margin-bottom:10px;}

.content { height: 100%; overflow: hidden; padding-bottom: 42px; }

.content .entry .back-link {  }
.content .entry .back-link i { display: inline-block; padding: 3px; margin: 0 0 0 2px; border: solid black; border-width: 0 2px 2px 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.accordion { padding-bottom: 3px; }
.accordion > h4 { font-size: 18px; line-height: 29px; position: relative; background: #ff6418; display: block; font-weight: 300; text-transform: none; }
.accordion > h4:after { content: ''; position: absolute; top: 50%; right: 31px; width: 0; height: 0; display: block; font-size: 0; line-height: 0; text-indent: -4000px; border-right: 7px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-top: -4px; }
.accordion > h4.active:after { border-top: 7px solid #fff; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.accordion > h4 a { color: #fff; padding: 7px 49px 7px 31px; display: block; }
.accordion > h4 a span { font-size: 13px; text-transform: uppercase; color: #fff; float: right; line-height: 29px; }

.accordion > h4 a:hover { text-decoration: none; background: #d56f02; }

.accordion-cnt { background: #ececec; padding: 0 30px 30px 30px; }
.offer-popup .accordion-cnt { font-size: 12px; }
.offer-popup .accordion-cnt .field-separator2 { line-height: 30px; }
.accordion-cnt.no-padding { padding: 0; margin: 3px 0; background: none; }
.accordion-cnt .col { width: 290px; float: right; }
.accordion-cnt .col:first-child { float: left; }
.accordion-cnt .col input[type='text'],
.accordion-cnt .col input[type='number'] { width: 260px; }
.accordion-cnt .col .select-holder { width: 290px; }
.accordion-cnt .col.col-fields .select-holder { /*width: 380px;*/ max-width: 100%; }
.accordion-cnt h4 { padding-bottom: 10px; color: #666; font-weight: 300; font-size: 18px; line-height: 24px; padding-top: 10px; text-transform: none; }
.accordion-cnt h5 { font-size: 13px; font-weight: 400; color: #666; padding-bottom: 16px; line-height: 20px; }
/*.accordion-cnt h4:first-child { padding-top: 0; }*/

.single-crb_cars .tabs-holder { margin-top: 15px; }
.single-crb_cars .accordion { }
.single-crb_cars .accordion > h4 { background-color: #ff6418; }
.single-crb_cars .accordion > h4 a { padding-top: 15px; padding-bottom: 15px; }
.single-crb_cars .accordion > h4 a:hover { background: #666; }
/*.single-crb_cars .accordion > p { max-width: 520px; }*/
.single-crb_cars .accordion .accordion-cnt { padding-top: 10px; }
.single-crb_cars .accordion .accordion-btn { border: 0; background: #ff6418; padding: 10px 20px; color: #fff; position: absolute; top: 80px; right: 40px; }
.single-crb_cars .accordion .accordion-btn:hover { text-decoration: none; opacity: 0.8; }
.single-crb_cars .entry { padding-top: 0; }
.single-crb_cars .entry h4,
.single-crb_cars .additional-specs h4 { padding-bottom: 20px; font-size: 17px; line-height: 30px; font-weight: 300; font-family: 'Roboto', arial, serif; }

.accordion-cnt span.back-btn,
.accordion-cnt button,
.accordion-cnt input[type='submit'],
#respond input[type='submit'] { float: left; padding: 0 11px; height: 30px; text-transform: uppercase; color: #fff; cursor: pointer; border: 0; background: #ff6418; font-weight: 500; font-size: 13px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; margin-top: 10px; }
.accordion-cnt span.back-btn:hover,
.accordion-cnt button:hover,
.accordion-cnt input[type='submit']:hover,
#respond input[type='submit']:hover { background: #d56f02; }
.accordion-cnt span.back-btn { margin-left: 20px; line-height: 30px; }

.finance-form { position: relative; }
.finance-form .fields-cnt { display: none; }
.finance-form .fields-cnt:after { display: block; content: ''; clear: both; }
.finance-form .fields-cnt.active { display: block; }
.finance-form .col.col-fields { width: 100%; }
.finance-form .col.col-left { float: left; }
.finance-form .col.col-right { float: right; }
.finance-form .col.col-right:after,
.finance-form .complex-holder:after { display: block; content: ''; clear: both; }
.finance-form div.idpc_autocomplete:focus { z-index: 100; }
.accordion-cnt .finance-form .field-date_of_birth .select-holder,
.accordion-cnt .finance-form .col.col-fields .field-date_of_birth .select-holder,
.accordion-cnt .finance-form .field-date_established > * { display: inline-block; width: 32%; }
.accordion-cnt .finance-form .holder-current-fleet .select-holder-cars,
.accordion-cnt .finance-form .col.col-fields .holder-current-fleet .select-holder-cars,
.accordion-cnt .finance-form .holder-years-months .select-holder-years,
.accordion-cnt .finance-form .col.col-fields .holder-years-months .select-holder-years { display: inline-block; width: 48%; }
.accordion-cnt .finance-form .holder-current-fleet .select-holder-vans,
.accordion-cnt .finance-form .col.col-fields .holder-current-fleet .select-holder-vans,
.accordion-cnt .finance-form .holder-years-months .select-holder-months,
.accordion-cnt .finance-form .col.col-fields .holder-years-months .select-holder-months { display: inline-block; width: 49%; }

.accordion-cnt .finance-form .holder-years-months > *,
.accordion-cnt .finance-form .holder-years-months > * ~ *,
.accordion-cnt .finance-form .holder-current-fleet > *,
.accordion-cnt .finance-form .holder-current-fleet > * ~ *,
.accordion-cnt .finance-form .field-fleet_size > * ~ *,
.accordion-cnt .finance-form .field-date_of_birth .select-holder ~ .select-holder,
.accordion-cnt .finance-form .field-date_established > * ~ * { margin-left: 0.7%; }
.accordion-cnt .finance-form .field-fleet_size .input-holder { display: inline-block; margin-left: 4px; width: 90px; }
.accordion-cnt .finance-form .field-sort_code input,
.accordion-cnt .finance-form .field-fleet_size input { width: 60px; }
.accordion-cnt .finance-form .field-checkbox input { position: relative; top: 5px; }

.accordion-cnt p.submitter-name { font-weight: bold; }

.finance-form-tabs { text-align: center; }
.finance-form-tabs li span { display: block; background: url(images/black/range-filter.png) repeat-x #2C2C2C; color: #fff; padding: 5px 15px; font-size: 17px; line-height: 34px; letter-spacing: -0.01em; }
.finance-form-tabs li.active span { text-decoration: none; background: #ff6418; }

.finance-field { position: relative; }
.finance-field span.readonly { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: transparent; z-index: 20; }
.finance-field.field-readonly span.readonly { display: block; }
.finance-field.field-readonly.select-holder:after { display: none; }

/* ------------------------------------------------------------ *\
	Columns based on a siblings count
\* ------------------------------------------------------------ */

.col-siblings {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* one item */
.col-siblings:nth-child(1):nth-last-child(1) { width: 100%; }

/* two items */
.col-siblings:nth-child(1):nth-last-child(2),
.col-siblings:nth-child(2):nth-last-child(1) { width: 49%; padding: 0 1%; }

/* three items */
.col-siblings:nth-child(1):nth-last-child(3),
.col-siblings:nth-child(2):nth-last-child(2),
.col-siblings:nth-child(3):nth-last-child(1) { width: 33%; padding: 0 0.05%; }

/* four items */
.col-siblings:nth-child(1):nth-last-child(4),
.col-siblings:nth-child(2):nth-last-child(3),
.col-siblings:nth-child(3):nth-last-child(2),
.col-siblings:nth-child(4):nth-last-child(1) { width: 24.6%; padding: 0 0.05%; }

.col-siblings.col-siblings:first-child { padding-left: 0; }
.col-siblings.col-siblings:last-child { padding-right: 0; }

/* ==========================================================================
	footer
========================================================================== */

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -310px; }
.footer, .footer-push { height: 310px; }

.footer { background: #2f2f2f; }
.footer h4 { font-size: 16px; line-height: 20px; text-transform: uppercase; color: #fff; padding-bottom: 10px; font-weight: 400; }
.footer h5 { font-size: 13px; line-height: 18px; font-weight: 700; color: #fff; border-bottom: 1px solid #6d6d6d; margin-bottom: 14px; padding-bottom: 8px; }

.footer-top { padding: 22px 0; height: 225px; }

.list { float: left; margin-left: 40px; min-width: 114px; }
.list:first-child { margin-left: 0; }
.list li { display: block; font-size: 13px; color: #6e6e6e; line-height: 25px; }
.list li a { color: #6e6e6e; }
.list li a:hover { text-decoration: none; color: #fff; }

.copyright { background: #1e1e1e; color: #626262; font-size: 11px; line-height: 21px; padding: 10px 0; }

/* ==========================================================================
	home page
========================================================================== */

.home-slider { height: 354px; position: relative; overflow: hidden; }
.home-slider .slides { height: 354px; width: 1060px; position: relative; overflow: hidden; }
.home-slider .slides .slide { list-style: none;  }
.home-slider .flex-control-nav { position: absolute; bottom: 32px; left: 0; right: 0; text-align: center; height: 8px; z-index: 99; }
.home-slider .flex-control-nav li { display: inline-block; margin-left: 8px; }
.home-slider .flex-control-nav li a { display: block; width: 8px; height: 8px; font-size: 0; line-height: 0; text-indent: -4000px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.home-slider .flex-control-nav li a.flex-active { background: #ff6418; }

.home-slider .slide-cnt { position: absolute; bottom: 50px; right: 50px; text-align: right; }
.home-slider .slide-cnt p { color: #fff; font-weight: 300; font-size: 34px; line-height: 38px; font-family: 'Roboto', arial, serif; padding-bottom: 6px; }

a.orange-btn { float: right; padding: 0 11px; color: #fff; background: #ff6418; text-transform: uppercase; font-size: 11px; font-weight: 400; line-height: 26px; }
a.orange-btn:hover { background: #d56f02; text-decoration: none; }


.features-section { position: relative; margin: -24px -5px 0 0; width: 1065px; padding-bottom: 31px; }

.feature,
.carbon_fields_feature { width: 350px; position: relative; float: left; margin: 0 5px 5px 0; height: 195px; overflow: hidden; }
.widget.feature,
.widget.carbon_fields_feature { margin-right: 0; }
.feature a,
.carbon_fields_feature a { display: block; position: relative; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 30px; line-height: 31px; }
.feature a img,
.carbon_fields_feature a img { display: block; width: 350px; height: 195px; position: relative; z-index: 1; }
.feature a span,
.carbon_fields_feature a span { position: absolute; bottom: 5px; left: 10px; z-index: 10; }
.feature a:hover,
.carbon_fields_feature a:hover { opacity: 0.80; filter:alpha(opacity=80); }

.features-section.homepage { display: block; overflow: hidden; width: 1042px; margin: 0 auto; padding-top: 10px; padding-bottom: 0; }
.features-section.homepage .feature { width: 253px; height: 164px; margin: 0 10px 10px 0; }
.features-section.homepage .feature:last-child { margin-right: 0; }
.features-section.homepage .feature img { width: 100%; height: auto; }

.about-section .col { width: 515px; float: right; color: #666; font-size: 13px; line-height: 20px; padding-right: 10px; }
.about-section .col p { padding-bottom: 8px; }
.about-section .col h2 { margin-bottom: 10px; }
.about-section .col:first-child { float: left; }

/* ==========================================================================
	test page
========================================================================== */

.post-content.main { padding-top: 30px; }

.avatar { width: 56px; height: 56px; float: left; margin-right: 20px; }

.comments { font-size: 13px; line-height: 20px; clear: both; padding: 30px 0; }
.comments h3 { padding-bottom: 12px; }

.comments li.comment { padding-top: 20px; }
.comments ol > li.comment:first-child { padding-top: 0; }
.comments li.comment ul { padding-left: 60px; }

.comment-cnt { height: 100%; overflow: hidden; }

.comment-reply { text-align: right; }

.comment-meta { font-size: 12px; line-height: 18px; padding-bottom: 10px; }

#respond { border-top: 1px solid #666; padding-top: 20px; margin-top: 20px; }
#respond p { margin-bottom: 10px; position: relative; padding-bottom: 0; }

.request-popup { display: none; }

#request-form,
#request-form-quote { padding: 38px; width: 500px; background: #fff; }
#request-form .cols,
#request-form-quote .cols { overflow: hidden; }
#request-form .col,
#request-form-quote .col { float: right; width: 200px; }
#request-form .col:first-child,
#request-form-quote .col:first-child { float: left; }
#request-form h2,
#request-form-quote h2 { padding-bottom: 16px; background: url(images/section-header-bg.png) no-repeat 0 bottom; margin-bottom: 26px; font-size: 26px; color: #2a2a2a; font-family: 'Roboto', arial, serif; font-weight: 300; line-height: 30px; }
#request-form h4,
#request-form-quote h4 { color: #666; font-size: 18px; line-height: 30px; font-family: 'Roboto', arial, serif; font-weight: 300; padding-bottom: 12px; }

#request-form form,
#request-form-quote form { background: #ececec; padding: 23px 40px; }


.hidden { display:none }
div.response {}
div.response ul {margin-bottom:20px; list-style:none}
div.response ul li {line-height:20px}
div.response.error,
div.response.errors {color:red}
div.response.success {color:green}

.page-pag { padding: 30px 0; font: 18px/22px "Oswald", arial, sans-serif; color:#bcbcbc; text-align:center}
.page-pag > * { margin: 0 3px; }
.page-pag a { color:#bcbcbc; }
.page-pag a:hover,
.page-pag .current { color:#ff6418; text-decoration:none; transition: .2s; -webkit-transition: .2s; }

.additional-specs { position: relative; width:100%; margin: 20px 0 15px; float:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.additional-specs a { text-decoration: underline; }
.additional-specs .spec { display:inline-block; width: 175px; vertical-align: top; }
.additional-specs .spec.hidden { display: none; }
.additional-specs .spec.spec-bmargin { margin-bottom: 23px; }
.additional-specs .spec.spec-rcol { margin-left: 15px; }
.additional-specs .spec label { color: #000; display: block; margin-bottom: 5px; }
.additional-specs .spec input[type=text],
.additional-specs .spec input[type=number] { background: #ececec; border: 0; width: 100%; height: 31px; padding: 0 15px; color: #666; font-size: 13px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.additional-specs .spec .select-holder { background: #ececec; width: 100%; }
.additional-specs .spec-contract-term { width:107px; }
.additional-specs .spec-mileage { width:96px; }
.additional-specs .spec-rentals { width:128px; }
.additional-specs .spec-initial-rental { width:223px; margin-left: 15px; }
.additional-specs .spec-maintenance { width: 200px; }
.additional-specs .spec-rentals label,
.additional-specs .spec-maintenance label { padding: 1px 0 2px 0; }
.additional-specs .spec > div { vertical-align: top }
.additional-specs .spec > div > label,
.additional-specs .spec > div > input[type=checkbox] { display: inline-block; }
.additional-specs .spec > div > input[type=checkbox] { position: relative; top: 3px; }

.additional-specs.information { width: 100%; margin-top: 10px; margin-bottom: 25px; }
.additional-specs.information .spec-cols { overflow: hidden; }
.additional-specs.information .spec-col:first-child { width: 260px; float: left;  }
.additional-specs.information .spec-col:last-child { width: 370px; float: right; }
.additional-specs.information .spec-col .spec { width: 100%; }
.additional-specs.information .spec-col .spec ~ .spec {  margin-top: 10px; }
.additional-specs.information .spec-col input,
.additional-specs.information .spec-col textarea { padding: 0 10px; width: 100%; height: 35px; background: #fff; border: 2px solid #ececec; color: #666 !important; resize: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.additional-specs.information .spec-col textarea { height: 105px; padding: 10px; }

span.question { position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url(images/question.png) 0 0 no-repeat; background-size: cover; }
span.question.hidden { display: none; }
span.question:hover { cursor: pointer; }

.section.business-section > .cnt,
.section.personal-section > .cnt { padding-top:10px; max-width: 750px; font-size: 13px; line-height: 20px; color: #666666; }


/* ==========================================================================
	Override the financial styles
========================================================================== */

.accordion-cnt form.finance-form .col {}
.accordion-cnt form.finance-form textarea,
.accordion-cnt form.finance-form input[type='text'],
.accordion-cnt form.finance-form input[type='number'],
.accordion-cnt form.finance-form .select-holder select { width: 100%; height: auto; box-sizing: border-box; padding: 9px 15px; }
.accordion-cnt form.finance-form textarea { resize: none; border: none; font-family: 'Roboto', arial, serif; color: #666; line-height: 20px; }
.accordion-cnt form.finance-form .select-holder,
.accordion-cnt form.finance-form .holder-current-fleet,
.accordion-cnt form.finance-form .field-date_of_birth,
.accordion-cnt form.finance-form .holder-years-months { width: 100%; max-width: 100% }
.accordion-cnt form.finance-form .field-sort_code > div { display: flex; justify-content: space-between; }
.accordion-cnt form.finance-form .field-sort_code > div > input[type='text'],
.accordion-cnt form.finance-form .field-sort_code > div > input[type='number'] { width: calc( 30% ); }
.accordion-cnt form.finance-form .holder-years-months,
.accordion-cnt form.finance-form .holder-current-fleet { overflow: hidden; }
.accordion-cnt form.finance-form .holder-years-months > div.select-holder,
.accordion-cnt form.finance-form .holder-current-fleet > div.select-holder { width: 49%; margin: 0; }
.accordion-cnt form.finance-form .holder-years-months > div.select-holder.select-holder-years,
.accordion-cnt form.finance-form .holder-current-fleet > div.select-holder.select-holder-cars { float: left; }
.accordion-cnt form.finance-form .holder-years-months > div.select-holder.select-holder-months,
.accordion-cnt form.finance-form .holder-current-fleet > div.select-holder.select-holder-vans { float: right; }
.accordion-cnt form.finance-form .field-date_of_birth > div { display: flex; justify-content: space-between; }
.accordion-cnt form.finance-form .field-date_of_birth > div > div.select-holder { width: 32%; margin: 0; }
.accordion-cnt form.finance-form .finance-field span.readonly { position: absolute; top: 0;  left: 0; display: none; width: 100%; height: 100%; background: transparent; z-index: 20; }
.accordion-cnt form.finance-form .finance-field.field-readonly span.readonly { display: block; }

/* ==========================================================================
	responsive layouts
========================================================================== */

a.menu-btn { display: none; padding: 6px 50px; text-transform: uppercase; color: #fff; font-weight: 700; background: #ff6418; position: relative; line-height: 25px; font-size: 16px; }
a.menu-btn:hover { text-decoration: none; }
a.menu-btn:after { background: url(images/menu-btn-w.png) no-repeat 0 0; content: ''; position: absolute; width: 30px; height: 25px; top: 50%; left: 10px; margin-top: -13px; }


.thumbs-img { display: none; }

.shares{ height:26px; }

@media only screen and (max-width: 1060px){
	.home-slider .slides,
	.home-slider { height: auto; }
	.home-slider .slide img { width: 100%; height: auto; }
}


@media only screen and (max-width: 767px){
	body { min-width: 100%; }

	.show-on-mobile { display: block; }
	.show-on-desktop { display: none; }

	.shell { width: auto; padding: 0 5px; }

	.phone > div { float:none; }
	.phone > div.socials {margin:3px 0 6px 0;}
	.phone > div.socials br {display:none}

	img { width: auto; max-width: 100%; height: auto; }

	.home-slider .slides,
	.home-slider { width: 100%; }

	.home-slider .slide-cnt { width: auto; max-width: 100%; right: 10px; }
	.home-slider .slide-cnt h2 { font-size: 24px; line-height: 26px; }

	.features-section { width: auto; margin-right: 0; }
	.feature { width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 0 5px; float: none; display: block; height: auto; }
	.widget.feature { width: auto; margin-left: 0; }
	.feature:first-child { padding-left: 0; }
	.feature a,
	.feature a img { max-width: 100%; width: 100%; height: auto; }

	.products { width: auto; }
	.products .row { width: auto; margin-right: 0; }
	.product-img a { margin: 0 auto; }

	.product { width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin-right: 0; float: none; display: block; }

	.section.banners { padding-top:0; }
	.section.request-section { width: auto; margin-right: 0; }

	.request { width: auto; margin-right: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: none; display: block; }
	.request img { width: 100%; height: auto; }

	.request.banner {margin-left:auto; margin-right:auto; max-width:100%;}

	.about-section .col { width: auto; margin: 0 0 10px; }

	.filter { padding: 5px 10px; }

	.banner > img { max-width: 100%; }

	.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }
	.footer, .footer-push { height: auto; }

	.footer-top { height: auto; }

	.list { width: 50%; padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 0 10px; }

	h1.logo { float: left; display: block; margin: 0 auto 10px; }

	.header { position: relative; z-index: 999; padding: 5px 0; }

	.header-right { padding-top: 25px; float: none; display: block; clear: both; width: auto; position: relative; z-index: 99; }
	.header-right .phone { padding-bottom: 3px; }
	.header-right .phone .share-links { display: none; }
	.header-right .phone .menu-label strong { font-size: 13px; line-height: 15px; }

	.filter label { float: none; display: block; }
	.filter .select-holder { margin: 0 0 10px; float: none; display: block; }

	.phone { text-align: center; }

	.filter .select-holder { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

	a.menu-btn { display: block; padding: 13px 30px; float: right; text-indent: -3000em; background: none; }

	.navigation { background: #ff6418; float: none; display: block; position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; opacity: 0; filter:alpha(opacity=0); transform: scale(0.8) translate3d(0,-10%,0); -webkit-transform: scale(0.8) translate3d(0,-10%,0); transition: all 0.3s; -webkit-transition: all 0.3s; }

	.navigation ul { border-bottom: 1px solid #fff; }
	.navigation li { float: none; display: block; margin: 0; padding: 0; border-top: 1px solid #fff; }
	.navigation li a { display: block; padding: 7px 15px; font-weight: 700; font-size: 14px; line-height: 20px; }
	.navigation li a:hover { color: #000; }
	.navigation li.current-menu-item a { color: #fff; }

	.show.navigation { visibility: visible; opacity: 1; filter: none; transform: scale(1) translate3d(0,0,0); -webkit-transform: scale(1) translate3d(0,0,0); }

	span.dark-overlay { background: transparent; z-index: 888; }

	.post-gallery { width: auto; float: none; display: block; margin-left: 0; }

	.big-img { height: 167px; width: 308px; margin: 0 auto 5px; padding: 0; }
	.big-img a,
	.big-img a img { max-width: 298px; height: 157px; width: 298px; }

	.thumbs-img a { width: 50%; height: auto; margin: 0; padding: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.thumbs-img a img { max-width: 100%; height: auto; width: 100%; }

	.orange-btns { margin-right: 0; }

	.tab { overflow-x: auto; }
	.tab > table { width: 500px; min-width: 500px; position: relative; overflow-x: scroll; }
	.tab > table td:first-child { padding: 0 10px; }
	.tab > table td span.left,
	.tab > table td span.right { display: block; width: 100% }
	.tab > table td span.right { text-align: center }

	img.cboxPhoto { max-width: 100% !important; height: auto; overflow: hidden; }
	.banner > img { height: auto; }
	.request.banner { width: 100% !important; }
	.request.banner a { max-width: 500px; min-height: 137px; margin: 0 auto; }

	.sidebar { float: none; display: block; margin: 0 auto; width: auto; }
	.sidebar .widget.feature { float: none; display: block; height: auto; margin: 0 auto 5px; }
	.sidebar .widget.feature a { margin: 0 auto; }
	.sidebar .widget.feature a img { width: 100%; height: auto; }

	.feature a img { max-width: 100%; height: auto; }

	.accordion > h4 { font-size: 15px; }
	.accordion > h4:after { margin-top: -5px; }
	.accordion > h4 a span { font-size: 11px; }

	.accordion-cnt { padding: 10px; }

	.accordion-cnt .col,
	.accordion-cnt .col:first-child { width: auto; float: none; display: block; margin: 0 0 10px; clear: both; }

	.accordion-cnt form.finance-form .col.col-left_fields,
	.accordion-cnt form.finance-form .col.col-right_fields { box-sizing: border-box; max-width: 100%; }
	.accordion-cnt form.finance-form .select-holder span.select-text { padding: 0 15px 0 15px; max-width: 83%; display: inline-block; text-overflow: ellipsis; }

	/*.accordion-cnt .finance-form .field-date_of_birth,
	.accordion-cnt .finance-form .holder-current-fleet,
	.accordion-cnt .finance-form .holder-years-months { max-width: 292px; }*/

	div.ff-content .overlay { top: -10px; left: -10px; padding-right: 20px; padding-bottom: 20px; }

	.finance-form .col.col-left_fields,
	.finance-form .col.col-right_fields { max-width: 300px; clear: none; }
	.finance-form .col.col-left_fields { float: left; }
	.finance-form .col.col-right_fields { float: right; }

	.single-crb_cars .accordion h4 a span { display: none; }
	.single-crb_cars .accordion .accordion-cnt.no-padding .finance-form-tabs {}
	.single-crb_cars .accordion .finance-form-tabs .col-siblings.col-siblings { display: block; width: 100%; }

	.model-range { z-index: 888; }
	.model-range .btns { display: none; }
	.model-range .nav { float: none; display: block; width: 100%; background: #ff6418; padding: 0; }
	.model-range .nav span { display: none; }
	.model-range .nav ul { visibility: visible; opacity: 1; transform: scale(1) translate3d(0,0,0); -webkit-transform: scale(1) translate3d(0,0,0); position: relative; display: block; width: 100%; overflow: visible; }
	.model-range .nav li .dd-wrapper { display: none !important; }
	.model-range .nav li { padding: 0; }
	.model-range .nav li a { padding: 0 10px; }

	.main { padding-bottom: 5px; }

	.section.request-section { padding-bottom: 10px; }

	/*.offer-popup { width: 310px; padding: 10px; }*/

	.car-tabs-nav { float: none; display: block; width: auto; margin: 0 0 3px; }
	.car-tabs-nav li a { padding: 10px; font-size: 16px; line-height: 24px; text-align: center; }
	.car-tabs-nav li a br { display:none; }

	.offer-popup .popup-tabs { min-height: 100%; padding: 40px 10px; }
	.offer-popup .popup-tabs .accordion-cnt { padding: 0; }
	.offer-popup .col { width: auto; float: none; clear:both; display: block; margin: 0 0 10px; }

	.offer-popup .car-details { padding-bottom:0; clear:both; }
	.offer-popup .post-img { clear:both; margin:0; text-align: center; }
	.offer-popup .post-img img { margin:0 auto; }

	.additional-specs { width:auto; margin-bottom:0;}
	.additional-specs .spec { float: none; width: 100%; margin-left: 0 !important; margin-bottom:15px;}
	.additional-specs .spec:last-child { margin-bottom:0; }
	.additional-specs .spec.spec-two-third,
	.additional-specs .spec.spec-one-third { width:100%; }

	.section.table-section .tabs-nav .filter,
	.section.table-section .tabs-nav .border-line { display: none; }
	.section.table-section .tabs-nav > ul { position: relative; bottom: auto; right: auto; }
	.section.table-section .tab table { width: 100%; }
	.section.table-section .tabs td a { display: block; font-size: 11px; padding: 0; font-weight: normal; line-height: 20px; margin: 2px; }

	.features-section.homepage { max-width: 100%; }
	.features-section.homepage .feature,
	.features-section.homepage .feature:last-child { margin: 0 10px 10px 10px; }
	.features-section.homepage .feature:nth-child(odd) { float: left; }
	.features-section.homepage .feature:nth-child(even) { float: right; }
	.features-section.homepage .feature:nth-child(even):after { display: block; content: ''; clear: both; float: none; }

	.additional-specs.information .spec-col:last-child,
	.additional-specs.information .spec-col:first-child { float: none; width: 100%;  }
	.additional-specs.information .spec-col ~ .spec-col { margin-top: 10px; }
	.additional-specs.information .spec-col .spec { margin:0; }
}

@media only screen and (max-width: 660px){
	.show-on-mobile-portrait { display: block; }

	.finance-form .col.col-left_fields,
	.finance-form .col.col-right_fields { display: block; margin: 0 auto; clear: both; float: none; }

	.accordion-cnt.no-padding .finance-form-tabs {}
	.accordion-cnt.no-padding .finance-form-tabs .col-siblings.col-siblings { display: block; width: 100%; }

	.features-section.homepage .feature:nth-child(odd),
	.features-section.homepage .feature:nth-child(even) { float: none; margin-left: auto; margin-right: auto; }

	.section.table-section .tabs .tab td.title-column { padding-top: 2px; }
	.section.table-section .tabs .tab > table { min-width: 300px; width: 100%; }
	.section.table-section .tabs .tab > table > tr > *:nth-child(n+3),
	.section.table-section .tabs .tab > table > thead > tr > *:nth-child(n+3),
	.section.table-section .tabs .tab > table > tbody > tr > *:nth-child(n+3),
	.section.table-section .tabs .tab > table > tfoot > tr > *:nth-child(n+3) { display: none; }

	.tab table td .mobile-lease-prices tr,
	.tab table td .mobile-lease-prices tr td { line-height: 20px; padding-left: 0; }
	.tab table td .mobile-lease-prices tr td:nth-child(1) { text-align: left; }
	.tab table td .mobile-lease-prices tr.odd td { background: none; }
	.tab table td .mobile-lease-prices a { padding: 0 10px 0 10px !important; line-height: 15px !important; }

    .cap-data > div { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

@media only screen and (max-width: 420px){
	.model-range .btns { width: 100% }
	.model-range .btns a { display: inline-block; width: 49.5%; box-sizing: border-box; text-align: center; }
	.model-range .btns a:first-child { border: none; }
	.model-range .nav { display: block; clear: both; }
}


/* ------------------------------------------------------------ *\
	Stock Offers
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

@media only screen and (max-width: 767px) {
	.hidden-xs { display: none;  }
}

/* ------------------------------------------------------------ *\
	Tooltip
\* ------------------------------------------------------------ */

[data-tooltip-alt]:after { left: auto; right: -40px; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn-orange-lg { display: inline-block; padding: 22px; background: #ff6418; border: 0; border-radius: 5px; color: #fff; font-weight: 700; font-size: 22px; cursor: pointer; }
.btn-orange-lg:hover { text-decoration: none; }

input.btn-orange-md,
.btn-orange-md { display: inline-block; padding: 22px 35px; background: #ff6418; border: 0; border-radius: 5px; color: #fff; font-weight: 400; font-size: 20px; cursor: pointer; }

input.btn-orange-md:hover,
.btn-orange-md:hover { text-decoration: none; }

.btn-transparent { display: inline-block; padding: 8px; border: 1px solid #fff; border-radius: 5px; color: #fff; font-weight: 700; font-size: 15px; }
.btn-transparent:hover { text-decoration: none; }

@media only screen and (max-width: 767px) {
	.btn-orange-lg { padding: 15px; font-size: 16px; }
	.btn-transparent { padding: 10px; font-size: 14px; }

	input.btn-orange-md,
	.btn-orange-md { padding: 15px; font-size: 15px; }

	input.btn-orange-md { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */

.radios .radio { margin-bottom: 10px; font-size: 14px; color: #666; }
.radios .radio:last-child { margin-bottom: 0; }
.radios .radio input { display: none; }

.radios .radio strong { text-transform: uppercase; margin-right: 10px; }
.radios .radio label.radio-label { position: relative; display: flex; padding: 0 0 0 30px; color: inherit !important; font-size: inherit !important; cursor: pointer; }
.radios .radio label.radio-label:before { content: ''; display: inline-block; position: absolute; top: 2px; left: 0; width: 11px; height: 11px; background: #fff; border: 3px solid #bfbfbf; }
.radios .radio label.radio-label:after { display: none; content: ''; position: absolute; top: 7px; left: 5px; width: 7px; height: 7px; background: #bfbfbf; }
.radios .radio input:checked + label.radio-label:after { display: block; }

.radios .radio.has-error .radio-label:before { border-color: red; }

/* ------------------------------------------------------------ *\
	Section Offer
\* ------------------------------------------------------------ */

.section-offer { font-family: Lato, monospace; overflow: hidden; }

.section-offer,
.section-offer * { box-sizing: border-box; }

.section-offer .crb-hide-on-app-success { font-family: 'Roboto', arial, sans-serif; }

/* Hide Second Step */
.section-offer .section-group { display: none; }
/* --------------- */

.section-offer .section-container { display: flex; }
.section-offer .section-aside { max-width: 38.3%; flex: 0 0 38.3%; background: #f7f7f7;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
.section-offer .section-content { max-width: 61.7%; flex: 0 0 61.7%; }
.section-offer .section-content--large { max-width: 100%; width: 100%; flex: 0 0 100%; }
.section-offer .section-inner { padding: 36px 40px; }

.section-offer .offer-popup { padding: 0; }

/* Application Redesign*/

.section-offer .section-group-application .col { width: 100%; float: none; }

.section-offer .section-group-application .finance-form-tabs { display: flex; }
.section-offer .section-group-application .finance-form-tabs li { display: flex; width: 25%; }
.section-offer.section-offer-personal .section-group-application .finance-form-tabs li { display: flex; width: 33.333%; }
.section-offer .section-group-application .finance-form-tabs li span { display: flex; align-items: center; justify-content: center; width: 100%; line-height: 1.2; }

@media only screen and (max-width: 767px){
	.section-offer .section-container { flex-wrap: wrap; }

	.section-offer .section-content,
	.section-offer .section-aside { max-width: 100%; flex: 0 0 100%; }

	.section-offer .section-inner { padding: 30px 15px; }

	/* Application Redesign */

	.section-offer .section-group-application .finance-form-tabs { flex-wrap: wrap; }
	.section-offer .section-group-application .finance-form-tabs li { width: 100%; margin-bottom: 2px; }
	.section-offer .section-group-application .finance-form-tabs li span { padding: 10px 0; }
}

/* ------------------------------------------------------------ *\
	Badge
\* ------------------------------------------------------------ */

.badge { display: inline-block; vertical-align: top; text-align: center; margin-right: 40px; }
.badge.badge--alt { height: 100px; vertical-align: bottom; }
.badge strong { display: inline-block; width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; background: #d5404d; color: #fff; border-radius: 100%; font-size: 19px; line-height: 1.26; margin: 0 auto; }
.badge span { display: block; color: #d5404d; text-transform: uppercase; font-weight: 900; font-size: 16px; }

@media only screen and (max-width: 767px) {
	.badge strong { width: 50px; height: 50px; font-size: 12px; }
	.badge span { font-size: 10px; }
}

/* ------------------------------------------------------------ *\
	Offer
\* ------------------------------------------------------------ */

.offer .offer-title { padding-bottom: 29px; margin-bottom: 26px; background: url(images/section-header-bg.png) no-repeat 0 bottom; color: #ff6418; font-weight: 400; font-size: 23px; line-height: 1.3; }

.offer .offer-head h4 { padding-bottom: 17px; font-weight: 700; font-size: 16px; }
.offer .offer-head strong { font-size: 15px; color: #ff6418; }

.offer .offer-image { position: relative; padding: 40px 20px; margin-bottom: 45px; text-align: center; }
.offer .offer-details { margin-bottom: 20px; }

.offer .badge { position: absolute; top: 40px; right: 20px; }

.offer .offer-foot { font-size: 10px; line-height: 1.6; }
.offer .offer-foot h5 { margin-bottom: 20px; font-weight: 400; font-size: 13px; line-height: 1.69; }

@media only screen and (max-width: 767px) {
	.offer .badge { top: 0; right: 0; }
}


/* ------------------------------------------------------------ *\
	Panel
\* ------------------------------------------------------------ */

.panel .panel-head { padding: 20px 30px; background: #ff6418; color: #fff; font-size: 11px; }

.panel .panel-head h3,
.panel .panel-head a { color: inherit; }

.panel .panel-head h3 { padding-bottom: 0; margin-bottom: 5px; font-weight: 700; font-size: 20px; }
.panel .panel-head h3 strong { font-size: 34px; }

.panel .panel-head h4 { margin-bottom: 5px; font-size: 16px; line-height: 1.25; }

.panel .panel-head-groups { display: flex; justify-content: space-between; align-items: center; }

.panel .panel-title { font-weight: 400; font-size: 28px; }

.panel .panel-body { padding: 24px; }
.panel .panel-image { background: #fff; text-align: center; padding: 20px; }

.panel .additional-specs { margin: 0; }

.panel .panel-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background: #e0e0e0; font-size: 16px; }

@media only screen and (max-width: 767px) {
	.panel .panel-head-groups { flex-wrap: wrap; }
	.panel .panel-head-group { margin-bottom: 20px; }
	.panel .panel-head-group:last-child { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	Button Orange Lange
\* ------------------------------------------------------------ */

.btn-orange-lg { width: 235px; max-width: 100%; text-align: center; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout { display: flex; padding: 32px 75px 22px; margin-bottom: 30px; background: #4a4a4a; color: #fff; }
.callout a { color: #fff; }

.callout .callout-action { text-align: center; }
.callout .callout-action .popup-text-content { display: inline-block; margin-top: 5px; opacity: .7; font-size: 12px; }
.callout .callout-content { flex-grow: 1; padding: 0 30px; }
.callout .callout-content h3 { padding-bottom: 6px; font-weight: 700; font-size: 20px; color: inherit; }
.callout .callout-content h3 strong { font-size: 30px; }
.callout .callout-content h4 { font-weight: 400; font-size: 16px; }
.callout .callout-actions ul { list-style: none; }
.callout .callout-actions li { margin-bottom: 6px; }
.callout .callout-actions li:last-child { margin-bottom: 0; }
.callout .callout-actions li a { width: 100%; padding: 8px 10px; text-align: center; }

@media only screen and (max-width: 767px) {
	.callout { flex-wrap: wrap; padding: 30px; }

	.callout .callout-action,
	.callout .callout-content,
	.callout .callout-actions { max-width: 100%; flex: 0 0 100%; }

	.callout .callout-action,
	.callout .callout-content { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Specs
\* ------------------------------------------------------------ */

.specs .specs-head { margin-bottom: 18px; }

.specs .specs-title { padding: 0; margin-bottom: 3px; font-size: 24px;  }
.specs h4.specs-subtitle { margin-top: 10px; font-weight: 700; font-size: 16px; line-height: 1.38; }
.specs h5.specs-subtitle { font-size: 14px; }

/* Rows */

.specs .specs-row { margin-bottom: 30px; }

/* Cols */

.specs .specs-cols { display: flex; flex-wrap: wrap; margin: 0 -4px; }
.specs .specs-col { max-width: 33.33%; flex: 0 0 33.33%; padding: 0 4px; }
.specs .specs-col select,
.specs .specs-col .select-text { font-size: 11px; }
.specs .specs-col.specs-col--small { max-width: 25%; flex: 0 0 25%; }
.specs .specs-col.specs-col--medium { max-width: 29%; flex: 0 0 29%; }
.specs .specs-col.specs-col--large { max-width: 46%; flex: 0 0 46%; }

/* Select */

.specs .spec-initial-rental { width: 100%; }
.specs .spec .select-holder { padding-right: 30px; }
.specs span.select-text { display: inline-block; width: 100%; height: 40px; line-height: 40px; padding: 0 0 0 10px; }

.specs .spec { width: 100%; font-size: 14px; color: #666; }
.specs .spec .spec-label { display: inline-block; margin-bottom: 13px; font-size: inherit !important; color: inherit; }
.specs .spec select { font-size: inherit; }
.specs .spec .select-holder { height: 40px; background: #fff; border: 1px solid #bfbfbf; border-radius: 5px; }

.specs .spec.spec-rcol,
.specs .spec-initial-rental { margin: 0; }

/* Specs Table */

.specs-table { width: 100%; font-size: 14px;}
.specs-table td { padding: 2px 0; }
.specs-table td:nth-child(1) { font-weight: 700; }
.specs-table td:nth-child(2) { text-align: right; }

@media only screen and (max-width: 767px) {
	.specs-table { font-size: 13px; }

	.specs .specs-col.specs-col--small { max-width: 50%; flex: 0 0 50%; }
	.specs .specs-col.specs-col--medium { max-width: 50%; flex: 0 0 50%; }
	.specs .specs-col.specs-col--large { margin-top: 10px; max-width: 100%; flex: 0 0 100%; }
}

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs .tabs__nav { font-size: 14px; }
.tabs .tabs__nav ul { display: flex; justify-content: flex-start; list-style: none; margin: 0 -2px; }
.tabs .tabs__nav li { padding: 0 2px; }
.tabs .tabs__nav a { display: block; padding: 8px 18px; text-decoration: none; background: #ececec; color: #666; }
.tabs .tabs__nav .current a { background: #ff6418; color: #fff; }
.tabs .tabs__nav .featured { font-weight: 700; }
.tabs .tabs__nav .featured a { background: #ff6418; color: #fff; }

.tabs .tabs__body { border: 1px solid #ececd0; padding: 35px; }

.tabs .tab { display: none; }
.tabs .tab.active { display: block; }

@media only screen and (max-width: 767px) {
	.tabs { border: 1px solid #4a4a4a; }
	.tabs .tab { overflow: visible; }

	.tabs .tabs__nav ul { flex-wrap: wrap; margin: 0; }
	.tabs .tabs__nav li { max-width: 100%; flex: 0 0 100%; padding: 0; border-bottom: 1px solid #4a4a4a; }
	.tabs .tabs__nav li:last-child { border-bottom: 0; }

	.tabs .tabs__body { border: 0; padding: 20px 10px; }
}


/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.dropdown { margin-bottom: 30px; }
.dropdown:last-child { margin-bottom: 0; }

.dropdown .dropdown__head { position: relative; font-weight: 300; font-size: 20px; cursor: pointer; padding: 0 5px; }

.dropdown .dropdown__head span { position: relative; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-radius: 100%; background: #5b5b5b; color: #fff; }

.dropdown .dropdown__head span:before,
.dropdown .dropdown__head span:after { content: ''; position: absolute; top: 50%; left: 50%; background: #fff;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.dropdown .dropdown__head span:before { width: 10px; height: 2px; }
.dropdown .dropdown__head span:after { height: 10px; width: 2px; }

.dropdown .dropdown__body { display: none; padding-top: 10px; }

.dropdown.active .dropdown__body { display: block; }
.dropdown.active .dropdown__head span:after { display: none; }

@media only screen and (max-width: 767px) {
	.dropdown .dropdown__head { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	List Options
\* ------------------------------------------------------------ */

.list-options { list-style: none; }

.list-options li { display: flex; justify-content: space-between; padding: 5px; }
.list-options li:nth-child(2n) { background: #f4f4f4; }

.list-options input,
.list-options span { display: inline-block; vertical-align: middle; }

.list-options input { margin-right: 10px; }
.list-options label { cursor: pointer; }

/* ------------------------------------------------------------ *\
	Financial Breadcrumbs
\* ------------------------------------------------------------ */

.financial-breadcrumbs { display: table; width: 100%; font-size: 14px; color: #fff; text-transform: uppercase; }

.financial-breadcrumbs ul { display: table-row; list-style: none; }
.financial-breadcrumbs li { display: table-cell; }
.financial-breadcrumbs span { position: relative; display: block; width: 100%; height: 50px; padding: 15px 10px 15px 50px; background: #000; }
.financial-breadcrumbs li:first-child span { padding-left: 20px; }
.financial-breadcrumbs strong { position: relative; z-index: 10; }
.financial-breadcrumbs span:before { content: ''; position: absolute; bottom: -1px; left: 100%; width: 35px; height: 35px; background: #000; border: solid #fff; border-width: 0 2px 2px 0; border-radius: 0 0 6px 0; z-index: 5;
	transform-origin: bottom left;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.financial-breadcrumbs span.active { background: #ff6418; }
.financial-breadcrumbs span.active:before { background: #ff6418; }
.financial-breadcrumbs li:last-child span:before { display: none; }

@media only screen and (max-width: 767px) {
	.financial-breadcrumbs { font-size: 10px; line-height: 1.2;  }
	.financial-breadcrumbs span { padding: 15px 5px 15px 30px; }
}

/* ------------------------------------------------------------ *\
	Financial Steps
\* ------------------------------------------------------------ */

.financial-steps .financial-title { margin-bottom: 50px; color: #000; font-size: 30px; }

/* ------------------------------------------------------------ *\
	Form Financial
\* ------------------------------------------------------------ */

.form-financial .form-label { display: none; }
.form-financial .form-field { display: block; width: 100%; padding: 12px 13px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 14px;
	-webkit-appearance: none;
	  -moz-appearance: none;
	       appearance: none;
}

.form-financial .field.has-error .form-field { border-color: red }

.form-financial .form-title { padding-bottom: 5px; font-weight: 300; font-size: 22px; }
.form-financial .cols { display: flex; flex-wrap: wrap; margin: 0 -14px; }
.form-financial .col { max-width: 50%; flex: 0 0 50%; padding: 7px 14px; }

.form-financial .form-section { margin-bottom: 50px; }
.form-financial .form-notes { margin-bottom: 70px; font-size: 13px; }

@media only screen and (max-width: 767px) {
	.form-financial .cols { margin: 0 -5x; }
	.form-financial .col { padding: 5px; }
}

/* ------------------------------------------------------------ *\
	cBox
\* ------------------------------------------------------------ */

#colorbox #cboxLoadedContent { max-width: 90vw; }
#colorbox #cboxLoadedContent > div { padding: 20px; }

.colorbox-form { width: 300px; max-width: 100%; }

.colorbox-form,
.colorbox-form * { box-sizing: border-box; }

.colorbox-form { background: #ececec; }
.colorbox-form h4 { margin-bottom: 20px; font-size: 20px; }
.colorbox-form .field { position: relative; margin-bottom: 10px; }

.colorbox-form .field label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 15px; line-height: 35px; cursor: auto; }

.colorbox-form .field input { appearance: none; border: 0; border-radius: 0; width: 100%; height: 33px;  padding: 10px 15px; }
.colorbox-form input[type=submit] { appearance: none; border: 0; border-radius: 0; width: 100%; height: 40px;  padding: 10px 15px; font-size: 16px; }

.colorbox-form .info { line-height: 1.3; }
.colorbox-form input[type=submit] { background: #ff6418; color: #fff; }

.colorbox-form .field.field--checkbox label { position: relative; display: inline-block; width: 90%; line-height: 15px; vertical-align: top; }
.colorbox-form .field.field--checkbox input[type=checkbox] { position: relative; display: inline-block; width: auto; height: auto; vertical-align: top; }

/* ------------------------------------------------------------ *\
	Sticky
\* ------------------------------------------------------------ */

.sticky.active > *{ position: fixed; bottom: 0; }

@media only screen and (max-width: 767px) {
	.sticky.active > * { position: static; }
}

/* ------------------------------------------------------------ *\
	Details
\* ------------------------------------------------------------ */

.details { display: flex; margin: 0 -60px; }
.details h3 { margin-bottom: 2px; font-size: 20px; }

.details .details__group { max-width: 50%; flex: 0 0 50%; padding: 0 80px; }

.details table,
.details table td,
.details table th { overflow: visible; vertical-align: top; }

.details table td,
.details table td:first-child,
.details table .odd td { background: #fff; padding: 0; font-size: 14px; line-height: 1.9; }

.details table td:nth-child(1) { color: #363636; text-align: left; }
.details table td:nth-child(2),
.details table td:first-of-type + td { color: #666666; text-align: right; }

@media only screen and (min-width: 768px) {
	.details table td:nth-child(2) { width: 58%; }
}

@media only screen and (max-width: 767px) {
	.offer-popup { max-width: 470px; padding: 10px; }

	.details { flex-wrap: wrap; margin: 0; }

	.details table td:nth-child(1) { white-space: nowrap; }
	.details table td:nth-child(1) span { white-space: normal; }

	.details .details__group { max-width: 100%; flex: 0 0 100%; padding: 0 20px; margin-bottom: 40px; }
	.details .details__group:last-child { margin-bottom: 0; }

	.details [data-tooltip]:after { margin-left: -30px; }

	.post.show-more > .post-gallery { display: block; }
	.post.show-more .entry .post-gallery { display: none; }
}

@media only screen and (max-width: 480px) {
	.section-offer .section-inner { padding: 30px 10px !important; box-sizing: border-box; }
	.details .details__group { max-width: 100%; flex: 0 0 100%; padding: 0 0; margin-bottom: 40px; }
	.details .details__group:last-child { margin-bottom: 0; }
}

@media only screen and (max-width: 360px) {
	.details .details__group td,
	.details .details__group .odd td,
	.details .details__group td:first-child { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.cta-sidebar { position: fixed; top: 50%; right: 0; transform: translateY(-50%); }

.cta-sidebar li { list-style: none; margin-bottom: 2px; background-color: #ff6418; min-width: 180px; transition: transform 0.5s ease-in-out 0s, background-color .6s; transform: translateX(134px); }
.cta-sidebar .cta_sidebar-image { width: 25px; max-width: 25px; height: auto; padding: 8px 10px; }
.cta-sidebar .cta_sidebar-image img { max-width: 100%; height: auto; vertical-align: middle; }
.cta-sidebar a { display: flex; align-items: center; color: #fff; text-decoration: none; }
.cta-sidebar strong { width: 120px; text-align: center; }

.cta-sidebar li:hover { background-color: #FF743D; transform: translateX(0); }

@media only screen and (max-width: 767px) {
	.cta-sidebar { position: fixed; top: auto; bottom: 0; left: 0; transform: none; z-index: 10; width: 100%; }
	.cta-sidebar .cta_sidebar-image { padding: 4px 0 0; }

	.cta-sidebar ul{ display: flex; background-color: #000; margin: 0 -1px; }
	.cta-sidebar li { height: auto; margin: 0 1px; background-color: #4a4a4a; flex-direction: row; min-width: auto; height: 50px; transform: none; width: 100%; }

	.cta-sidebar a { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 10px; height: 50px; }
	.cta-sidebar strong { display: none; }
}