/*
Theme Name: Nuvola London
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap. Includes a stylesheet (style.css) for you to restyle any of the CSS and a functions.php file to change theme parameters or components. Both files include samples of a few common things you might want to do.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.5
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.9
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/


 body {
        opacity: 1;
        transition: 1s opacity;
		 -webkit-font-smoothing: subpixel-antialiased;  /* make Safari display fonts the same as Chrome & FF */
    }
body.fade-out {
        opacity: 0;
        transition: none;
    }
	

/* Fluid Video Embeds */
.fve-video-wrapper {
	position: relative;
	overflow: hidden;
	height: 0;
	background-color: transparent;
	padding-bottom: 56.25%;
	margin: 0;
}
.fve-video-wrapper iframe, .fve-video-wrapper object, .fve-video-wrapper embed {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
	position: relative;
	display: none;
}
.fve-video-wrapper a.hyperlink-image img {
	position: relative;
	z-index: 2;
	width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
	position: absolute;
	left: 35%;
	top: 35%;
	right: 35%;
	bottom: 35%;
	z-index: 3;
	background-color: rgba(40, 40, 40, 0.75);
	background-size: 100% 100%;
	border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
	background-color: rgba(0, 0, 0, 0.85);
}
/* SUPERWIRE STYLES */

body {
	background: #FFF;
	font-family: "Lato", arial, sans-serif;
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
}
#page, .navbar, .after-footer {
	max-width: none;
}
a {
	color: #333;
	outline: 0;
}
a:hover, a:focus {
	color: #333;
	opacity: 1;
	outline: 0;
}
/* OVERIDE some Flat Bootstrap theme elements */
 

 
 @media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}


.content-area {
	padding-top: 0;
	padding-bottom: 0;
}


/*buttons*/

.navbar {
	min-height: auto;
}
.button-group {
	margin-bottom: 15px;
}
.row.button-group {
	margin: 15px 0;
}
.row.button-group .col-md-6:first-child {
	padding-left: 0;
	padding-right: 7px;
}
.row.button-group .col-md-6:last-child {
	padding-left: 7px;
	padding-right: 0px;
}
.btn {
	padding: 8px 12px;
}
.btn-fullwidth {
	display: block;
	padding-left: 0;
	padding-right: 0;
}
button, html input[type="button"], input[type="submit"], .btn {
	border-radius: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 14px;
}
.btn-default {
	background-color: #eee;
	border: 0;
	color: #222;
}
.btn-default:hover {
	background-color: #ccc;
}
.btn-fullwidth {
	display: block;
}
.btn.btn-primary {
	background: #222 none repeat scroll 0 0;
	border: 0;
}
.btn-primary:hover {
	background-color: #CCC;
	border: 0;
	color: #222;
}
a.btn-primary:active:focus {
	background: #CCC none repeat scroll 0 0;
	outline: 0 none;
}
.btn-primary.btn-lg {
	color: #333;
	background-color: transparent;
	font-size: 14px;
	line-height: 1.33;
	padding: 16px 32px;
	border: 1px solid #666;
	transition: 0.2s ease all;
}
.btn-primary.btn-lg:hover {
	background-color: #222;
	border-color: #222;
	color: #FFF;
}
/* full height content */

.row-same-height {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row-full-height {
	height: 100%;
}
.col-middle {
	vertical-align: middle;
}
.col-md-height {
	display: table-cell;
	float: none !important;
}
/* modal buttons */

.modal .btn.btn-primary:hover, .modal .btn.btn-primary:focus, .modal .btn.btn-primary:active {
	background: #CCC;
}


/* TEXT PANELS */


.text_panel {
	text-align: center;
	padding: 120px 0;
}
.text_panel h1 {
	font-weight: 100;
	font-size: 20px;
	text-transform: uppercase;
    line-height: 150%;

}

@media screen and (max-width: 767px) {
    .text_panel h1 {
            margin-top: 50px;
    }
}
.text_panel h2 {
	/*font-size: 30px;
	letter-spacing: 0.5px;
	line-height: 140%;
	margin-bottom: 38px;*/
}
.text_panel p, .text_panel h2 {
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 30px;
}
.text_panel .btn {
	letter-spacing: 3px;
	min-width: 250px;
}
.text_panel .button-group {
	margin-top: 50px;
}
.text_panel.side_panel {
	text-align: left;
	padding: 0;
}
.side_panel .text_content {
	padding: 75px;
}
.text_panel.grey_panel {
	background: #F6F6F6;
}


 .black_panel,  .black_panel a,  .black_panel p{
    background: #111 none repeat scroll 0 0;
	color: #eee;
}
 
    
 .white_panel {
    background: #fff none repeat scroll 0 0;
	color: #999;
}


/* HOME PAGE */

 
.home #masthead, .page-template  #masthead  {
	position: absolute;
	width: 100%;
	z-index:1;
} 
 
 
 
.home section .text_panel {
	padding: 120px 0;
}

.dark_panel {
	color: #eee;
}

.home_intro {
	 background: url("images/background_3061.jpg") repeat scroll center bottom / cover;
}

.home_intro .btn-primary {
	border-color: #FFF;
	color: #FFF;
}
.home_intro .button-group .btn {
	margin: 0 10px;
	border: 1px solid #999;
}
.home_intro .button-group .btn:hover {
	background: #FFF none repeat scroll 0 0;
	border: 1px solid #FFF;
	color: #333;
}
 
.home .text_panel.appointments {
	padding: inherit;
	text-align: left;
}
.appointments .img-responsive {
	width: 100%;
}

/* GMAP */

.appointments  .col-md-6.gmap {
    padding-right: 0;
}

.wpgmza_sl_main_div, .wpgmza_sl_main_div + div {
	display: none !important;
}
 

.scrolloff {  
	pointer-events: none;
	  }
 #wpgmza_map { 
 	display:block;	
	 }


.home .appointments .container-fluid,  
.home .appointments .container-fluid .row, 
.home .appointments .container-fluid #gmap_canvas {
    height: 100%;
}


.appointments .content,  .enquiry_form.content  {
	margin-left: 10%;
	max-width: 75%;
}

.home footer.entry-meta {
	display: none;
}

.home .contact_info .overline {
	border-top: 1px solid #999;
	margin-top: 15px;
	padding-top: 20px;
} 


/* image faders */


.carousel-inner {
	height: 100%;	
}

 .carousel.fade {
  opacity: 1;
  
}
.carousel.fade .item {
  transition: opacity ease-out 1s;
  left: 0;
  opacity: 0; /* hide all slides */
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-size:cover;
}
.carousel.fade .item:first-child {
  top: auto;
  opacity: 1; /* show first slide */
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
}
 
.carousel .item img {
    width: 100%;
}

.carousel-indicators {
    bottom: 15px;
    left: auto;
    opacity: 0.9;
    right: 72px;
    text-align: right;
}

/* Header  & nav */
 
 
 .navbar.navbar-default {
	border-radius: 0;	 
 }
 
 
.site-header .logo {
	max-width: 286px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.site-branding-text {
	text-align: center;
	position: relative;
}

/* push burger out wide on desktop brochure pages */

@media screen and (min-width: 768px) {
.home .site-branding .container, .page-template .site-branding .container  {
    margin-right: 42px;
    width: auto;
 
}
}

 .site-header.fluid .site-title {
    display: none;
}

/* navbar toggle */

.navbar-toggle {
	display: block;
    margin-right: 0;
    padding: 10px;
    position: absolute;
    right: -8px;
    top: 14px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 3px;
}
.navbar-toggle .nav-handle {
	color: #000;
	 display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 8px;
    position: absolute;
    right: 32px;
    top: 0px;
}
.navbar-toggle .icon-bar {
	background-color: #000;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 20px;
}
.navbar-toggle:hover .icon-bar {
	background-color: #333;
}

/* Fullpage SLIDES  JS images */


.featured_bg { 
	 background-repeat:no-repeat;
	 background-size:cover;
	 background-position: center;
 }

#fullpage  .section {
    padding-bottom: 0px;
    padding-top: 0px;
}

@media screen and (max-width: 767px) {
    #fullpage .section {
        height: auto !important;
    }
}
 


.logo-fullpage {
  position: absolute;
  text-align: center;
  padding-top: 35px;
  width: 100%;
  z-index: 1;
  background: linear-gradient(rgba(0,0,0,0.5), transparent);
  top: 0;
}
 

.logo-fullpage  .logo {
	max-width: 286px;
}







/* inverted white header for photo backgrounds */

header.fluid  .navbar-toggle {
	right: 5px;
    top: 30px;
}

header.white .navbar-toggle .nav-handle {
	color: #FFF;
}
header.white  .navbar-toggle:hover .nav-handle  {
	color:#CCC;	
	transition: 0.2s ease all;
}

header.white  .navbar-toggle .icon-bar {
	background-color: #FFF;	
}

header.white  .navbar-toggle:hover .icon-bar {
	background-color:#CCC;	
	transition: 0.2s ease all;
}



.site-title {
	margin-top: 15px;
}
.site-description {
	font-size: 18px;
	letter-spacing: 1px;
}
.navbar.navbar-default {
	background: transparent none repeat scroll 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.nav.navbar-nav {
	text-align: center;
	width: 100%;
}
.navbar-nav > li {
	display: inline-block;
	float: none;
}
.navbar-default .navbar-nav > li > a {
	color: #333;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* CARS FOR SALE ARCHIVE */
 
.post-type-archive-cars-for-sale .site-content {
	margin-bottom: 100px;
}

.post-type-archive-cars-for-sale .content-area  {
	 margin-top:30px;
}

.sort-controls {
	margin-bottom: 20px;
}
.sort-controls .sort-select {
	text-align: right;
}
.sort-icons .fa {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	border-radius: 100%;
	color: #666;
	font-size: 14px;
	line-height: normal;
	margin-right: 10px;
	min-height: 33px;
	min-width: 33px;
	padding: 8px 7px 6px;
	text-align: center;
}
.sort-icons a:first-child em {
	padding-bottom: 6px;
	padding-left: 8px;
}
.sort-icons .selected .fa {
	background: #666;
	color: #FFF;
	border-color: #666
}
.sort-controls select {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	min-width: 248px;
	padding: 8px 12px;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 0;
	background: rgba(0, 0, 0, 0) url("images/arrow_down.png") no-repeat scroll 95% center;
	background-color: FFF;
}
.sort-controls option {
	color: #333;
}
.sort-controls .filters {
	color: #666;
	margin-right: 20px;
	text-transform: uppercase;
}
.sort-controls .filters label {
	cursor: pointer;
	margin-bottom: 0;
	margin-left: 8px;
	vertical-align: middle;
}
.car-for-sale {
	font-weight: 400;
	margin-bottom: 40px;
	letter-spacing: 0.5px;
}
 

.car-for-sale a:hover {
	color: #000;
}
.car-for-sale img {
	width: 100%;
	transition: 0.3s ease all;
}
.car-for-sale img:hover {
	opacity: 0.8;
	transition: 0.3s ease all;
}
.car-for-sale .make_model {
	font-size: 18px;
	line-height: 27px;
	margin-top: 16px;
	min-height: 68px;
	letter-spacing: 0;
}
.car-for-sale .year_miles {
	position:relative;
}

.car-for-sale .miles {
    left: 0;
    margin: 0px;
    position: absolute;
    text-align: center;
    width: 100%; 
}

.car-for-sale .miles::before {
    /*content: " — ";*/
}


.car-for-sale .footer {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 10px 0px;
	font-size: 15px;
}
/* list view */

.list_view {
	display: none;
}

.car-for-sale.list_view .miles {
	text-align:right;
	position:relative;
}

.list_view .engine_details, 
.list_view .miles {
	font-size: 15px;
	letter-spacing:normal;
	margin-top: 5px;
}
.list_view .engine_details span {
    margin-right: 5px;
}

.list_view .post-details {
	background: #F9F9F9 none repeat scroll 0 0;
	min-height: 124px; /* hack */
	padding-left: 25px;
	padding-right: 30px;
	padding-top: 30px;
}



.list_view .post-details.col-md-2 {
	margin-left: -15px;  /* hack */
}

.car-for-sale.list_view {
    margin-bottom: 20px;
}
.car-for-sale.list_view .make_model {
	line-height: normal;
	margin-top: 0px;
	min-height: auto;
	margin-bottom: 4px;
}
.car-for-sale.list_view, .car-for-sale .make_model {
	font-size: 18px;
}
/* pagination currently hidden due to inifitine scroll*/
.pagination {
	border-radius: 4px;
	display: none;
	text-align: center;
}
.pagination > li {
	display: inline-block;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, span.page-numbers.current {
	background-color: #666;
	border-color: #666;
	color: #fff;
}
.pagination > li > a, .pagination > li > span {
	color: #666;
}
.pagination > li a, .pagination > li span {
	margin-right: 9px;
}
.next.page-numbers, .prev.page-numbers {
	display: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li a, .pagination > li span {
	border-radius: 7px;
}

#car-list {
	position:relative;	
	padding-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
} 

#infscr-loading {
    bottom: 0;
    display: block !important;
  
    position: absolute;
    right: 50%;
    text-align: center;
}
#infscr-loading > img {
	margin: auto;
	width: 60px;
	height: 60px;
}
#infscr-loading > div {
	display: none
}
/* SINGLE CAR DETAILS  */
 

.single-cars-for-sale .site-content {
	margin-bottom: 100px;
}
.breadcrumbs {
	margin-top: 12px;
	margin-bottom: 12px;
	letter-spacing: 1px;
}
.breadcrumbs span, .breadcrumbs .fa {
	color: #666;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.breadcrumbs .fa {
	color: #ccc;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.breadcrumbs > em:nth-child(4), .breadcrumbs > span:nth-child(5) {
	/* inelegant way to suppress unwanted crumb */
	display: none;
}
.car_navi a {
	font-size: 32px;
	padding: 0px 5px;
	color: #999;
}

.car_navi a:hover {
    color: #000;
}
.car_navi a:last-child {
    padding-right: 0;
}
.header-car {
	margin-bottom: 20px;
	margin-top: 30px;
}
.header-car .row {
	display: flex;
}
.header-car .title-area, .header-car .price-area {
	display: flex;
}
.header-car .price-area {
	align-items: flex-end;
	align-self: flex-end;
	display: flex;
	flex-direction: column;
}
.header-car h3 {
	font-weight: 400;
	margin: 0;
	font-size: 25px;
	letter-spacing: 0;/*color: #404040;*/
}
/* image list*/

.image_gallery img {
	margin-bottom: 30px;
}
/* car details sidebar */

.sidebar.car_details h4 {
	text-transform: uppercase;
}

.sidebar.car_details .btn.btn-primary.btn-fullwidth {
	margin-bottom:20px;
}


.sidebar.car_details, .sidebar.car_details h4 {
	font-size: 14px;
	letter-spacing: 0.5px;
}
a.accordion-toggle {
	display: block;
}
.overview-handle {
	margin-bottom: 1px;
	margin-top: -1px;
}
.accordion-toggle.collapsed::before {
	content: "+";
	display: inline-block;
	width: 10px;
	text-align: center;
}
.accordion-toggle::before {
	content: "-";
	display: inline-block;
	width: 10px;
	text-align: center;
}
.panel-title > a:hover, .panel-title > small:hover, .panel-title > .small:hover, .panel-title > small > a:hover, .panel-title > .small > a:hover {
	color: #000;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border: 0;
}
.panel-group .panel + .panel {
	margin-top: 0px;
}
.panel-group .panel-heading {
	border-bottom: 2px solid #ddd
}
.panel:first-child .panel-heading {
	border-top: 2px solid #ddd;
	padding-top: 11px;
}
.car_details .panel {
	box-shadow: none;
}
.car_details .panel-body {
	padding: 10px 0;
}
.car_details .panel-heading {
	border-radius: 0;
	display: block;
	padding: 8px 0;
}
.car_details dl {
	margin-bottom: 10px;
}
.car_details ul, .car_details dd {
	list-style: disc;
	padding-left: 17px;
	padding-right: 20px;
}
.car_details dd {
	clear: left;
	line-height: 25px;
}
.car_details .spec_label {
	float: left;
	color: #999;
}
.car_details .spec_value {
	float: right;
}
 
.car_details.affix {
	right: 50px;
	top: 0px;
	width: 360px;
}
.car_details.affix .full-details {
	max-height: 550px;
	overflow-y: scroll;
}
.full-details li {
	line-height: 25px;
}
/* light gallery overrides */


.lg-outer .lg-thumb-item {
	border: 1px solid #666;
	border-radius: 0;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: #fff;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: pointer;
}
/* Modals  */

.modal-dialog {
	width: 650px;
}
.modal-content {
	border-radius: 0;
}
.modal-body {
	background: #f5f5f5 none repeat scroll 0 0;
	padding: 20px;
	border-radius: 10px;
}
.modal-body h3 {
	margin-top: 0;
}

/* Forms */

.form-control::-moz-placeholder, .form-control::-webkit-input-placeholder {
 color: #ccc;
}
 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}

.form_head {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 3px;
	text-shadow: 1px 1px #fff;
	text-transform: uppercase;
}
.form-group {
	margin-bottom: 8px;
}
.form-horizontal .control-label {
	 
}
.form-control {
	border-radius: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #eee;
	border-color: #eee;
	box-shadow: none;
	opacity: 1;
}
.modal .btn.btn-primary {
	background: #222 none repeat scroll 0 0;
	border: none;
	font-size: inherit;
	padding: 6px 20px;
}
.modal .btn.btn-primary:hover, .modal .btn.btn-primary:focus, .modal .btn.btn-primary:active {
	background: #CCC;
}
.modal button.close {
	font-size: 36px;
	font-weight: 100;
	line-height: 34px;
	min-width: 36px;
	opacity: 0.7;
	position: absolute;
	right: 20px;
}
.modal button.close:hover {
	opacity: 1;
	background-color: #FFF;
}



/* Contact page & in-page forms */
.page-template-page-contact  .text_panel.contact_form {
	text-align:left;
	padding: inherit; 

}

.page-template-page-contact  .text_panel.contact_form .content {
	 padding-bottom: 15%;
    padding-top: 12.5%;
	
}

.content.enquiry_form form {
    margin-top: 25px;
}

.enquiry_form h1 span.notes {
    float: right;
    font-size: 14px;
    margin-top: 6px;
    text-transform: none;
}

.form-onwhite .form-group {
    margin-bottom: 4%;
}

.form-onwhite .form-control {
    color:#000;
	background: #eee none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    padding: 6px 18px;
	 min-height: 50px;
}

.form-onwhite textarea.form-control {
    padding-top: 18px;
}


.form-onwhite .form-control::-moz-placeholder {
    color: #666;
}


.form-onwhite .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #666;
}
 

/* Nav overlay */


 
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */   
	height: 0%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 10; /* Sit on top */
	left: 0;
	top: 0;
	background-color: rgb(0,0,0); /* Black fallback color */
	background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	top: 20%; /* 20% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
	color: #999;
	display: block;
	font-family: "Lato";
	font-size: 30px;
	padding: 8px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
    font-weight: 500;
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #F1F1F1;
	opacity: 1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	top: 42px;
	right: 57px;
	font-size: 60px;
	line-height: 0;
}
.overlay #menu-main-navigation {
	list-style: outside none none;
	padding: 0;
}



/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */


@media screen and (max-height: 450px) {
.overlay a {
	font-size: 20px
}
.overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px;
}
}





/* overlay nav centering... */

.overlay {
	display: flex;
	height: 100%;
}

.overlay.overlay-closed {
	height: 0;
}

.overlay-content {
	position: static;
	top: auto;
	margin: auto;
	opacity: 1;
	transition: all 1s;
}
.overlay-closed .overlay-content a {
	opacity: 0;
	font-size: 1px;
}



/* footer */

.site-footer {
	 background: url("images/background_3058.jpg")  repeat scroll center bottom / cover;
	min-height: 400px;
	color: #fff;
	text-align: center;
	font-family: "Lato";
	font-size: 20px;
	padding: 140px 0px 100px;
	letter-spacing: 1px;
	position: relative;
}

.site-footer i {
  font-size: 85%;
  opacity: 0.75;
  margin-right: 3px;
}

/* sell your car page */
.page-id-42 .site-footer  {
		background: url("images/background_5183.jpg") repeat scroll center bottom / cover;
}

/* aftersales page */
.page-id-138 .site-footer  {
		background: url("images/background_aftersales.jpg")  repeat scroll center bottom / cover;
}

/* contact page */
.page-id-35 .site-footer  {
		background: url("images/background_2662.jpg")  repeat scroll center bottom / cover;
}

/* home page */
.home .site-footer  {
		background: url("images/background_3058.jpg")  repeat scroll center bottom / cover;
}
 

.site-footer a {
	color: #fff;
}

.site-footer a:hover {
	text-decoration: underline;
}


.site-footer > p {
	font-size: 20px;
	line-height: normal;
}
.site-footer .copyright {
	border-top: 1px solid #777;
	padding-top: 15px;
    bottom: 3%;
    position: absolute;
    width: 94%;
	margin-left:3%;
	margin-right: 3%;
}

.site-footer .copyright p {
	letter-spacing: 0.5px;
	font-size: 16px;
	opacity: 0.75;
}
.site-footer .logo_footer {
	max-width: 286px;
	margin-bottom: 50px;
}
.site-footer h1 {
	font-size: 50px;
	text-transform: uppercase;
}
.sidebar-footer {
	display: none;
}
.after-footer {
	background: transparent none repeat scroll 0 0;
	border-top: 1px solid #DDD;
	padding-bottom: 15px
}
.after-footer, .after-footer a {
	color: #999;
}
#site-credits {
	padding: 0;
}
.footer-nav-menu {
	display: none;
}
/* editing links */

a.post-edit-link {
    border: 1px solid;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}

a.post-edit-link:hover {
	color: #3366CC;
	border-color: #3366CC;
}
.finance .part-exchange-only, .finance .enquiry-only, .part-exchange .finance-only, .part-exchange .enquiry-only, .enquiry .part-exchange-only, .enquiry .finance-only {
	display: none;
}




/* email messages */
.nuvola-enquiry.success .success-holder {
	opacity: 1;
	display: flex;
}
.nuvola-enquiry.wait .wait-holder {
	opacity: 1;
	display: flex;
}
.nuvola-enquiry.failed .failed-holder {
	opacity: 1;
	display: flex;
	padding: 40px;
	cursor: hand;
}
.nuvola-enquiry .nv-message {
	/*display: none;*/
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	background-color: #fff;
	opacity: 0;
	display: none;
	flex-direction: column;
	justify-content: center;
	z-index: 1001;
	transition: all 0.5s ease-in-out;
}
.nuvola-enquiry .nv-message div {
	margin: auto;
	text-align: center;
}
.g-recaptcha {
	display: inline-block;
}

.will-load {
  opacity: 0;
}
.will-load.loaded {
	transition: opacity 0.5s;
  opacity: 1;
}

input.invalid, textarea.invalid, .g-recaptcha.invalid {
	border: 1px solid #F00;
}




/**********************************************   MOBILE & TABLET OPTIMISATION   *************************************************************/

/*  ---- BS  Breakpoints ----

    xs= 0-767 pixels   IPHONE PORTRAIT & LANDSCAPE
    sm = 768-991 pixels   IPAD PORTRAIT
    md = 992-1199 pixels  IPAD LANDSCAPE and SMALL LAPTOP
    lg = 1200 pixels and up  LAPTOP AND DESKTOP
	
	
*/


@media screen and (min-width: 992px) and (max-width: 1199px) {

	.list_view .post-details {
	min-height:99px;	
	padding-top:25px;
	}
}

@media screen and (min-width: 992px) {
	#car-list .col-md-4 {
		flex: 0 0 33.3%;
	}
}

@media screen and (max-width: 991px) {
	.car-for-sale .make_model {
	margin-bottom: 10px;
	min-height: initial;
	}
 
	/* hide all except first image */

	.image_gallery a:not(:nth-of-type(1)) {
	 display: none;
	}

	/* hide WP edit buttons when things go single column */
	a.post-edit-link {
	display:none;	
	}

	#fullpage .section.text_panel .content {
	padding-top: 50px;
	padding-bottom: 50px;	
	} 

}

@media screen and (min-width: 768px) and (max-width: 991px) {
   
   .car-for-sale.grid_view  {
    width: 50%;
	}
	
	#car-list .grid_view.col-md-4 {
		flex: 0 0 49.9%;
	}
	
	.car-for-sale.grid_view .make_model {
    min-height: 55px;
	}
	.list_view .post-details {
    min-height: 118px;
    padding-top: 25px;
	}
}


@media screen and (max-width: 767px) {
 
.single-cars-for-sale .show_cars {
	color: #666;
	display: block !important;
	float: left;
	font-size: 24px;
	left: 3px;
	padding: 0 3px;
	position: absolute;
	top: 17px;
}
.home h1 {
	font-size: 15px;
}
.home_intro {
	padding: 35px 0;
}
 
.home_intro .button-group {
	margin-top: 20px;
}
.home_intro .button-group .btn {
	display: block;
	margin-bottom: 15px;
} 

.home .contact_info {
	display:none;	
}

/* gmap overrides */

 .home #gmap_canvas {
    height: 500px !important;
}

#wpgmza_map {
 height: 100%;
}	

.appointments .col-md-6.gmap {
    padding-left: 15px;
    padding-right: 15px;
} 
.col-md-height {
	display: block;
}
.site-header .logo,  .logo-fullpage .logo {
	max-width: 200px;
}
.navbar.navbar-default {
	display: none;
}
.content-area {
	padding-top: 0px;
}
 
.text_panel {
    padding: 40px 0;
}

.side_panel .text_content {
    padding: 60px 30px;
    text-align: center;
}

.section-image, .section-image-overlay {
    min-height: auto;
}
 

/* navbar */

 
header.fluid .navbar-toggle {
    right: 0;
    top: 25px;
}

.navbar-toggle {
    right: 0;
    top: 10px;
}
 

.navbar-toggle .nav-handle {
	display: none;
}

.overlay .closebtn {
    font-size: 40px;
    line-height: 0;
    position: absolute;
    right: 15px;
    top: 40px;
}
 


.appointments .content {
	margin-left: 15px;
	margin-right: 15px;
	max-width: none;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 30px
}


.appointments .content.enquiry_form {
	text-align:left
}

.appointments .content.enquiry_form h1 {
	text-align:center;	
}
 


/* CARS FOR SALE */

.post-type-archive-cars-for-sale .content-area {
	margin-top:0;	
}

.sort-select {
	background: #f5f5f5;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sort-controls select {
	min-width: initial;
	width: 60%;
	overflow: hidden;
}
.sort-controls .filters {
	float: left;
	margin-bottom: 0px;
	margin-top: 8px;
}
.sort-controls option {
	overflow: hidden;
}
.sort-controls .filters label, .sort-controls {
	font-size: 12px;
	font-weight: bold;
}


/* SINGLE CAR DETAIL */

.image_gallery img {
	margin-bottom: 10px;
}
.more_images {
	margin-bottom: 20px;
}
.more_images .fa {
	margin-right: 8px;
}
.sidebar.car_details, #car_details {
	position: relative !important;
}
#car_details {
	max-height: none !important;
}
.header-car {
	margin-top: 0px;
}
.header-car h3 {
	font-size: 18px;
	line-height: normal;
	font-weight: 600;
}
.header-car h3.price {
	font-weight: normal;
}
.header-car .row {
	display: block;
}
.header-car .title-area, .header-car .price-area {
	text-align: center;
	display: block;
}
.header-car .price-area {
	margin-top: 5px;
}
.car_details .spec_label {
	color: inherit;
}
/* modals */

.modal-dialog {
	width: 100%;
	margin: 0;
	width: auto;
}


/* contact forms */

.enquiry_form h1 span.notes { 
	float:none;
	display:block;
}



/* footer */


.site-footer {
 	padding: 50px 0 10px;
}
.site-footer > p {
	font-size: 15px;
}
.site-footer .logo_footer {
	margin-bottom: 25px;
	width: 250px;
}
.site-footer .copyright {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 45px;
}
.site-footer .copyright p {
	font-size: 14px;
	color: #AAA;
}

}


@media screen and (max-width: 479px) {
 .carousel, .carousel  div.fp-tableCell, .featured_bg, .featured_bg  div.fp-tableCell {
    height: 260px !important;
    max-height: 260px !important;
	}
	
 .carousel.side_gallery, .carousel.side_gallery  div.fp-tableCell  {
    height: auto !important;
    max-height:none !important;
	}
	
	

.carousel-indicators {
    right: 25px;
	bottom: 5px;
   }
   
   .carousel-indicators li {
	 height: 9px;
     width: 9px;
	  margin: 0;
   }
   
 .carousel-indicators .active {
    background-color: #fff;
    height: 9px;
	width: 9px;
    margin: 0;
    
}
}


@media screen and (max-width: 767px) {
.fp-tableCell .row > div {
    padding-bottom: 50px;
    }
}