/**** CSS by New Star Media ****/

@font-face {
    font-family: 'FuturaBtMedium';
    src: url('../fonts/futura_medium-webfont.eot');
    src: url('../fonts/futura_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_medium-webfont.woff') format('woff'),
         url('../fonts/futura_medium-webfont.ttf') format('truetype'),
         url('../fonts/futura_medium-webfont.svg#futura_medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Montserrat', sans-serif; }

/** Basic Defaults & Resets **/
body { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #404040; line-height: 24px; background: #fff; overflow-x: hidden; font-weight: 400; text-rendering: optimizeLegibility; }
* { margin: 0; padding: 0; outline: 0; }
img { max-width: 100%; display: block; height: auto !important; }
.site iframe { max-width: 100%; }
/* Reset Bootstrap Styles */
.nav > li > a:hover, .nav > li > a:focus { background: none; }
.ccm-main-nav-edit-option *, .ccm-dialog-window-wrapper *, #ccm-system-nav *, #ccm-main-nav *, .ccm-buttons * { box-sizing: initial; }
.site iframe { border: none; }
/* Stop engine room overlapping top of site when logged in */
.site { position: relative; overflow: hidden; }
::-moz-selection { background: #404040; color: #fff; }
::selection { background: #404040; color: #fff; }

#cookiepopup-content * { letter-spacing: 0 !important; font-weight: 300 !important; }

/*** Media Query Screen Width Overlay ***/
body:after { content: "Large Screens"; font-size: 20px; font-weight: bold; position: fixed; bottom: 0; left: 50%; width: auto; padding: 15px; text-align: center; background: #FC0; opacity: 0.75; color: #000; z-index: 9; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: table; }

/* Comment/uncomment this to enabe/disable the overlay */
body:after {    content: "" !important; padding: 0; } 

/*** Typography ***/
.site h1, .site h2, .site h3, .site h4, .site h5 { font-family: 'FuturaBtMedium'; font-weight: 800; text-transform: uppercase; }
.site h1 { font-size: 48px; }
.site h2 { font-size: 30px; }
.site h3 { font-size: 17px; }
.site h4 { font-size: 20px; }
.site h5 { font-size: 16px; }
.site h1 em, .site h2 em, .site h3 em { font-family: 'Montserrat', sans-serif; font-size: 33%; display: block; font-style: normal; font-weight: 600; letter-spacing: 5px; }
.site p, .site ul, .site ol, .site table { margin: 15px 0; }
.site p.stand-out { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; }
.site p.stand-out a { font-weight: 600; }
.site ul li { padding: 0; list-style: none outside; }
.site p strong,
.site li strong { font-weight: 400; }

.site a { color: #222; transition: 0.2s; font-weight: 600; }
.site a:hover { color: #555; text-decoration: none; transition: 0.2s; }
.site a:active, .site a:focus { outline: none; text-decoration: none; }

.site .btn { text-transform: uppercase; border: 1px solid #bebebe; border-radius: 0; margin: 5px 0; padding: 10px 30px; min-width: 208px; font-weight: 600;  }
.site .btn:hover { background-color: #232323 !important; color: #fff !important; border-color: #232323 !important; }
.site .btn.drk-btn { background-color: #303030; color: #fff; border-color: #303030; }
.site .btn.drk-btn:hover { background-color: #f7f7f7 !important; color: #404040 !important; border-color: #f7f7f7 !important; }
.site .btn.lonely { margin: 60px auto; }
.site .btn.blue-btn { background-color: #2897c1; color: #fff; border-color: #2897c1; }

.site ul.list-style-1 { overflow: hidden; }
.site ul.list-style-1 li { width: calc(100% - 30px); float: left; color: #212121; position: relative; padding-left: 30px; }
.site ul.list-style-1 li:before { content: "\f00c"; font-family: FontAwesome; color: #404040; position: absolute; left: 0; }

.site ol.list-style-1 { counter-reset: item; overflow: hidden; }
.site ol.list-style-1 li { display: block; width: calc(100% - 30px); float: left; color: #212121; position: relative; padding-left: 30px; }

.site ol.list-style-1 li:before { content: counter(item) ". "; counter-increment: item; font-weight: bold; color: #404040; position: absolute; left: 0; }

.site .no-padding { padding: 0 !important; }

/*** Forms ***/
.site input,
.site select,
.site button,
.site textarea,
.site input[type=button],
.site input[type=submit] { width: 100%; padding: 10px 15px; font-weight: 600; margin: 0; border: 1px solid #bebebe; border-radius: 0; outline: none; background-color: transparent; color: #bebebe; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.4s; }
.site select { background-repeat: no-repeat; background-position: 100% 50%; background-image: url(../images/form-select.png); background-size: 44px; }
.site textarea { max-width: 100%; height: 120px; }
.site input[type=button],
.site input[type=submit] { border: 1px solid #bebebe; text-transform: uppercase; display: table; width: auto !important; margin: 10px auto; background-color: transparent; color: #232323; font-size: 12px; letter-spacing: 2px; font-weight: 600; padding: 10px 30px; }
.site form select:hover, .site form select:focus, .site form input:hover, .site form textarea:hover { background-color: #f9f9f9 !important; transition: 0.4s; }
.site input[type=button]:hover,
.site input[type=submit]:hover { background-color: #232323 !important; border-color: #232323 !important; color: #fff !important; }
.site .sem-label, .site .sem-legend { display: none; }
/* Strip out default vendor form styling */
.site form select::-ms-expand { display: none; }
@-moz-document url-prefix() {
.site form select { background-image: url(../images/form-select.png); } 
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.site form select { background-image: url(../images/form-select.png); } 
}

/* Form Messages */
.site .sem-error-field { background-color: transparent; }
.site .sem-error-field input,
.site .sem-error-field select,
.site .sem-error-field textarea { border: 1px solid #f00; }
.site .sem-thankyou {margin: 30px 0; float: left; background-color: green; color: #fff; padding: 30px 0; text-align: center; width: 100%; text-transform: uppercase; letter-spacing: .3em;}

.site .form-heading { font-family: 'FuturaBtMedium'; font-size: 24px; text-align: center; text-transform: uppercase; color: #303030; letter-spacing: 2px; padding: 20px; }
.site .form-heading .extended-title { display: none !important; }

/* Stock Search Form */
.site .vehicle-list-engine-room-vehicle-advanced-search input,
.site .vehicle-list-engine-room-vehicle-advanced-search select,
.site .vehicle-list-engine-room-vehicle-advanced-search button,
.site .vehicle-list-engine-room-vehicle-advanced-search textarea,
.site .vehicle-list-engine-room-vehicle-advanced-search input[type=button],
.site .vehicle-list-engine-room-vehicle-advanced-search input[type=submit] { width: 100%; padding: 10px 15px; font-weight: 300; margin: 0 0 10px; border: none; border-radius: 0; outline: none; background-color: #232323; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.4s; }
.site .vehicle-list-engine-room-vehicle-advanced-search select { background-repeat: no-repeat; background-position: 100% 50%; background-image: url(../images/form-select.png); background-size: 44px; }
.site .vehicle-list-engine-room-vehicle-advanced-search input:hover,
.site .vehicle-list-engine-room-vehicle-advanced-search select:hover,
.site .vehicle-list-engine-room-vehicle-advanced-search input:focus,
.site .vehicle-list-engine-room-vehicle-advanced-search select:focus { background-color: #121212 !important; }

.site .vehicle-list-engine-room-vehicle-advanced-search input[type=button],
.site .vehicle-list-engine-room-vehicle-advanced-search input[type=submit] { border: 1px solid #fff; text-transform: uppercase; display: table; width: auto !important; margin: 10px auto; background-color: transparent; font-size: 12px; letter-spacing: 2px; font-weight: 600; padding: 10px 30px; }
.site .vehicle-list-engine-room-vehicle-advanced-search input[type=button]:hover,
.site .vehicle-list-engine-room-vehicle-advanced-search input[type=submit]:hover { background-color: #232323; border-color: #232323; }

/*** Layout ***/
/** Header **/
.site header { position: fixed; height: 110px; width: 100%; background-color: #fff; top: 0; left: 0; z-index: 9; }
.site .logo { height: 110px; position: relative; }
.site .logo img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); max-width: 100%; max-height: 100%; }
.site nav { height: 110px; }
.site ul.nav { margin: 0; height: 110px; text-align: right; }
.site ul.nav li { display: inline-block; height: 50px; margin: 30px 0; }
.site ul.nav li a { color: #404040; height: 50px; line-height: 50px; padding: 0 8px; font-weight: 600; }
/*.site ul.nav li.nav-path-selected a,
.site ul.nav li.nav-path-selected ul a.nav-selected { border-bottom: 1px solid #efefef; }
.site ul.nav li.nav-path-selected ul a { border-bottom: none; }*/
.site ul.nav li.ddown a { padding-right: 25px; position: relative; }
.site ul.nav li.ddown a:after { content: '\f107'; font-family: FontAwesome; position: absolute; top: 50%; right: 13px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: 0.4s; }
.site ul.nav li.ddown.active a:after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transition: 0.4s; }
.site ul.nav li.ddown ul li a:after { display: none; }
.site ul.nav li ul { display: none; position: absolute; top: 100%; left: -60px; background-color: #232323; width: 240px; padding: 20px; }
.site ul.nav li ul li { height: 30px; margin: 0; float: left; width: 100%; }
.site ul.nav li ul li a { color: #fff; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 12px; padding: 0 !important; display: block; float: left; width: 100%; text-align: center; }
.site main { margin-top: 110px; }
#home .site main,
#around-us .site main { margin-top: 0; }

/** Pull Styles **/
.site #pull { cursor: pointer; padding: 13px 35px 16px 0px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.site #pull span, 
.site #pull span:before, 
.site #pull span:after { cursor: pointer; border-radius: 0; height: 3px; width: 30px; background: #111; position: absolute; display: block; content: ''; }
.used-cars .site #pull span, 
.used-cars .site #pull span:before, 
.used-cars .site #pull span:after { background-color: #fff; }
.site #pull span:before { top: -8px; }
.site #pull span:after { bottom: -8px; }
.site #pull span, 
.site #pull span:before, 
.site #pull span:after { transition: all 250ms ease-in-out; }
.site #pull.active span { background-color: transparent; }
.site #pull.active span:before, 
.site #pull.active span:after { top: 0; background: #bebebe; }
.site #pull.active span:before { transform: rotate(225deg); }
.site #pull.active span:after { transform: rotate(-225deg); }

/** Footer **/
.site .footer,
.site footer { overflow: hidden; background-color: #303030; }
.site footer { background-color: #303030; margin-top: 40px; float: left; width: 100%; }
.site .foot-content img { margin: 0 auto; }
#around-us .footer { overflow: hidden; background-color: #303030; }
.site footer *,
#home .footer *,
#around-us .footer * { color: #fff !important; }
.site .foot-content { padding: 100px; text-align: center; transition: 0.4s; }
.site .foot-content.zoom { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transition: 0.4s; }
.site .rac-footer img { width: 150px; margin: 0 auto; display: none !important; }
.site .rac-footer img.light { }
.site .rac-footer img.dark { display: none; }
#home .site .rac-footer img.light { display: none; }
#home .site .rac-footer img.dark { display: block; }
.site .nsm a,
.site footer .nsm a { width: 280px; height: 23px; display: block; margin: 0 auto; background-image: url(../images/footer/nsm.png); background-repeat: no-repeat; background-size: contain; }
.site footer .nsm a,
#home .site .footer .nsm a, #around-us .site .footer .nsm a { background-image: url(../images/footer/nsm-inverted.png); }

/** Standard Layout Page Type **/
.site .banner { height: 400px; position: relative; overflow: hidden; }
.site .banner img { position: absolute; height: 100%; width: auto; max-width: 2000px; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.site .page-content { text-align: center; padding: 70px 0; }
/** Accordion **/
.site .accordion { height: 55px; border-top: 1px solid #bebebe; overflow: hidden; transition: 0.3s; }
.site .accordion .inner { padding: 0 30px 15px; overflow: hidden; text-align: left; }
.site .accordion h2 { padding: 0px 0 8px 30px; font-weight: 300; font-size: 16px; position: relative; font-family: 'Montserrat', sans-serif; text-align: left; }
.site .accordion h2 a { color: #404040; display: block; }
.site .accordion h2 a:hover { }
.site .accordion h2 i,
.site .accordion h2 em { position: absolute; right: 15px; top: 0; font-size: 20px; transition: 0.3s; font-family: FontAwesome !important; }
.site .accordion.open { transition: 0.3s; }
.site .accordion.open h2 i,
.site .accordion.open h2 em { transition: 0.3s; }
.site .accordion .inner h3 { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; }

/*** Page Specific Styles ***/
/** Homepage **/
/* Hero */

.site .hero { background-image: url(../images/home/hero-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; background-attachment: fixed; }
.site .hero .overlay { background-image: url(../images/home/hero-bg-blurred.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; display: none; }
/*.site .hero .overlay { background-color: rgba(0,0,0,0.65); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; display: none; }*/
.site .hero .inner { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2; }
.site .hero h2 { font-size: 50px; color: #fff !important; letter-spacing: 3px !important; }
.site .hero h2 em {  }

.site .vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.site .vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 53%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.site .hero .vid-slide { position: relative; height: 100%;  }
.site #herovid { position: absolute; right: 0; bottom: 0; top:0; left:0; width: 100%; height: calc(100% + 22px); min-height: 100% !important; min-width: 100% !important; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 1; }
/* Hero Slides (1st slide is a video) */
.site .slide { background-size: cover; background-repeat: no-repeat; background-position: 50% 50% !important; }
/* Fullpage Sections */
.site .section { background-size: cover; background-repeat: no-repeat; position: relative; }
.site .section h1,
.site .section h2,
.site .section p { text-align: center; color: #404040;  }
.site .section h1.animated,
.site .section h2.animated,
.site .section p.animated,
.site .section a.animated,
.site .section .slide.animated,
.site .section.reviews-section .fp-controlArrow.fp-prev.animated,
.site .section.reviews-section .fp-controlArrow.fp-next.animated,
.site .section.wildlife-park img.animated { transition: 0.4s; opacity: 0; }
.site .section h1.animated.fancy,
.site .section h2.animated.fancy,
.site .section p.animated.fancy,
.site .section a.animated.fancy,
.site .section .slide.animated.fancy,
.site .section.reviews-section .fp-controlArrow.fp-prev.animated.fancy,
.site .section.reviews-section .fp-controlArrow.fp-next.animated.fancy,
.site .section.wildlife-park img.animated.fancy { transition: 0.4s; opacity: 1; }
.site .section h1 { line-height: 50px; }
.site .section h2,
.site footer h2 { letter-spacing: 2px; line-height: 30px; }
.site .section .white-bg { background-color: #fff; }
.site .section.intro { background-image: url(../images/home/intro-bg.jpg); background-position: 50% 0; }
.site .section.intro .white-bg,
.site .section.around .white-bg { height: auto; overflow: hidden; position: absolute; left: 0; bottom: 0; padding: 30px 0; }
.site .section.explore { background-image: url(../images/home/explore-bg2.jpg); background-attachment: fixed; background-position: 111% 100%; background-size: auto calc(100% - 110px); }
.site .section.finance { background-image: url(../images/home/finance-bg.jpg); background-attachment: fixed; background-position: 0 0; }
.site .section.reviews-section { background-image: url(../images/home/reviews-bg2.jpg); background-attachment: fixed; background-position: 111% 100%; background-size: auto calc(100% - 110px); }
.site .section.explore .white-bg,
.site .section.finance .white-bg,
.site .section.reviews-section .white-bg,
.site .section.crown-hotel .white-bg,
.site .section.mount-pleasant-hotel .white-bg,
.site .section.visit-bawtry .white-bg,
.site .section.wildlife-park .white-bg { height: 100%; position: relative; }
.site .section.explore .white-bg .inner,
.site .section.finance .white-bg .inner,
.site .section.reviews-section .white-bg .inner,
.site .section.crown-hotel .white-bg .inner,
.site .section.mount-pleasant-hotel .white-bg .inner,
.site .section.visit-bawtry .white-bg .inner,
.site .section.wildlife-park .white-bg .inner { width: calc(100% - 80px); position: absolute; left: 50%; top: calc(50% + 50px); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.site .section.reviews-section .overlay { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.75); z-index: 8; display: none; }
.site .section.reviews-section .stars i { color: #EAE231; font-size: 20px; margin: 0 5px; }
.site .section.reviews-section .slide { padding: 0 80px; }
.site .section.reviews-section .fp-controlArrow.fp-prev:before,
.site .section.reviews-section .fp-controlArrow.fp-next:after { color: #232323; }
.site .section.reviews-section .google-reviews,
.site .section.reviews-section .google-reviews img { width: 150px; margin: 0 auto; }

/** Stock Page **/
/* Hidden stuff */
.site .searchBasic h2,
.site .listing-details-container .financeCal,
/*.site .listing-details-container .listWrapper,*/
.site .stock-nav,
.site .vehicle-dealer-info,
.site .finance-table,
.site .finance_quick_details,
.site .vehicle-price .finance-cost,
.site .vehicle-colour,
.site .icon-finance-available.codeweavers,
.site .pages_nav,
.site .ltgray { display: none !important; }
/* General layout bits */
.site .stock-nav.lower { display: block !important; text-align: center; position: relative; }
.site .stock-nav.lower:before,
.site .stock-nav.lower:after { content: ''; border-bottom: 1px solid #bebebe; width: calc(50% - 234px); display: inline-block; }
.site .stock-nav.lower a { font-size: 12px; color: #232323; min-width: 180px; text-align: center; padding: 10px 30px; border: 1px solid #bebebe; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin: 50px 25px 10px;}
.site .stock-nav.lower a:hover { background-color: #232323; border-color: #232323; color: #fff; }
.site .stock-nav.lower.oneBut:before,
.site .stock-nav.lower.oneBut:after { width: calc(50% - 119px); }
.site .stock-head { background-color: #303030; height: 700px; }
/* Stock Search */
.site .filter-link { overflow: hidden; position: relative; text-align: center; }
.site .show-filter,
.site .hide-filter { font-size: 12px; color: #fff; min-width: 270px; text-align: center; padding: 10px 30px; border: 1px solid #fff; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin: 50px 25px 10px; }
.site .hide-filter { display: none; }
.site .filter-link:before,
.site .filter-link:after { content: ''; border-bottom: 1px solid #fff; width: calc(50% - 164px); display: inline-block; }
.site .show-this { display: inline-block !important; }
.site .show-filter:hover,
.site .hide-filter:hover { background-color: #232323; border-color: #232323; color: #fff; }
.site .vehicle-list-engine-room-vehicle-advanced-search { height: auto; transition: 0.5s; }
.site .vehicle-list-engine-room-vehicle-advanced-search.fancy { height: 350px; transition: 0.5s; }
.site .searchBasic {}
.site .searchBasic h1 { color: #fff; text-align: center; margin-bottom: 30px; line-height: 50px; }
.site .searchBasic ul { margin: 0 auto; display: table; width: 500px; overflow: hidden; }
.site .searchBasic ul li { width: 50%; float: left; padding-right: 10px; }
.site .iconSearch {}
.site .vehicle-list-engine-room-vehicle-advanced-search .animated {  }
/* Stock Listing */
.site .no-vehicles-found { text-align: center; color: #fff; display: table; margin: 0 auto; padding: 10px 20px; border: 1px solid #fff; text-transform: uppercase; background-color: #ab1818; }
.site .stock-listing { margin-top: -360px; transition: 0.5s; }
.site .stock-listing.fancy { margin-top: -210px; transition: 0.5s; }
.site .list-vehicle-wrap { text-align: center; overflow: hidden; position: relative; max-width: 1440px; margin: 0 auto; }
.site .list-vehicle { display: inline-block; width: calc(33.333333% - 30px); background-color: #fff; margin: 0 15px 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); -moz-box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); }
.site .vehicle-image { position: relative; overflow: hidden; margin-bottom: 50px; }
.site .vehicle-image img { width: 100%; }
.site .vehicle-image img.vehicle-image-banner { width: 80px; position: absolute; left: calc(100% - 80px); top: 0; display: none; }
.site .vehicle-image .video-available { position: absolute; right: 0; bottom: 0; z-index: 3; width: 60px; height: 60px; display: block; background-image: url(../images/video-available.png); background-repeat: no-repeat; background-size: cover; }
.site .extended-title { font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 0 50px; color: #404040; /*margin-bottom: 30px;*/ display: block; letter-spacing: 3px; height: 50px; line-height: 18px; margin-top: 10px; }
.site .vehicle-title { font-family: 'FuturaBtMedium'; font-size: 28px; text-transform: uppercase; color: #404040; margin-bottom: 15px; letter-spacing: 2px; padding: 0 20px; height: 120px; }
.site .vehicle-icons-and-details.veh-icons { overflow: hidden; text-align: center; margin-bottom: 10px; }
.site .vehicle-icons-and-details.veh-icons a { font-size: 12px; color: #404040; min-width: 180px; text-align: center; padding: 10px 30px; border: 1px solid #bebebe; display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin: 0 10px 10px; }
.site .vehicle-icons-and-details.veh-icons a:hover { background-color: #232323; color: #fff; border-color: #232323; }
.site .finance-link { color: #2897C1; }
.site .vehicle-price { font-size: 36px; font-weight: 600; margin-bottom: 20px; }
.site .vehicle-price:after { content: 'Finance available'; display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; height: 30px; line-height: 30px; }
.site .vehicle-info { text-align: center; overflow: hidden; margin-bottom: 30px; padding: 0 20px; }
.site .vehicle-info div { display: inline-block; font-size: 12px; border-right: 1px solid #404040; padding: 0 5px 0 0; height: 10px; line-height: 10px; text-transform: uppercase; font-weight: 700; }
.site .vehicle-info div.vehicle-mileage { border: none; }

.site .stock-listing .vehicle-price-wrap { padding: 0 20px 0 20px; overflow: hidden; font-size: 28px; font-weight: 600; text-align: center; height: 120px; line-height: 65px; }
.site .stock-listing .vehicle-price,
.site .stock-listing span.vat-exclusive-price,
.site .stock-listing .finance-cost { width: 50%; display: inline-table; line-height: 20px; text-align: center; font-size: 28px !important; }
.site .stock-listing .finance-cost { border-left: 1px solid #eee; }
.site .stock-listing .vat-inclusive-price { display: none !important; }
.site .stock-listing .vat-exclusive-price { width: 100%; font-size: 28px; }
.site .stock-listing .vat-exclusive-price:before,
.site .vehicle-price:before,
.site .vehicle-price span { display: block; font-size: 12px; text-transform: uppercase; }
.site .vehicle-price .wasprice { text-decoration: line-through; margin-top: 3px; }

.site .vehicle-price:after { content: 's/mo'; color: #fff; display: block; font-size: 12px; margin-top: 3px; }
.site .stock-listing .finance-cost:before { content: 'MONTHLY'; display: block; font-size: 12px; color: #202020; }

.site .vehicle-price:after { content: 'p/mo'; color: #fff; display: block; font-size: 12px; margin-top: 3px; }
.site .stock-listing .vehicle-price-wrap .extended-title:before { content: 'MONTHLY'; display: block; font-size: 12px; }
.site .stock-listing .vehicle-price-wrap .extended-title:after { content: 'p/mo'; display: block; font-size: 12px; margin-top: 3px; }

.site .stock-listing .vat-exclusive-price .vat,
.site .stock-listing .finance-cost span { display: block; font-size: 12px; margin-top: 3px; color: #202020; }

.site .stock-listing .finance-note { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 8px; text-transform: uppercase; margin: 0; padding: 10px; line-height: 10px; background-color: #202020; color: #fff; }

.site .listWrapper { background-color: #f9f9f9; overflow: hidden; margin-bottom: 15px; margin-top: 15px; }
.site .listWrapper .totalapr { overflow: hidden; float: left; width: 100%;  }
.site .listWrapper .totalapr p { width: 33.333333%; float: left; text-align: center; padding: 0; padding: 5px 0; }
.site .listWrapper .totalapr table { width: 100%; float: left; margin: 0; }
.site .listWrapper .totalapr th,
.site .listWrapper .totalapr td { padding: 5px; font-size: 12px; color: #303030; text-align: center; }
.site .listWrapper .totalapr th { background-color: #ccc; color: #fff; }
.site .listWrapper .totalapr tr:last-child { border-top: 1px solid #ccc; }
.site .listWrapper .totalapr tr:last-child td { color: #222; }
.site .listWrapper .totalapr p { margin: 0; }
.site .listWrapper .totalapr .smallprint { color: #202020; }

/** Vehicle Details **/
/* Hidden stuff */
.site .stockBack,
.site .tabsCont,
.site .veh-info-titles h1 .used,
.site .veh-info-titles h1 .location-text,
/*.site .det-thumbs.photo-thumbs .prev,
.site .det-thumbs.photo-thumbs .next,*/
.site .det-count-text,
.site .det-enlarge-text,
.site .veh-info-phone,
.site .veh-info-price .finance-cost { display: none !important; }
/* General Layout Bits */
.site .stock-back { color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; height: 70px; line-height: 70px; position: relative; padding-left: 30px; }
.site .stock-back i { font-size: 32px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.site .vehicle { background-color: #303030; }
.site .det-images { padding-right: 30px; }
.site #image-video-tabs .det-images,
.site #image-video-tabs .det-videos { width: calc(100% - 15px); position: relative; padding-right: 0; }
.site .det-main-image-video { position: relative; }
.site #main-video { position: relative; padding-top: 56.25%; }
.site .det-main-image-video iframe { width: 100%; height: calc(100% - 50px); position: absolute; top: 0; left: 0; }
.site .det-small-images-videos { width: 100%; margin-top: 15px; }
.site .det-thumbs.photo-thumbs { width: 100% !important; height: 150px !important; transition: 1s; position: relative; }
.site .thumbsWrap { width: calc(100% + 10px) !important; overflow: hidden; height: 150px !important; transition: 1s; }
.site #videoTab { background-image: url(../images/video-available.png); background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; display: block; }
.site #thumbs-photos { height: auto; margin: 0; }
.site #thumbs-photos li { float: left; margin-right: 10px !important; margin-bottom: 10px !important; position: relative !important; }
.site #thumbs-photos li img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; }
.site .veh-info-titles { background-color: #fff; padding-top: 100px; -webkit-box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); -moz-box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); box-shadow: 0px 1px 2px 0px rgba(52,52,52,0.6); overflow: hidden; transition: 0.4s; }
.site .veh-info-titles h1 { font-size: 30px; letter-spacing: 2px; margin-bottom: 15px; text-align: center; line-height: 28px; margin-top: 0; }
.site .veh-info-titles .extended-title { padding: 0 30px; height: 70px; }
.site .veh-info-price { font-family: 'Montserrat', sans-serif; font-size: 36px; line-height: 24px; text-align: center; font-weight: 600; margin-bottom: 35px; }
/*.site .veh-info-price:after { content: 'Finance available'; display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; height: 30px; line-height: 30px; }*/
.site .vd-ctas .btn { width: calc(100% - 140px); margin: 0 auto 10px; padding: 10px 15px; display: block; }
.site .icon-print {  }
.site .right-column { width: 100%; float: left; background-color: #fff; margin-top: -35px; }
.site .vehicle-details .row { width: 100%; }
.site .gallery-tab { position: absolute; left: 50%; bottom: -50px; width: calc(100% - 45px); left: 15px; transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); border-bottom: 1px solid #c0c0c0; height: 50px; z-index: 5; }
.site #image-video-tabs .gallery-tab,
.site #image-video-tabs .video-tab { position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-bottom: 1px solid #c0c0c0; height: 50px; width: 100%; z-index: 5; }
.site #image-video-tabs .gallery-tab.open { bottom: 0; }
.site #image-video-tabs .video-tab { bottom: 0; }
.site .gallery-tab a,
.site .video-tab a { height: 90px; width: 180px; display: block; text-align: center; line-height: 135px; font-size: 12px; text-transform: uppercase; border-radius: 90px 90px 0 0; -moz-border-radius: 90px 90px 0 0; -webkit-border-radius: 90px 90px 0 0; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: -50px; z-index: 2; }
.site .gallery-tab a i,
.site .video-tab a i { font-size: 40px; position: absolute; left: 50%; top: 10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.site .vehicle-details h2 { font-size: 48px; text-align: center; margin-top: 90px; }
.site .vd-desc p { text-align: justify; margin: 15px; }
.site .vd-tech li,
.site .vd-tech .road-tax div { width: calc(50% - 30px); float: left; margin: 0 15px 10px; border-bottom: 1px solid #c0c0c0; padding: 10px 0; }
.site .vd-tech li#tech-data-vrm { display: none; }
.site .vd-tech li span,
.site .vd-tech .road-tax div p { width: 50%; display: block; float: left; text-transform: uppercase; font-size: 12px; margin: 0; }
.site .vd-tech .road-tax div p.cost { float: right; font-weight: 600; text-align: right; }
.site .vd-tech li .title {}
.site .vd-tech li .data { text-align: right; font-weight: 600; }

li#tech-data-reg, li#tech-data-mileage { width: 96%; background: whitesmoke; padding: 10px 20px }
li#tech-data-reg span, li#tech-data-mileage span { font-size: 18px }

.site .tech-tabs {}
.site .tech-tabs ul { margin: 0; padding: 0; overflow: hidden; margin-bottom: 20px; }
.site .tech-tabs ul li { width: 50%; float: left; margin: 0; padding: 0; border: none; }
.site .tech-tabs ul li a { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #898989; color: #fff; }
.site .tech-tabs ul li a.selected,
.site .tech-tabs ul li a:hover { background-color: #303030; color: #fff; }

.site .veh-tab-content-wrap { overflow: hidden; }

.site .enq-form,
.site .px-form,
.site .cb-form,
.site .sl-enq-form { display: none; position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
.site .form-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 80%; max-width: 400px; height: 540px; background-color: #fff; overflow: visible !important; padding: 0 0 0 30px; border: 1px solid #fff; }
.site .sl-enq-form .form-wrap { height: 480px; }
.site .form-wrap form { overflow-y: auto; width: 100%; height: 100%; padding-right: 30px; }
.site .form-wrap form .sem-field-container { width: 100% !important; }
.site a.vd-box-close {position: absolute; right: 0; top: -38px; background: #d3645b; display: block; width: 30px; height: 30px; color: #fff; line-height: 28px; text-align: center; font-size: 120%}    
.site a.vd-box-close:hover {background: #404040; }
.site .form-wrap .nsm-ui { height: 100%; }

.site #finance-insurance-tabs { border-top: 50px solid #fff; float: left; width: 100%; }
.site .vd-rac-banner { margin-top: 30px; }

.site .vd-review { text-align: center; background-color: #232323; margin-top: 20px; padding: 10px; }
.site .vd-review h2 { font-size: 30px; margin-top: 20px; color: #fff; }
.site .vd-review p { color: #fff; }
.site .vd-review .stars i { color: #EAE231; font-size: 20px; margin: 0 5px; }
.site .vd-review a.btn { background-color: #fff; border: none; }
.site .vd-review a.btn:hover { background-color: #898989; color: #232323; }

.site .taxDisclaimer { background: #fff; max-width: none!important;}
.site .taxDisclaimer p {max-width: 800px; margin: 0 auto; display: none!important}

/* VD Thumbnails stuff */
.site .scroll-pane { /*width: 100% !important; height: 100% !important;*/ overflow: visible !important; }
.site .det-thumbs.photo-thumbs .prev,
.site .det-thumbs.photo-thumbs .next { width: 40px; height: 40px; display: block; background-color: #121212; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 1; }
.site .det-thumbs.photo-thumbs .prev:hover,
.site .det-thumbs.photo-thumbs .next:hover { background-color: #898989; color: #121212; }
.site .det-thumbs.photo-thumbs .prev { left: -50px; }
.site .det-thumbs.photo-thumbs .next { right: -50px; }
.site .det-thumbs.photo-thumbs .prev:before,
.site .det-thumbs.photo-thumbs .next:before { font-family: FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); color: #fff; font-size: 34px; }
.site .det-thumbs.photo-thumbs .prev:before { content: '\f104'; }
.site .det-thumbs.photo-thumbs .next:before { content: '\f105'; }
.site .jspPane { margin-left: 0 !important; }

.site .vehicle-image img.portland-logo {position: absolute; width: 80px; height: 80px !important; right: 0%; top: 0px; }

/** Instavid **/
.site #instavid { margin-top: 20px; margin-bottom: 20px; z-index: 0; }
.site #instavid h2 { margin-top: 0; }

.site .veh-info-price-wrap { margin: 0 30px 30px 30px; display: block; text-align: center; } 
.site .veh-info-titles .veh-info-price,
.site .veh-info-titles .veh-info-price span.vat-exclusive-price { position: relative; font-size: 24px !important; font-weight: 600 !important; color: #232323; width: 50%; display: inline-table; line-height: 20px; text-align: center; margin: 0; }
.site .veh-info-titles .veh-info-price span { display: block; font-size: 12px; text-transform: uppercase; }
.site .veh-info-titles .veh-info-price span { display: block; font-size: 12px; text-transform: uppercase; }
.site .veh-info-titles .vat-inclusive-price { display: none !important; }
.site .veh-info-titles .veh-info-price span.wasprice { text-decoration: line-through; }
.site .veh-info-titles .vd-finance { position: relative; font-size: 28px; font-weight: 600; color: #232323; width: 50%; display: inline-table !important; line-height: 20px; text-align: center; margin: 0; border-left: 1px solid #eee; }
.site .veh-info-titles .vd-finance span { display: block; font-size: 12px; text-transform: uppercase;  }
.site .veh-info-titles .vd-finance .finance-cost { font-size: 24px; } 
.site .veh-info-titles .vd-finance .finance-cost:before { content: '£'; }
.site .veh-info-titles .vd-finance .finance-cost:after { content: 'p/mo'; display: block; font-size: 12px; text-transform: none; color: #202020; }
.site .veh-info-titles .veh-info-price.reduced { color: #B4435C; padding-top: 30px; }
.site .veh-info-titles .veh-info-price.reduced:before { content: 'Now'; color: #fff; width: 50px; height: 50px; line-height: 50px; background-color: #B4435C; border-radius: 50%; text-align: center; display: block; font-size: 16px; display: inline-block; margin-right: 10px; }
.site .veh-info-titles .vat { font-size: 10px !important; }
.site .veh-info-titles .reduced .vat { display: block; font-size: 10px; position: absolute; top: 65px; left: 60px; color: #b1b1b1 !important; }
.site .veh-info-titles .reduced .was-price-wrap .vat { display: block; font-size: 10px; position: absolute; top: 33px; left: 0px; color: #b1b1b1 !important; }
.site .was-price-wrap { position: absolute; top: -20px; left: 20px; color: #454545; text-decoration: line-through; }
.site .was-price-wrap .vat { left: 0; top: 35px; text-decoration: none; }
.site .veh-info-titles .reduced:after { top: 0; left: -25px; }

.site .veh-info-titles .finance-cost.ivendi a { text-align: center; font-size: 36px; display: block; color: #879B3A; margin-top: 10px; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; }
.site .veh-info-titles .finance-cost.ivendi a span { margin: -10px auto 0; }
.site .veh-info-titles .no-finance .finance-cost.ivendi a span { display: inline-block; } 
.site .veh-info-titles .no-finance .finance-cost.ivendi a:before { content: 'or ' !important; }

/** Finance Pages **/
.site .finance-partners { background-color: #eee; }
.site .finance-partners .container { text-align: center; padding: 40px 0; }
.site .finance-partners .container img { display: inline-block; }
.site .stand-out { background-color: #2897c1; padding: 30px; }
.site .stand-out h2 { color: #fff; }
.site .fin-vids { background-color: #f9f9f9; padding: 30px 0; }
.site .fin-vids a { text-align: center; }
.site .vid-bg { display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.95); top: 0; left: 0; z-index: 9; }
.site .vid-wrap { width: 80%; height: auto; max-height: 80%; padding-top: 45%; min-width: 300px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow: hidden; min-width: 320px; min-height: 178px; }
.site .vid-wrap iframe,
.site .vid-wrap video { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; }
.site .vid-box-close { position: absolute; top: 0; left: 0 !important; width: 40px; height: 40px; display: block; z-index: 2; background-color: #d3645b; line-height: 40px; text-align: center; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
.site .vid-box-close:hover { background-color: #232323; }
.site .vid-box-close em { font-size: 30px; color: #fff !important; width: 48px; height: 40px; line-height: 36px; }

/** Sell your car **/
.site .sell-car-points { background-color: #f9f9f9; margin: 0 20px; }
.site .sell-car-points ul.list-style-1 li { text-align: left; }
.site .sell-car-points ul.list-style-1 li:before { }

.site .why-choose-triple .inner { background-color: #2897c1; padding: 20px; min-height: 210px; margin-bottom: 20px; }
.site .why-choose-triple .inner * { color: #fff; }
.site .why-choose-triple .inner li { padding-left: 25px !important; }
.site .why-choose-triple .row div:last-of-type .inner { background-image: url(../images/fast-sell-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; } 
.site form .reg { background-color: #e4e62f; }
.site .why-choose-triple h4 { text-align: center; color: #202020; margin: 40px 0 0; }

/** Our History **/
.site .timeline {}
.site .timeline h2 { font-family: 'Montserrat', sans-serif; font-size: 18px; letter-spacing: 2px; font-weight: 600; }
.site .moment { overflow: hidden; height: 500px; position: relative; }
.site .moment:before { content: ''; background-color: #b52451; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 2px; height: calc(50% - 60px); z-index: 5; }
.site .moment:after { content: ''; background-color: #b52451; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 2px; height: calc(50% - -40px); z-index: 5; }
.site .moment:first-of-type:before,
.site .moment:last-of-type:after { display: none; }
.site .moment .dot { position: absolute; top: calc(50% - 50px); left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 20px; height: 20px; display: block; border: 2px solid #b52451; border-radius: 50%; z-index: 5; }
.site .timeline .leftside,
.site .timeline .rightside { height: 400px; }
.site .timeline .img { position: relative; height: 400px; overflow: hidden; background-image: url(../images/wooden-desk-texture.jpg); background-repeat: no-repeat; background-size: auto; background-position: 50% 50%; }
.site .timeline .img img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); height: 100% !important; width: auto; max-width: 500% !important; }
.site .timeline .text { height: 500px; position: relative; }
.site .timeline .text .inner { position: absolute; top: calc(50% - 50px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; padding: 30px; }
.site .timeline .leftside.text .inner { text-align: right; }

/** Meet the Team **/
.site .team-pics div { padding: 0 0 25px; }
.site .team-pics img { margin: 0 auto;}
.site .team-pics p { text-align: center; text-transform: uppercase; }
.site .team-pics p strong { display: block; font-weight: 600; }

/** Around Us (another FullPage) **/
.site .section.around { background-image: url(../images/around-bg.jpg); }
.site .section.crown-hotel { background-image: url(../images/crown-hotel-bg.jpg); background-attachment: fixed; background-position: 240% 0; background-size: contain; }
.site .section.mount-pleasant-hotel { background-image: url(../images/mount-pleasant-hotel-bg.jpg); background-attachment: fixed; }
.site .section.visit-bawtry { background-image: url(../images/visit-bawtry-bg.jpg); background-attachment: fixed; }
.site .section.wildlife-park { background-image: url(../images/wildlife-park-bg.jpg); }
.site .section.wildlife-park img { width: 150px; margin: 0 auto; }

/** Prev Sold Gallery (I added Bootstrap classes via jQuery to control the layout here) **/
.site .ccm-gallery { border: none !important; }
.site .ccm-gallery-wrap { padding: 0 15px; }
.site .ccm-gallery-wrap td { position: relative; padding-top: 21%; }
.site .ccm-gallery-wrap td a { display: block; width: calc(100% - 30px); padding-top: 56.25%; top: 15px; left: 15px; position: absolute; overflow: hidden; }
.site .ccm-gallery-wrap td img { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; }
#lightbox-container-image-box,
#lightbox-container-image-data-box { max-width: 1024px; max-height: 768px; height: auto !important; }
#lightbox-container-image img { max-width: 1004px; max-height: 748px; }

/** Contact Us **/
.site #map { width: 100%; height: 600px; margin-bottom: -40px; }
.site .md-whiteframe-2dp { padding: 5px 20px 20px; }
.site .large { font-size: 150%; }
.site .proximity { margin: 40px 0; text-align: center; background-color: #f9f9f9; padding: 20px; }
.site .proximity div { margin-bottom: 20px; }
.site .proximity em { color: #3098BF; font-size: 50px; }
.site .proximity p { margin-bottom: 0; }
.site .proximity p small { display: block; text-transform: uppercase; }
.site .proximity img { width: 50px; height: 50px; margin: 0 auto; }

/** Reviews (NOT Testimonials) **/
.site .review-links { background-color: #eee; }
.site .review-links .container { text-align: center; padding: 40px 0; }
.site .review-links .container a {}
.site .review-links .container a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transition: 0.4s; }
.site .review-links .container img { display: inline-block; width: 32%; margin: 0 10px 20px; transition: 0.4s; }

/** Testimonials **/
.site .review-block { background-color: #f9f9f9; margin-bottom: 20px; padding: 30px; position: relative; }
.site .review-block:before { position: absolute; top: -5px; left: -5px; font-family: FontAwesome; content: '\f10d'; color: #898989; font-size: 40px; }
.site .review-block:after { position: absolute; bottom: -5px; right: -5px; font-family: FontAwesome; content: '\f10e'; color: #898989; font-size: 40px; }
.site .review-name { font-family: 'FuturaBtMedium'; font-size: 20px; border-bottom: 2px solid #fff; padding-bottom: 20px; }
.site .review-text p { font-style: italic; font-weight: 500; }
.site .review-block .read-more,
.site .review-block .read-less { display: none; }

/** Sticky Social **/
.site .sticky-social { width: auto; height: 30px; float: left; }
.site .sticky-social ul { margin: 0; padding: 0; }
.site .sticky-social li { width: 30px; height: 30px; margin: 0; padding: 0; float: left }
.site .sticky-social li.fb a { background-color: #175ec7; }
.site .sticky-social li.fb a i { background-color: #a5a5a5; }
.site .sticky-social li.tw a { background-color: #3d9ce5; }
.site .sticky-social li.tw a i { background-color: #a5a5a5; }
.site .sticky-social li.in a { background-color: #aa1dd9; }
.site .sticky-social li.in a i { background-color: #a5a5a5; }
.site .sticky-social li.yt a { background-color: #cf2a09; }
.site .sticky-social li.yt a i { background-color: #a5a5a5; }
.site .sticky-social li.yt a i:hover { background-color: #ec2c06; }
.site .sticky-social li.in a i:hover { background-color: #ba1fed; }
.site .sticky-social li.tw a i:hover { background-color: #40a5f3; }
.site .sticky-social li.fb a i:hover { background-color: #1965d7; ; }

.site .sticky-social a { padding-left: 20px; height: 30px; line-height: 30px; display: block; color: #fff; background-color: #999; transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); }
/*.site .sticky-social a:hover { transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px); }*/
.site .sticky-social i { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 21px; color: #fff; margin-right: 0px; float: right; }
.site .sticky-social span { display: inline-block; float: left; }

.site #google_translate_element img { display: inline; }
.site #google_translate_element span { color: #303030!important; }

.site #gtranslate { float: left; height: 31px; overflow: hidden; margin-top: -1px; }
.site .goog-te-gadget { font-size: 19px !important; padding: 0 !important; }
.site .goog-te-gadget-simple { background-color: transparent !important; border: none !important; padding: 0 !important; }
.site .goog-te-gadget-icon { display:none !important; }

.site .social-trans { position: absolute; top: 0; right: 20px; /*-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);*/ }

.site .head-tel { float: left; background-color: #2897C1; color: #fff; height: 30px; line-height: 30px; padding: 0 20px; font-size: 18px; }
.site .head-tel:hover { background-color: #303030; color: #fff; } 

/** Stock Updates **/
.site .stock-updates { background-color: #fff; padding: 30px; }

/** View Video section **/
.site .vid-strip { background-color: #303030; padding: 70px 0; background-image: url(../images/vid-strip-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; }
.site .vid-strip h4,
.site .vid-strip a { color: #fff !important; text-align: center; transition: 0.5s; }
.site .vid-strip a:hover h4 { color: #2897c1 !important; }
.site .vid-strip img { width: 100px; margin: 0 auto; transition: 0.5s; }
.site .vid-strip a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: 0.5s; }

.site .vid-bg { display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.95); top: 0; left: 0; z-index: 11; }
.site .vid-wrap { width: 80%; height: auto; max-height: 80%; padding-top: 45%; min-width: 300px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow: hidden; min-width: 320px; min-height: 178px; }
.site .vid-wrap iframe,
.site .vid-wrap video { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; }
.site .vid-box-close { position: absolute; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 40px; height: 40px; display: block; z-index: 2; background-color: #d3645b; line-height: 40px; text-align: center; cursor: pointer; }
.site .vid-box-close:hover { background-color: #232323; }
.site .vid-box-close em { font-size: 30px; color: #fff !important; width: 48px; height: 40px; line-height: 36px; }

/*Number plate*/
.site .number-plate .reg {width: 200px; height: 48px; margin: 10px auto 20px; text-align: center; background: url("../images/reg-gb.png") 0 -2px no-repeat #ffcd26; border: 2px solid #343434; border-radius: 5px; font-size: 30px; font-weight: 700;   line-height: 45px;}
.site .number-plate .price {text-align: center; font-size: 30px; font-weight: 700; margin: 10px 0 0 0}
.site .number-plate { margin: 30px auto 30px auto; background: #eaeaea; padding: 20px; }




/*** Media Queries ***/

/** Small Screens (Desktops, up to 992px) **/
@media only screen and (max-width: 1199px) {
    body:after { content: "Small Screens"; } 

    /** Layout **/
    .site .container { width: 959px; }
    .site nav { width: 80% }
    .site .logo { width: 20% }
    
    
    /** Homepage **/
    .site .section.hero,
    .site .section.hero .overlay { background-attachment: scroll; }
    .site .section.explore { background-position: 125% 100%; }
    .site .section.reviews-section { background-position: 145% 100%; }
    
    /** Stock Pages **/
    .site .vehicle-image { margin-bottom: 25px; }
    .site .vehicle-title {}
    .site .extended-title { letter-spacing: 0; }
    
    /** VD Page **/
    .site .veh-info-titles { padding-top: 50px; }
    .site .icon-print { margin-top: 35px; }
    
    /** Around us **/
    .site .section.wildlife-park { background-position: 40% 0; }
    
    /** Sticky Social **/
/*    .site .sticky-social { left: -230px; transition: 0.4s; }
    .site .sticky-social.show { left: -150px; transition: 0.4s; }
    .site .sticky-social span { padding: 0 0 0 30px }*/
    .site .sticky-social { right: -59px }
    #gtranslate { right: -57px }

    .site .why-choose-triple .inner { min-height: 255px; }

}

/** Small Devices (Tablets, up to 768px) **/
@media only screen and (max-width: 992px) {
    body:after { content: "Small Devices"; } 

    /** Layout **/
    .site .container { width: 738px; }
    
    .site .logo, .site nav { width: 50%; }
    

    
    
    /** Header & Nav **/
    .site .nav-inner.bounceInDown { position: absolute; display: block !important; background-color: #121212; top: calc(100% - 10px); right: 0; }
    .site ul.nav { height: auto; }
    .site ul.nav li { margin: 0; }
    .site ul.nav li a { color: #fff; text-transform: uppercase; padding: 0 20px; }
    .site ul.nav li ul { margin: 0; padding: 10px; }
    .site ul.nav li ul li { height: 50px; }
    .site ul.nav li ul li a { height: 50px; line-height: 50px; }
    .site .nav-inner {}
    .site .head-tel { position: absolute; top: 40px; right: 50px; padding: 0 10px; }
    
    /** Page Banners **/
    .site .banner,
    .site .banner img { height: 200px !important; }
    
    /** Homepage **/
    .site .section.intro .white-bg, 
    .site .section.around .white-bg { padding: 30px 0; }
    .site .section.explore { background-position: 105% 100%; }
    .site .section.reviews-section { background-position: 205% 100%; }
    
    /** Stock Pages **/
    .site .filter-link { display: none; }
    .site .vehicle-list-engine-room-vehicle-advanced-search { height: 0; }
    .site .vehicle-list-engine-room-vehicle-advanced-search .animated { /*opacity: 0; display: none;*/ }
    .site .vehicle-list-engine-room-vehicle-advanced-search .fancy { opacity: 1 !important; display: block; height: 170px; }
    .site .stock-listing { /*margin-top: -560px;*/ margin-top: -365px; transition: 0.5s; }
    .site .list-vehicle { width: calc(50% - 30px); }
    .site .vehicle-title { height: 100px; }
    .site .vehicle-icons-and-details.veh-icons { overflow: visible; }
    .site .mob-buttons { display: inline-block; position: relative; width: 200px; margin: 0 0 10px 0 !important; }
    .site .mob-enq-trigger { height: 46px; background-color: #fff !important; margin: 0 !important; }
    .site .sml-buts { display: none; position: absolute; bottom: 0; left: 0; width: calc(100% - 20px); margin: 0 10px; height: 46px; text-align: center; background-color: #232323; }
    .site .sml-buts a { width: 35px !important; height: 35px !important; min-width: 35px !important; display: inline-block !important; border: none !important; border-radius: 50%; background-color: #fff !important; color: #232323 !important; position: relative; padding: 0 !important; text-align: center; letter-spacing: 0 !important; margin: 5px 10px !important; }
    .site .sml-buts a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); color: #232323; font-size: 22px; margin: 0; padding: 0; }
    
    /** VD Pages **/
    .site #image-video-tabs .det-images, 
    .site #image-video-tabs .det-videos { width: 100%; }
    .site #image-video-tabs .det-videos,
    .site #main-video { height: auto !important; }
    .site .det-main-image-video iframe { height: 100%; }
    .site .det-images { padding-right: 15px; }
    .site .veh-info-titles { padding-top: 85px; width: calc(100% - 30px); margin-left: 15px; padding-bottom: 30px; height: auto !important; margin-top: 15px; }
    .site .vd-ctas { text-align: center; }
    .site .vd-ctas .btn { width: auto; display: inline-block; margin: 0 5px 10px; }
    .site .gallery-tab { width: calc(100% - 60px); left: 30px; }
    .site #image-video-tabs .gallery-tab, 
    .site #image-video-tabs .video-tab { width: calc(100% - 30px); }
    .site #image-video-tabs .video-tab { bottom: -50px; }
    .site .vd-tech li { width: calc(100% - 30px); }
    .site #image-video-tabs .gallery-tab.open { bottom: -50px; }
    
    /** Around Us **/
    .site .section.crown-hotel { background-position: 40% 50%; }
    .site .section.wildlife-park { background-position: 66% 0; }
    
    /** Prev Sold gallery **/
    .site .ccm-gallery { margin-left: 15px; }
    .site .ccm-gallery-wrap td { padding-top: 30%; }
    #lightbox-container-image-box, 
    #lightbox-container-image-data-box { max-width: 768px; max-height: 576px; }
    #lightbox-container-image img { max-width: 748px; max-height: 556px; }
    
    /** Sticky Social **/
/*    .site .sticky-social ul { width: 50px; }
    .site .sticky-social li,
    .site .sticky-social li a { height: 50px; line-height: 50px; }
    .site .sticky-social i { width: 50px; height: 50px; line-height: 50px; font-size: 22px; }
    .site .sticky-social.show { right: 0; }*/
    .site .sticky-social { right: 209px; top: 37px; width: 120px; height: 30px; }
    #gtranslate { right: 102px; top: 38px }

}

/** Mobile, Fluid Layout (Up to 767px) **/
@media only screen and (max-width: 767px) {
    body:after { content: "M/L Mobile"; }
    


    /** Layout **/
    .site h1 { font-size: 40px; }
    .site .btn.lonely { margin: 20px auto; }
    .site .container { width: calc(100% - 40px); margin: 0 20px; }
    .site main { margin-top: 60px; }
    .site .accordion h2 { letter-spacing: 0; }
    .site .banner { height: 80px !important; }
    .site .banner img { min-width: 100%; top: 120%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
    #our-history .site .banner img { left: 20%; }
    #meet-the-team .site .banner img,
    #previously-sold-gallery .site .banner img,
    #contact-us .site .banner img { top: 35%; }
    .site .page-content { padding: 10px 0; }
    .site .section.around { background-position: 50% 30%; }
    
    /** Header **/
    .site header { height: 60px; position: absolute; }
    .site .logo { font-size: 20px; text-align: left; height: 60px; line-height: 60px; position: relative; }
    .site nav { height: 60px; }
    .site .nav-inner.bounceInDown { margin: 0 !important; left: 0 !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; top: 100% !important; }
    .site ul.nav li { width: 100%; }
    .site ul.nav li a { text-align: left; }
    .site ul.nav li.ddown a:after { right: 20px; }
    .site ul.nav li ul { position: relative !important; height: 0 !important; overflow: hidden !important; width: calc(100% - 30px) !important; margin: 0 15px !important; transition: 0.4s; }
    .site ul.nav li.active ul { height: auto !important; top: auto !important; left: auto !important; transition: 0.4s; }
    .site ul.nav li.ddown.active { height: auto; }
    
    .site .sticky-social { display: none; }
    
    .site .head-tel { top: 15px; }
    
    /** Footer **/
    .site .foot-content { padding: 30px 0; }
    
    /** Homepage **/
    .site .fp-controlArrow.fp-prev { left: 0; }
    .site .fp-controlArrow.fp-next { right: 0; }
    .site .slide { overflow: hidden; }
    .site .section.intro,
    .site .section.explore, 
    .site .section.finance { height: auto !important; overflow: hidden; }
    .site .section.intro { border-bottom: 1px solid #bebebe; margin: 0 20px; }
    .site .section .white-bg { height: auto; }
    .site .section.intro .white-bg { position: relative; left: auto; bottom: auto; }
    .site .section .white-bg .inner { position: relative !important; left: auto !important; top: auto !important; transform: translate(0,0) !important; -webkit-transform: translate(0,0) !important; -ms-transform: translate(0,0) !important; width: 100% !important; padding: 30px 0; border-bottom: 1px solid #bebebe; }
    .site .foot-content.zoom { transform: scale(1) !important; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; }
    .site .section h1 { font-size: 40px; }
    .site .section.explore .white-bg, 
    .site .section.finance .white-bg, 
    .site .section.crown-hotel .white-bg, 
    .site .section.mount-pleasant-hotel .white-bg, 
    .site .section.visit-bawtry .white-bg, 
    .site .section.wildlife-park .white-bg { padding: 0 20px; }
    .site .hero .overlay { display: block !important; }
    
    /** Stock Pages **/
    /* Search */
    .site .filter-link { display: block; } 
    .site .vehicle-list-engine-room-vehicle-advanced-search .animated { opacity: 0; display: none; }
    .site .vehicle-list-engine-room-vehicle-advanced-search .fancy { opacity: 1; display: block; }
    .site .searchBasic h1 { opacity: 0; display: none; }
    .site .stock-head .container { margin: 0 5px; width: calc(100% - 10px); }
    .site .searchBasic ul:before { content: 'Filter results'; height: 50px; line-height: 50px; text-align: center; font-size: 12px; font-weight: 600; color: #343434; border-bottom: 1px solid #f5f5f5; display: block; text-transform: uppercase; }
    .site .searchBasic ul li { width: 100%; }
    .site .vehicle-list-engine-room-vehicle-advanced-search select { background-color: #fff !important; color: #343434 !important; text-transform: uppercase; margin-bottom: 0; border-bottom: 1px solid #f5f5f5; font-size: 12px; font-weight: 600; background-image: url(../images/form-select-inv.png); }
    .site .vehicle-list-engine-room-vehicle-advanced-search select:hover { background-color: #fff !important; color: #343434 !important; }
    .site .iconSearch { bottom: 0; right: 0; width: 100%; height: 44px !important; }
    .site .vehicle-list-engine-room-vehicle-advanced-search input[type=button], 
    .site .vehicle-list-engine-room-vehicle-advanced-search input[type=submit] { background-color: #2897C1; border: none !important; font-size: 10px !important; margin: 0; width: 100% !important; }
    /* Listings */
    .site .list-vehicle { width: calc(100% - 40px) !important; }
    .site .vehicle-title { padding: 0 20px; height: auto; font-size: 20px; line-height: 24px; }
    .site .stock-nav.lower.container { width: calc(100% - 10px); margin: 0 5px; }
    .site .stock-nav.lower a { min-width: 150px; margin: 15px 10px 10px; }
    .site .stock-nav.lower.oneBut:before, 
    .site .stock-nav.lower.oneBut:after { width: calc(50% - 90px); }
    .site .stock-nav.lower:before, 
    .site .stock-nav.lower:after { width: calc(50% - 175px); }
    .site .form-wrap { height: 480px; }
    .site .sl-enq-form .form-wrap { height: 500px; }
    .site .mob-enq-trigger { margin: 0 10px !important; }
    
    .site .stock-head { height: 240px; }
    
    .site .vehicle-list-engine-room-vehicle-advanced-search h1.fancy { display: none !important; }
    
    .site .stock-listing { margin-top: -100px; }
    
    .site .search-wrap { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); display: block; display: none; }
    
    .site .vehicle-list-engine-room-vehicle-advanced-search.fancy { height: auto; width: 100%; min-width: 200px; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 11; }
    
    .site .listWrapper { display: none!important } 
    
            /** Stock Page Search **/
.site .stock-head.container { position: relative; height: 100%; }
.site .stock-wrap { padding-bottom: 50px }
.site  .filter-link.stick { position: fixed !important; top: 0px; z-index: 9; background: #303030; left: 0 }
    
    /** Vehicle Details **/
    .site .vehicle .container { margin: 0 5px; width: calc(100% - 10px); }
    .site .det-thumbs.photo-thumbs .prev { left: 10px; top: 40%; }
    .site .det-thumbs.photo-thumbs .next { right: 10px; top: 40%; }
    .site .det-thumbs.photo-thumbs,
    .site .thumbsWrap { height: auto !important; }
    .site .gallery-tab a, 
    .site .video-tab a { background-color: transparent; height: 50px; line-height: 50px; top: 0; }
    .site .gallery-tab a i, 
    .site .video-tab a i { display: none; }
    
    /** Finance Page **/
    .site .finance-partners .container img { width: 20%; }
    
    /** Our History **/
    .site .moment:before,
    .site .moment:after,
    .site .moment .dot { display: none; }
    .site .moment,
    .site .timeline .text { height: auto; overflow: hidden; }
    .site .timeline .text .inner { text-align: center !important; position: relative; top: auto; left: auto; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }
    
    /** Around Us **/
    .site .section.crown-hotel,
    .site .section.mount-pleasant-hotel,
    .site .section.visit-bawtry,
    .site .section.wildlife-park { height: auto !important; overflow: hidden; }
    .site .section.around .white-bg { height: calc(100% - 140px); }
    
    /** Prev Sold Gallery **/
    .site .ccm-gallery { margin-left: 20px; width: calc(100% - 40px); }
    .site .ccm-gallery-wrap td { padding: 0 !important; width: 100% !important; display: block !important; float: left !important; }
    .site .ccm-gallery-wrap td a { position: relative; top: auto; left: auto; padding-top: 0; width: 100% !important; cursor: pointer !important; }
    .site .ccm-gallery-wrap td img { position: relative; top: auto; left: auto; width: 300px; }
    #jquery-overlay,#jquery-lightbox { display: none !important; }
    
    .site .sticky-social { right: 55px; top: 14px; width: 120px; height: 30px; transform: scale(0.7); }
    #gtranslate { right: 67px; top: 15px; width: 60px; display: none }
    
}

/** Small Mobile, Fluid Layout Landscape (Up to 480px) **/
@media only screen and (max-width: 480px) {
    
    body:after { content: "S Mobile"; }
    
    /** Layout **/
    .site .container { width: calc(100% - 20px); margin: 0 10px; }
    .site h1 { font-size: 30px !important; line-height: 34px !important; letter-spacing: 2px !important; }
    .site h2 { font-size: 26px !important; line-height: 30px !important; letter-spacing: 0px !important; }
    .site h1 em, .site h2 em, .site h3 em { line-height: 20px !important; }
    .site .accordion h2 { font-size: 12px !important; padding-left: 0; line-height: 20px; }
    #our-history .site .banner img { left: 2%; }
    
    .site header { height: 60px; }
    .site .nav-inner.bounceInDown { top: 60px !important }
    
/*    .site .sticky-social { left: -180px;  display: none; }
    .site .sticky-social a { width: 230px }
    .site .sticky-social a:hover { transform: translateX(180px); -webkit-transform: translateX(180px); -ms-transform: translateX(180px); }*/

    
    /** Stock Pages **/
    .site .stock-head .container { margin: 0 -5px; width: calc(100% + 10px); }
    .site .filter-link:before, 
    .site .filter-link:after,
    .site .vehicle-list-engine-room-vehicle-advanced-search h1.fancy { display: none; }
    .site .show-filter, 
    .site .hide-filter { width: 100%; margin: 15px 0 10px; }
    .site .searchBasic ul li { width: 100%; padding: 0; }
    .site .stock-head { height: 175px; }
/*    .site .vehicle-list-engine-room-vehicle-advanced-search.fancy { height: 440px; }
    .site .stock-listing { margin-top: -610px; }
    .site .stock-listing.fancy { margin-top: -110px; }*/
    .site .searchBasic ul { width: 100%; }
    .site .vehicle-list-engine-room-vehicle-advanced-search input[type=submit] { width: 100% !important; }
    .site .list-vehicle { width: calc(100% - 20px) !important; margin: 0 0 15px; }
    .site .vehicle-image .video-available { width: 50px; height: 50px; }
    .site .vehicle-image { margin-bottom: 20px; }
    .site .vehicle-title { padding: 0 10px; height: auto; }
    .site .extended-title { letter-spacing: 3px }
    .site .vehicle-icons-and-details.veh-icons a.mob-enq-trigger { color: #fff; background-color: #3e9abf !important; border: none; }
    .site .vehicle-icons-and-details.veh-icons a.sl-enq { margin-bottom: 10px; }
    .site .stock-nav.lower a { min-width: 46px; width: 46px; text-indent: -9999px; padding: 10px 0; position: relative; }
    .site .stock-nav.lower.oneBut:before, 
    .site .stock-nav.lower.oneBut:after { display: none; }
    .site .stock-nav.lower .next-page a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); text-indent: 0 !important; font-size: 34px; }
    .site .stock-nav.lower .prev-page a:before { content: '\f104'; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); text-indent: 0 !important; font-size: 34px; }
    .site .form-heading { font-size: 18px; line-height: 20px; }
    .site .sl-enq-form .form-wrap { height: 75%; max-height: 480px; }
    .site .mob-enq-trigger { margin: 0 !important; }
    .site .mob-buttons { margin-bottom: 5px !important; }
    
    /** Vehicle Details **/
    .site .vehicle .container { margin: 0 -5px; width: calc(100% + 10px);}
    .site .vd-tech { margin-top: 50px; }
    .site .vd-desc p { margin: 15px 0; }
    .site .vd-tech li { margin: 0 0 10px; }
    .site .vehicle-details .vd-tech h2 { margin-top: 10px; }
    .site .vd-tech li { width: 100%; }
    
    /** Finance Pages */
    .site .finance-partners .container img { width: 33%; }
}

/*** Landscape Viewports ***/
    
    /** Large Mobile, Fluid Layout Landscape (Up to 767px) **/
@media only screen and (max-width: 767px) and (orientation: landscape) {
    body:after { content: "M/L Mobile, Landscape"; }
    
    /** Header **/
    .site ul.nav li { width: 50%; }
    
    /** Stock Pages */
    .site .searchBasic ul li { width: 50%; }
    .site .form-wrap { height: 75%; max-height: 460px; }
    .site .sl-enq-form .form-wrap { height: 75%; max-height: 480px; }
    
    /** Vehicle Details **/
    .site .det-thumbs.photo-thumbs { height: 130px; }
    
    /** Around Us **/
    .site .section.around .white-bg { padding: 0; overflow: auto; }
    

    
}

/** Small Mobile, Fluid Layout Landscape (Up to 767px) **/
@media only screen and (max-width: 767px) and (max-height: 320px) and (orientation: landscape) {
    body:after { content: "S Mobile, Landscape"; }
    
    
    
}