@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap');

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blender Book';
    src: url('../fonts/BlenderBook.woff2') format('woff2'),
        url('../fonts/BlenderBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {margin:0; padding:0; background-color:#FFFFFF; /* background:#FFFFFF url(../images/frame/mainBg.gif) no-repeat fixed center top; */ background-size:cover; background-attachment:fixed;}

/* Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}

/* Reset all fonts sizes to 10pt */
html{font-size:100%;}

/* Typography */
h1,h2,h3,h4,h5,h6,th,dt,p,li,td,dd,address,input,textarea,legend{font-weight:300;}

/* Base Padding/Margins */
h1{margin:0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
h4{margin:0; padding:0;}
h5{margin:0; padding:0;}
p,address,h6,legend{padding-top:0.544em;padding-bottom:1em;}
blockquote{padding:0.988em 10px 0.122em 10px;margin-bottom:1em;}
ul,ol{padding-top:0;padding-bottom:0;}
ul ul{padding-top:0;padding-bottom:0;}
dl{padding-top:0.5em;padding-bottom:1.111em;}
dd{padding-left:20px;}

/* Classes */

a {-webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;}
strong {font-weight:600;}
small {font-size:10px;}

.block {max-width:1140px; display:block; margin:0 auto; position:relative;}

.splitLeft {width:50%; float:left;}
.splitRight {width:50%; float:right;}
.img100 {width:100%;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

.spacer {display:block; height:25px; clear:both;}
.spacer10 {display:block; height:10px; clear:both;}
.spacer50 {display:block; height:50px; clear:both;}
.spacer80 {display:block; height:80px; clear:both;}

.headerSpacer {display:block; height:80px; clear:both;}

.bullets {list-style:disc; padding-left:25px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

a.spindriftLink:hover {color:#00B2A7 !important;}

/* <----------------------------------------------------- BACKGROUNDS -----------------------------------------------------> */

.bg-overlay {background:url("../images/frame/bg/overlay.png") repeat scroll left top; height:100%; left:0; position:fixed; top:0; width:100%; z-index:-8;}
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/supersized/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%;}
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/supersized/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* Progress Bar
----------------------------*/					
#progress-back{ z-index:5; position:fixed; bottom:40px; left:0; height:2px; width:100%; background:url('../images/supersized/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:2px; width:100%; background:url('../images/supersized/progress-bar.png') repeat-x; }

/* ----------------------------------------------------- FIN BACKGROUNDS ----------------------------------------------------- */

/* Template */

header {width:100%; height:68px; background:none repeat scroll 0 0 rgba(255, 255, 255, 1); position:fixed; z-index:9500;}
header h1 {text-transform:uppercase; font-size:18px; line-height:25px; margin-top:20px; display:inline-block;}
footer {  bottom:0; width:100%; background-color:#efefef; z-index:11; box-shadow:0 1px 15px -2px #efdfdf; padding:50px 0;}
footer .copyright {font-family: 'Montserrat', sans-serif; font-size:10px; letter-spacing:1px; color:#202020; line-height:20px; text-align:center; padding-bottom:15px;}
footer .copyright a, footer .copyright a:active, footer .copyright a:visited {text-decoration:none; color:#202020; text-transform:uppercase;}
footer .copyright a:hover {color:#00B2A7;}

#masthead {max-width:1140px; width:100%; margin:0 auto;}
#headerLeft {width:45%; float:left; position:relative;}
#headerRight {width:45%; float:right; position:relative;}

ul#logo { margin:0px; list-style:none;}
ul#logo a {width:432px; height:49px; position:absolute; left:25px; top:14px; text-indent:-9999px; background-image:url(../images/frame/ecurie-classic-racing-logo.png); background-size:contain; background-repeat:no-repeat; display:block; z-index:9999;}

#contactTop {position:absolute; top:20px; color:#CCCCCC; font-family: 'Exo 2', sans-serif; line-height:28px; font-size:20px; width:200px;}
#contactTop a {color:#FFFFFF; text-decoration:none;}
#contactTop a:hover, #contactTop a:active, #contactTop a:visited {color:#FFFFFF; text-decoration:none;}
#contactTop.svr {left:208px; text-align:left;}
#contactTop.noble {right:30px; text-align:right;}

.contentWrapper {width:90%; max-width:1024px; position:relative; top:25px; padding-bottom:10px; overflow:auto; margin:0 auto;}
.contentWrapper:last-child{ padding-bottom:20px; }
.contentWrapper h1 {float:left; font-family: 'Montserrat', sans-serif; font-size:38px; font-weight:600; letter-spacing:2px; color:#000000; text-transform:uppercase; display:inline-block; margin:40px 0 60px 0; clear:left; text-align:center; width:100%;}
.contentWrapper h1 span {color:#cd9934;}
.contentWrapper h2 {font-weight:500; font-size:22px; color:#0b0b0b; font-family: 'Montserrat', sans-serif; line-height:30px; clear:both;}
.contentWrapper h3 {font-weight:500; font-size:18px; color:#000000; font-family: 'Montserrat', sans-serif; line-height:28px; margin:5px 0 10px 0;}
.contentInner {width:100%; max-width:1070px; min-width:200px; text-align:justify; font-family: 'Montserrat', sans-serif; font-size:14px; line-height:1.8em; float:left; clear:left; letter-spacing:1px;}
.contentInnerFull {width:100%; max-width:none; min-width:200px; text-align:justify; font-family: 'Blender Book'; font-size:16px; line-height:1.8em; float:left; clear:left;}
.contentInner a, .contentInner a:active, .contentInner a:visited {color:#cd9934; text-decoration:none;}
.contentInner a:hover {text-decoration:underline; color:#000000;}
.contentInnerRight {float:right; max-width:900px; min-width:300px; width:40%; text-align:center;}
.contentInnerRight img {width:100%; max-width:650px; min-width:300px; margin-bottom:30px;}

/* Social Networks */

ul.social {margin:0; padding:0; position:absolute; top:1.5vh; right:0; font-size:0;}
ul.social li {list-style:none; display:inline-block; margin:0; line-height:normal;}
ul.social li a {width:40px; height:40px; display:block; text-indent:-999px; overflow:hidden; background-color:#FFFFFF; background-size:cover; opacity:0.6;}
ul.social li a:hover {background-color:#dddddd; opacity:1;}

.socialInstagram {background-image:url(../images/frame/social/social-instagram.png);}
.socialFacebook {background-image:url(../images/frame/social/social-facebook.png);}
.socialTwitter {background-image:url(../images/frame/social/social-twitter.png);}

/* Scroll */

.scrollup {width:40px; height:40px; opacity:0.95; position:fixed; bottom:50px; right:10px; display:none; text-indent:-9999px; background:url('../images/frame/pageTop.png') no-repeat; background-color:#000000;}



/* Home */

#contentHome {color:#000000; position:absolute; padding:1%; bottom:50px; }
#contentHome h1 {font-family: 'Blender Book'; width:100%; font-weight:800; font-size:35px; text-transform:uppercase; color:#FFFFFF; text-shadow:1px 1px #000000;}
#contentHome a {color:#FFFFFF; text-decoration:none;}
#contentHome a:hover {color:#CCCCCC;}

/* News */

.newsDate {font-size:14px;}
.viewBack {font-weight:700; font-size:20px;}

/* Showroom */

ul#showroom {overflow:auto; box-sizing:border-box; overflow-x:hidden;}
ul#showroom li {list-style:none !important; position:relative; width:48%; margin-left:1.5%; margin-bottom:3%; float:left; text-align:justify;  height:auto; background-color:#000000; }
ul#showroom li:nth-child(odd) {margin-right:1.5%; margin-left:0 !important;}
ul#showroom li a {display:block;}
ul#showroom li a:hover {text-decoration:none !important;}
ul#showroom li h2 {color:#CCCCCC; font-size:15px; line-height:30px; text-transform:uppercase; margin:0 !important; padding:0 0 10px 0 !important; font-family: 'Montserrat', sans-serif; text-align:center; letter-spacing:normal;}
ul#showroom li h5 {color:#CCCCCC; font-size:12px; line-height:24px; text-transform:uppercase; margin:0 !important; padding:5px 0 0px 0 !important; font-family: 'Montserrat', sans-serif; text-align:center; letter-spacing:normal;}
ul#showroom li img {width:100%; transition:opacity .55s ease-in-out; -moz-transition:opacity .55s ease-in-out; -webkit-transition:opacity .55s ease-in-out;}
ul#showroom a:hover img {opacity:.6;}
ul#showroom li p {color:#444444; font-size:15px; line-height:18px; clear:both;}

.showroomListInfo {width:100%; display:block;}
.showroomListPrice {font-family: 'Century Gothic'; font-size:20px !important; color:#444444 !important;}
.showroomListButton {float:right; background-color:#000000; border:1px solid #000000; color:#FFFFFF; padding:4px 8px; margin:0 2% 2% 0; font-size:12px; text-transform:uppercase; font-family: 'Century Gothic';}
/* .showroomListButton:hover {border:1px solid #000000; background-color:#FFFFFF; color:#000000;} */

.showroomFilters {background-color:#efefef; width:96%; padding:2%; margin-bottom:3%; text-align:center;}
.showroomFilters h2 {font-weight:800; text-transform:uppercase;}
.splitFilterLeft {width:50%; float:left;}
.splitFilterRight {width:50%; float:right;}
.styled-dropdown { position: relative; width: 200px; margin: 0 auto; padding: 4px 15px; background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align:left; }
.styled-dropdown:after {  content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #929698 transparent;}
.styled-dropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; z-index:100;}
.styled-dropdown .dropdown li { padding: 0 10px ; }
.styled-dropdown .dropdown li a { display: block; text-decoration: none !important; color: #848181; padding: 3px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.styled-dropdown .dropdown li:last-of-type a { border: none;}
.styled-dropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle;}
.styled-dropdown .dropdown li:hover a { color: #777777 !important; }
.styled-dropdown.active { border-radius: 5px 5px 0 0; background: #000000; box-shadow: none; border-bottom: none; color: white;}
.styled-dropdown.active:after { border-color: #929698 transparent;}
.styled-dropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 210px; overflow:auto;}
.hide{display:none !important}
.clear{clear:both !important}

/* View Vehicle */

.galleryContainer {width:100%; margin:25px 0; overflow:auto;}
.galleryContainer img {background-color:#FFFFFF; width:18%; margin:1%; float:left;}

.viewBackButton {margin:0 auto;}
.viewBackButton a {background-color:#000000; color:#CCCCCC !important; font-size:14px; text-transform:uppercase; font-family: 'Blender Book'; padding:6px 8px; display:block; width:200px; text-align:center; margin:0 auto;}
.viewBackButton a:hover {color:#FFFFFF !important; text-decoration:none !important; background-color:#222222;}

/* Buy / Sell Pages */

.contactButton {margin:0 auto;}
.contactButton a {background-color:#000000; color:#CCCCCC !important; font-size:14px; text-transform:uppercase; font-family: 'Exo 2', sans-serif; padding:12px 15px; display:block; min-width:250px; max-width:340px; width:90%; text-align:center; margin:0 auto;}
.contactButton a:hover {color:#FFFFFF !important; text-decoration:none !important; background-color:#444444;}

/* About Us */

ul#profileList {}
ul#profileList li {list-style:none !important; position:relative; width:30%; float:left; background-color:#FFFFFF; margin:1.6%; text-align:justify; -moz-box-shadow:0px 0px 10px #CCCCCC; -webkit-box-shadow:0px 0px 10px #CCCCCC; box-shadow:0px 0px 10px #CCCCCC; font-family: 'Exo 2', sans-serif; padding-bottom:15px;}
ul#profileList li a {display:block;}
ul#profileList li a:hover {text-decoration:none !important;}
ul#profileList li h1 {background-color:#FFFFFF !important; color:#444444; font-size:18px !important; font-weight:600; line-height:23px; text-transform:uppercase; margin:0 !important; padding:0 0 0 10px; width:90%;}
ul#profileList li img {width:100%; transition:opacity .55s ease-in-out; -moz-transition:opacity .55s ease-in-out; -webkit-transition:opacity .55s ease-in-out; margin-bottom:5px;}
ul#profileList a:hover img {opacity:.6;}
ul#profileList li p {color:#000000; font-size:13px; line-height:18px;}
ul#profileList span {padding:0 0 0 10px; font-size:14px; display:block; color:#000000;}

.buttonBack {background-color:#000000; margin:10px auto 0 auto; color:#CCCCCC; display:block; font-family: 'Exo 2', sans-serif; padding:10px 15px;}
.buttonBack a {color:#CCCCCC !important; text-decoration:none !important;}
.buttonBack a:hover {color:#FFFFFF !important; text-decoration:none !important;}
.contentInnerBreak {height:1px; display:block; background-color:#AAAAAA; margin:35px 0 20px 0; clear:both;}

/* Partners */

.partnersContainer {width:100%; overflow:auto; border-bottom:1px solid #CCCCCC; padding:50px 0;}
.partnersLeft {width:30%; float:left; text-align:center; /* border:4px solid #CCCCCC; */ padding:15px 0; background-color:#FFFFFF; margin:25px 0;}
.partnersLeft img {width:100%; min-width:100px; max-width:282px; display:block; margin:0 auto; width:auto;}
.partnersRight {width:65%; float:right; margin:25px 0;}
.partnersRight a {font-weight:bold;}

@media all and (max-width: 650px) {
.partnersContainer {overflow:hidden !important;}
.partnersLeft {width:96% !important;}
.partnersLeft img {}
.partnersRight {width:98% !important; float:left !important; margin-top:15px;}
}


/* Enquiry Form */

#enquiryFormContainer {width:100%; margin-bottom:100px;}
.enquiryFormRow {clear:both; overflow:visible;}
.enquiryFormRow.half { width:49%; display:inline-block;}
.enquiryFormLeft {float:left; width:25%; text-align:right; line-height:30px;}
.enquiryFormRight {float:right; width:70%; text-align:left; line-height:30px;}

.enquiryFormInput {width:96%; padding:1%; line-height:30px; border:none; font-family: 'Montserrat', sans-serif; font-size:14px; background-color:#f0f0f0; border:1px solid; border-color:#f0f0f0; color:#000000; margin-bottom:25px; -webkit-appearance: none !important;}

.submitBtn {background-color:#cd9934; border:1px solid #cd9934; font-family: 'Montserrat'; font-size:12px; line-height:28px; color:#FFFFFF; font-weight:bold; padding:5px 10px; margin:0 auto; text-decoration:none; text-transform:uppercase; -webkit-appearance:none; width:250px; -webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; letter-spacing: 2px;}
.submitBtn:hover {background-color:transparent; border:1px solid #000000; background-color:#000000;}

/* Membership Registration */

.membershipForm {max-width:500px !important; margin:0 auto;}


/* Pagination */

.pagination {
	margin:10px 0;
}
.contentWrapper .pagination a {
	background:#006600;
	padding:2px 6px;
	font-size: 13px;
	margin-right:5px;
	text-decoration:none;
	color:#E7E7E7;
}
.contentWrapper .pagination a.active {
	background:#28313A;
	color:#fff;
}

/*Maulik css start*/
ul#latestNews li {
	margin:10px 7px;
}
#latestNews .imgPart {
	float:left;
	width:70px;
	max-height:70px;
	overflow:hidden;
	margin-right:15px;
}
#latestNews .imgPart img {
	width:70px;
	height:auto;
}
#latestNews .detailPart {
	float:left;
	/* width:185px; */
}
.clear {
	clear:both;
}
.dynamic-page { top:108px; position:relative; }
.dynamic-page .contentWrapper { top:40px !important; }


.linkBtn {background-color:#cd9934; color:#FFF !important; text-decoration:none !important; text-align:center; margin:10px auto; padding:5px 10px; display:block; width:320px; line-height:40px; font-size:12px; letter-spacing:2px; font-weight:bold; text-transform:uppercase;}
.linkBtn:hover {background-color:#000000;}

/*Maulik css end*/



/* Responsive */

@media screen and (min-width: 0px) and (max-width: 965px) {
.enquiryFormLeft {width:100% !important; display:block !important; text-align:left !important;}
.enquiryFormRight {width:100% !important; display:block !important;}
}

@media all and (max-width: 400px) {
ul#showroom li img {width:100% !important;}
.showroomListInfo {width:100% !important;}
ul#showroom li h2 {font-size:18px !important;}
}

@media all and (max-width: 525px) {
#headerRight {display:none !important;}
#headerLeft {width:100% !important;}
}

@media all and (max-width: 600px) {
ul#showroom li h2 {font-size:17px !important; line-height:20px !important;}
ul#showroom li p {font-size:14px !important; line-height:5px !important;}
.styled-dropdown { width:230px; }
.splitFilterLeft {width:100% !important; margin-top:15px;}
.splitFilterRight {width:100% !important; margin-top:15px;}	
.enquiryFormRow.half { width:100%; display:inline-block;}
#home-banner .bx-wrapper img {  width: 100% !important; object-fit: cover; }
.calendar-btn-holder .linkBtn{ font-size:10px; }
}

@media all and (max-width: 650px) {
.partnersContainer {overflow:hidden !important;}
.partnersLeft {width:96% !important;}
.partnersLeft img {}
.partnersRight {width:98% !important; float:left !important; margin-top:15px;}
.contentWrapper {top:20px !important;}
.contentWrapper h1 {font-size:32px !important;}

.showroomListButton {display:block !important; float:none !important; overflow:auto; margin:0 2% 2% 2% !important;}
}

@media all and (max-width: 750px) {
header {height:50px;}
ul#logo a {height:35px !important; width:309px !important; top:10px; left:16px;}
.galleryContainer img {width:31.3% !important;}
.headerSpacer {height:50px;}
body {background-image:none;}
}

@media all and (max-width: 800px) {
.splitLeft {width:100% !important; float:left;}
.splitRight {width:100% !important; float:left !important; margin-top:25px;}
.profileContainer {width:100% !important;}
.profileLeft {width:95% !important;}
.profileRight {width:95% !important;}
#contactTop {display:none !important;}

ul#profileList li {width:100% !important;}
ul#profileList li h1 {width:98% !important;}

ul#showroom li {width:100% !important; margin-left:0 !important; box-sizing:border-box;}
}

@media all and (max-width: 1010px) {
.contentInnerRight {width:100% !important;}
}

@media all and (max-width: 1700px) {
.contentInnerRight {margin:0 auto;}
}

/* ----------- SOCIAL MEDIA WALL ---------- */

.socialWrapper {max-width:none !important;}

.hide{display:none!important}
.social ul li svg{height:50px;width:50px}
.media__list{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}
.media__list li{width:100%}
.media__list li a{color:#FFF; text-decoration:none !important;}
.media__list li .overlay{padding:0;color:#FFF}
.media__list .social-instagram .overlay{background:none;background-image:linear-gradient(-180deg,rgba(140,140,140,0) 0%,rgba(140,140,140,0.82) 100%)}
.media__list .social-post{position:relative}
.media__list .social-icon{position:absolute;bottom:2em;left:2em;fill:#FFF;opacity:.5;width:4em;height:4em}

.media__list li:nth-child(1n+0) {background-color:#202020;}
.media__list li:nth-child(2n+2) {background-color:#000000;}

.social-twitter {background-color:#1DA1F2 !important;}
.social-instagram {background-color:#D62E78 !important;}
.social-facebook {background-color:#4867AA !important;}

.overlay p {color:#FFFFFF !important; padding:10% 10% 0 10%; text-shadow:1px 1px #000000; font-size:18px; line-height:18px;}
.overlay p:nth-child(2) {padding-top:10px;}
.read-more-text { display:none; }

@media (min-width: 30em) {
.media__list li{width:100% !important}
}

@media (min-width: 40em) {
.media__list li{width:50% !important}
}

@media (min-width: 64em) {
.media__list li{width:25% !important}
}
p.warning{ color: #9e2e2e; background: #dcc0c0; padding: 0px 10px; border-radius: 5px; margin-bottom: 5px;}