/***** BEGIN RESET *****/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS -------- */

.btn {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: 'Barlow';
}

.btn.btn-1 {
    background-color: #b42b4d;
    transition: 0.3s;
}

.btn.btn-1:hover {
    background-color: #d14568;
    transition: 0.3s;
}

.btn.btn-2 {
    background-color: #242424;
    transition: 0.3s;
}

.btn.btn-2:hover {
    background-color: #5d5d5d;
    transition: 0.3s;
}


/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
    font-family: 'Barlow', sans-serif !important;
    /* background: #f2efef; */
    background: #fff;
}

.bg-tile {
    background: url(/img/bg-tile.jpg);
    background-size: cover;
}

.bg-tile-2 {
    background: url(/img/bg-tile.jpg);
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

/*----- CONTAINER STYLES ------*/

.container {
    max-width: 85%;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.bg-white {
    background: #fff;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

/*--- HEADER STYLES ---------------------*/
header {}

.site-header-bg {
    width: 100%;
    max-height: 840px;
    min-height: 300px;
    object-fit: cover;
    object-position: center 55%;
}

.inner .site-header-bg {
    height: 240px;
    max-height: 240px;
    min-height: 240px;
    object-position: center 50%;
}

.site-header-content {
    position: absolute;
    top: 0;
    width: 100%;
    /* padding: 20px 50px; */
}

.header-logo img {
    max-width: 180px;
    /* padding: 20px 50px; */
    margin: 45px 50px;
}

.outer { position: relative; min-height: 300px; max-height: 840px; padding-bottom: min(44.5vw, 600px); box-sizing: border-box; }

.outer video, .outer iframe, .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.outer .header-logo img {
    max-width: 250px;
    /* padding: 20px 50px; */
/*    margin: 20px 50px;*/
}

.outer, .inner { position: relative; min-height: 240px; background-image: url('/img/header-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.inner iframe, .outer iframe { transform: scale(1.25); }

.inner iframe { height: 45.2vw!important; max-height: unset!important; min-height: 286px!important; transform: scale(1.25) translateY(-50%); top: 50%!important; }

.header-logo {
    display: inline;
}

.header-nav {
    display: block;
    position: relative;
    bottom: 145px;
}

.outer .header-nav {
    bottom: 150px;
}

.site-header {
    background: #000;
    max-height: 840px;
    overflow: hidden;
}

.site-header-title {
    position: relative;
    /* width: 50%; */
}

.site-header-title h1 {
    font-size: 72px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
}

.click i {
    padding-left: 5px;
}

.site-header.inner {
    background: #242424;
    max-height: 240px;
}

.cursor {
    padding-left: 5px;
    font-size: 14px;
}

.page-title {
    background: #b42b4d;
}

.page-title h2, .page-title h1 {
    color: #fff;
    font-size: 50px;
}

.page-title h3 {
    color: #fff;
    font-size: 25px;
    float: right;
    padding-top: 20px;
    font-weight: 700;
}

.page-title span {
    color: #fff;
}

.page-title span a {
    color: #fff;
}

.page-title span a:hover {
    color: #fff; text-decoration: underline; 
}

.mobile.open h3 {
    height: 50px;
}

.mobile.open h3 span {
    opacity: 0;
}

/*---BODY--------------------------------*/

h1, h2, h3, h4, h5, h6 {
    /* font-weight: 500; */
    font-weight: 900;
    font-style: italic;
}

.page-section-title h2 {
    font-size: 50px;
    color: #fff;
}

.page-section-cats {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-cat:hover i {
    transform: rotate(5deg);
    transition: 0.3s;
}

.section-cat {
    background: #fff;
    width: 380px;
    margin-bottom: 30px;
    background-size: cover !important;
    background-position: center !important;
}

.page-section-cats a:nth-child(1) .section-cat {
    background: url(/img/bg-block1.jpg)
}

.page-section-cats a:nth-child(2) .section-cat {
    background: url(/img/bg-block2.jpg)
}

.page-section-cats a:nth-child(3) .section-cat {
    background: url(/img/bg-block3.jpg)
}

.page-section-cats a:nth-child(4) .section-cat {
    background: url(/img/bg-block4.jpg)
}

.section-cat i {
    color: #b42b4d;
    font-size: 100px;
    padding-top: 50px;
    transition: 0.3s;
}

.section-cat p {
    padding: 50px 70px;
    color: #000;
}

.section-cat-title {
    background: #b42b4d;
    width: 100%;
    padding: 10px 0;
}

.section-cat-title h6 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
}

.mf-logos {
    background: #242424;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mf-logos img {
    width: 270px;
    padding: 10px 20px;
    transition: 0.3s;
}

.mf-logos img:hover {
    transform: scale(0.9);
    transition: 0.3s;
}

.about-section {
    display: flex;
    flex-wrap: wrap;
}

.about-img {
    max-width: 50%;
}

.about-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.about-section h2 {
    font-size: 50px;
}

.about-content {
    padding: 50px;
    max-width: 40%;
}

.quick-enq {
    background: url('/img/quick-enq.jpg');
    padding: 60px;
    display: flex;
    justify-content: center;
}

.quick-enq-form {
    background: rgba(255, 255, 255, 0.4);
    width: 900px;
    padding: 25px 50px;
}

.quick-enq-form h3 {
    color: #fff;
    font-size: 75px;
}

.quick-enq-form p {
    color: #fff;
}

.quick-enq-box input, .quick-enq-box textarea {
    width: 100%;
    border: none;
    padding: 15px 20px;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    transition: 0.3s;
}

.quick-enq-field {
    width: 100%;
    display: flex;
    margin: 20px 0;
}

.enq-field {
    width: 100%;
    display: flex;
    margin: 20px 0;
}

.enq-box input, .enq-box textarea {
    width: 100%;
    border: none;
    padding: 15px 20px;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    transition: 0.3s;
    background: #f2efef;
}

.enq-field:last-child input {
    background: #242424;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    transition: 0.3s;
}

.enq-field:last-child input:hover {
    cursor: pointer;
    background: #5d5d5d;
    transition: 0.3s;
}

/* .quick-enq-field:nth-child(n+1):nth-child(-n+2) {
    width: 50%;
} */

.quick-enq-field:last-child input {
    background: #242424;
    color: #fff;
    font-size: 18px;
    font-style: italic;
}

.quick-enq-field:last-child input:hover {
    cursor: pointer;
    background: #5d5d5d;
    transition: 0.3s;
}

.about-buttons .btn {
    width: 200px; 
    margin-bottom: 20px;
}

.repair-button {
    width: 100%;
    background: #242424;
    display: block;
    text-align: center;
    padding: 15px 0;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    transition: 0.3s;
}

.repair-button:hover {
    background-color: #5d5d5d;
    transition: 0.3s;
  }

.hosted {
    background: #000;
}

.divfooter {
    max-width: 700px;
    padding: 0 10px 30px 10px;
    text-align: center;
    margin: 0 auto;
}

.footertext {
    font-size: 13px;
    color: #fff;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active {
    text-decoration: none;
    font-size: 13px;
    color: #fff;
}

.smallfootertext {
    font-size: 10px;
    color: #fff;
}

.inner-box {
    background: #fff;
    padding: 50px;
    margin: 50px auto;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
}

.inner-box p, .inner-box ul {
    padding-bottom: 20px;
}

.inner-box h3 {
    font-size: 35px;
    padding-bottom: 25px;
}

.bottom-box {
    max-width: 1140px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/* .bottom-item {
    background: #b42b4d;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    transition: 0.3s;
} */

.bottom-item {
    background: url(/img/conestoga.png);
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 30px 0 90px 0;
    transition: 0.3s;
    background-size: cover;
  }

.bottom-item span {
    color: #fff;
}

.bottom-box a {
display: inline-block;
  width: 100%;
  padding: 0 20px;
}

.bottom-item i {
    color: #fff;
}

/* .bottom-item:hover {
    background-color: #96213F !important;
    transition: 0.3s;
} */

.bottom-item:hover {
    background: url(/img/conestoga-hover.png);
    transition: 0.3s;
    background-size: cover;
}

.list-content .list-main-section {
    background-color: #fff !important;
    border: none !important;
}

.view-listing-details-link {
    background-color: #b42b4d !important;
}

.view-listing-details-link:hover {
    background-color: #96213F !important;
}

.list-top-section .list-listings-count {
    color: #b42b4d !important;
}

.rent-title, .lease-title, .fractional-title {
    color: #b42b4d !important;
}

.faceted-search-content .faceted-search__main-section {
    background: #fff !important;
}

.about-vid {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
	position: relative; 
	padding-bottom: 56.2%; 
}

.about-vid iframe {
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; 
}

.youtube-vid iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
}

.contact-boxes {
    display: flex;
    justify-content: space-around;
    padding: 10px 15px;
}

.contact-box {
    background: #242424;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 10px;
    padding: 30px 0;
}

.contact-box i {
    color: #fff;
    font-size: 34px;
    padding-bottom: 20px;
    transition: 0.3s;
}

.contact-box span {
    color: #fff;
}

.contact-box:hover i {
    transform: scale(1.2);
    transition: 0.3s;
}

.p-clear {
    padding: 0 !important;
}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{}

.footer {
    background: #242424;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 40px 40px 140px;
}

.foot-section {
    width: 25%;
    color: #fff;
}

.foot-logo {
    max-width: 200px;
}

.partner-logo {
    max-width: 200px;
}

.foot-logo-desc {
    max-width: 55%;
}

.foot-partner-desc {
    max-width: 55%;
}

.foot-section h6 {
    font-style: normal;
    font-size: 26px;
}

.contact-list-item i {
    color: #b42b4d;
    padding-top: 5px;
}

.contact-list-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

.foot-section h6 {
    padding-bottom: 20px;
}

.foot-section li {
    margin-bottom: 8px;
}

.foot-section li a {
    color: #fff;
    transition: 0.2s;
}

.foot-section li a:hover {
    color: #ffffff8e;
    transition: 0.2s;
  }

.contact-list-item {
    padding-bottom: 10px;
}

.repair-map {
    width: 100%;
}

.finance-img {
    max-width: 100%;
    width: 100%;
    display: inline;
    padding-bottom: 20px;
}

.faceted-search-content .selected-facets-container {
    background: #fff !important;
}

.faceted-search-content .selected-facets-container .selected-facet {
    background: #b42b4d !important;
}

.finance-preview {
    margin: 20px auto;
    max-width: 400px;
    display: block;
    width: 90%;
}

.CaptchaMessagePanel {
    color: #fff;
}

.is-contactpage .CaptchaMessagePanel { 
	color: #000; 
}

.product-lines {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 50px auto;
}

.line-box {
    background: #242424;
    text-align: center;
    margin: 30px 0;
    max-width: 320px;
}

.line-box img {
    max-width: 320px;
}

.line-box h3 {
    font-size: 24px;
    font-style: normal;
    text-transform: uppercase;
    padding: 10px 0;
}

.product-lines a img {
    transition: 0.2s;
}

.product-lines a h3 {
    color: #fff;
}

.line-box {
    overflow: hidden;
}

.product-lines a:hover img {
    transform: scale(1.07);
}

.inner-lines h4 {
    font-size: 23px;
    padding-bottom: 15px;
}

.inner-lines img {
    max-width: 60%;
    margin: 0 auto;
    padding: 30px 0;
}

.inner-lines ul {
    list-style: circle;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-title .list-title-text {
    color: #fff !important;
    text-transform: capitalize;
}

.list-bcrumbs-and-title {
    background: #b42b4d !important;
  padding: 10px;
}

.list-bcrumbs-and-title .list-listings-count {
    margin: 0 !important;
    color: #333 !important;
}

.detail-wrapper {
    background: #fff;
    padding: 50px !important;
}

.body-wrapper {
    margin-bottom: 50px !important;
}

#inv .list-listings-count { opacity: 0!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 1751px) {
	.outer iframe { height: max(45.2vw, 100%)!important; object-position: center; top: 50%!important; transform: scale(1.25) translateY(-50%)!important; }
}

@media only screen and (min-width: 1351px) {
	.outer iframe { height: 782px; max-height: unset; object-position: center; top: 0; }
}
	
@media only screen and (max-width: 1200px) {
	.about-img {
        max-width: 100% !important;
        height: 250px !important;
        width: 100%;
    }
    .about-content {
        padding: 20px !important;
        max-width: 100% !important;
    }
    .page-section-cats {
        justify-content: space-around !important;
      }
    .about-buttons {
        text-align: center !important;
    }
    .foot-section {
        margin-bottom: 50px !important;
      }
      .detail-wrapper {
        padding: 10px !important;
    } 
	
}

@media only screen and (min-width:768px) and (max-width: 1130px) {
	.site-header-title h1 {
        font-size: 70px !important;
    }
    .foot-section {
        width: 50% !important;
    }
	
}


@media only screen and (max-width: 767px) {.site-header {
		max-height: 150px;
	}
    .site-header-title h1 {
        font-size: 40px !important;
    }
    .site-header-title h1 {
        font-size: 40px !important;
    }
    .site-header-title {
        padding: 20px !important;
        
    }
	.page-section-title h2 { font-size: 36px; }
    .outer .header-logo img {
        max-width: 130px;
        margin: 20px;
    }
    .section-cat {
        width: unset !important;
    }
    .mf-logos img {
        width: 175px !important;
    }
    .quick-enq-form h3 {
        font-size: 50px !important;
    }
    .quick-enq-form {
        padding: 20px !important;
    }
    .quick-enq {
        padding: 20px !important;
    }
    .foot-section {
        width: 100% !important;
    }
    .footer {
        padding: 30px !important;
    }
      .inner-box {
        padding: 20px !important;
    }
    .bottom-box {
        display: block !important;
    }
    /* .bottom-item {
        margin: 10px 0 !important;
        padding: 12px 0 !important;
    } */
    .bottom-item {
        margin: 10px 0 !important;
        padding: 80px 0;
        padding: none !important;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .bottom-box a {
        padding: 0 !important;
    }
    .about-vid video {
        width: 100% !important;
    }
    .contact-boxes {
        flex-wrap: wrap !important;
    }
    .contact-box i {
        font-size: 24px !important;
        padding-bottom: 15px !important;
    }
    .contact-box {
        padding: 20px 0 !important;
    }
    .page-title h3 {
        color: #fff;
        font-size: 18px;
        float: left;
        padding-top: 0 !important;
        font-weight: 700;
    }
    .site-header-bg {
        transform: scale(1.3);
    }
    .bg-tile {
        background-size: auto !important;
    }
    .product-lines {
        justify-content: center !important;
    }
	
	.get-started-sect .container.pt-50.pb-30 { padding-top: 36px!important; padding-bottom: 24px!important; }
	.section-cat i { padding-top: 24px; font-size: 66px; }
	.section-cat p { padding: 12px 5vw 24px 5vw; }
}

@media only screen and (max-width: 720px){
	.inner iframe { top: 0!important; transform: scale(1.3); }
}

@media only screen and (max-width: 650px){
	.outer iframe { width: 650px!important; height: 286px!important; min-height: unset; left: 50%; right: unset; transform: scale(1.25) translateX(-41%); }
}

@media only screen and (max-width: 500px){
	.inner iframe { top: 50%!important; left: 50%!important; right: unset!important; transform: scale(1.3) translateX(-50%) translateY(-46%); width: 600px!important; }
}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: left !important;
 line-height: normal !important;
  max-width: 90%;
}

.CaptchaImagePanel {
margin:0 0 0 0;
}