@charset "UTF-8";
/* CSS Document */

body{
  overflow-x: hidden;
  overflow-y: scroll;
}

h3 { font-size: 1.3em; font-weight: 600 }

.navigation.solid { background-color: #2e2e2d !important; }

.main-gallery img, .gallery-category img { width: 100%; }
.main-gallery span { display: block; font-size: 16px; font-weight: 700; margin-top: .5em; margin-bottom: 1.5em; }
.container-fluid.gallery-container { max-width: 1450px; }

/* Gallery Category */
.photo-categories { position: sticky; top:8em; }
.photo-categories a { border-bottom: 1px solid #ccc; display: block; align-items: center; width: 100%; text-align: left; padding: 1.5em 5%; transition: background 0.2s ease; background: url(../images/support-arrows.svg) no-repeat 95% 50%; background-size: 7px auto; font-weight: 700; }
.photo-categories a:hover { background: url(../images/support-arrows.svg) no-repeat rgba(0,0,0,0.05) 96% 50%; background-size: 7px auto; text-decoration: underline; color: #00b3b8; }

.photo-categories h4 { color: #f58220; font-weight: 700; font-size: 18px; }
span.sub-cat { display: block; font-size: 16px; color: #00b3b8; margin-top: 0.5em; }
.contentContainerHome {
    display: block;
	margin-top: 1em;
}

.gallery-category .gallery a { margin-bottom: 2em; }
.gallery-category h1 { font-size: 2.5em; text-shadow: none; font-weight: 700; display: block; }
.gallery-category .gallery a img { width: 100%; height: 100%; object-fit: cover; min-width: 131px !important;  }
.main-gallery a img { width: 100%; height: 100%; object-fit: cover; min-height: 250px; max-height: 250px; }
.my-gallery figure { margin: 0 0 1.9rem; }
.gallery-heading { padding-left: 0; }
.indexImageButton { max-width: 300px; float: right; margin: 1em; }
.indexImageButton.ProductsMain { max-width: 400px;}
.indexImageButton a span { display: block; font-size: 12px; color: white !important; background-color: #ff8100 !important; font-weight: bold; padding: 1.5em 1em; margin-top: 1em; text-align: center; }
.indexImageButton a:hover { text-decoration: none !important; }
.indexImageButton img { width: 100% !important; float: none !important; margin: 0 !important;  }


.secondaryImages { max-width: 300px; float: right; margin: 1em; clear: right; font-size: 12px; text-align: center; }
.secondaryImages.bigger { max-width: 450px; }
.secondaryImages img { width: 100% !important; float: none !important; margin: 0 !important; padding-bottom: 1em;  }
.photoSideContainer {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 1em !important;
}

.photoSideContainer div {
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 auto;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
    margin-top: 1em;
    display: inline-block !important;
    float: none !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
    vertical-align: top;
}


.videoContainer { width: 100%; }

.videoContainer p { display: inline-block; max-width: 400px; margin: 1em 1em 1em 0em;} 

.videosPage div { display: inline-block; max-width: 350px;  }
.videosPage h3 { font-size: 1.2em; padding: 0.3em;}

.videosPage p { margin: 1em 0em 1em 0em; max-width: 300px; }

div.videoPage p { display: inline-block; }

div.videoPage p.description { max-width: 43%; padding-left: 1em; vertical-align: top; }





code { font-family: Consolas,liberation mono,Courier,monospace; font-weight: 700; color: #bd260d; }

.photoSideContainer { display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 1em !important; }

.photoSideContainer div { width: 100% !important; max-width: 410px !important; margin: 0 auto; margin-top: 1em; display: inline-block !important; float: none !important; margin-left: 1em !important; margin-right: 1em !important; vertical-align: top; }

.photoSideContainer.threeHundred div { max-width: 300px !important}

.photoSideContainer div span:hover { color: #0000ff !important; }


.photoSideContainer3 { display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 1em !important; }

.photoSideContainer3 div { width: 100% !important; max-width: 175px !important; margin: 0 auto; margin-top: 1em; display: inline-block !important; float: none !important; margin-left: 1em !important; margin-right: 1em !important; }

.photoSideContainer3.threeHundred div { max-width: 200px !important}

.photoSideContainer3 div span:hover { color: #0000ff !important; }

.photoSideContainer3 img { margin-left: 1em; }

.videoContainer { width: 100%; }

.videoContainer p { display: inline-block; max-width: 400px; margin: 1em 1em 1em 0em;} 

.videosPage p { margin: 1em 0em 1em 0em; max-width: 300px; }

code { font-family: Consolas,liberation mono,Courier,monospace; font-weight: 700; color: #bd260d; }

.articleCTAButton { background-color: #00b3b8 !important; color: white !important; } 

.salesforce_w2l_lead form.w2llead {
    text-align: left;
    clear: both;
}

.salesforce_w2l_lead .sf_field, .sf_type_checkbox {
    clear: both;
}


form {
    max-width: 500px !important;
}

.salesforce_w2l_lead .top-aligned .w2llabel {
    width: 100%;
}
.salesforce_w2l_lead .required {
    font-weight: 700;
    color: inherit;
}
.salesforce_w2l_lead .w2llabel {
    clear: left;
    margin: .25em 0;
    width: 50%;
}
.salesforce_w2l_lead .w2llabel, .w2linput {
    display: block;
    float: left;
    box-sizing: border-box;
}

.salesforce_w2l_lead .top-aligned .w2linput {
    clear: left;
}
.salesforce_w2l_lead .w2linput.textarea, .salesforce_w2l_lead .w2linput.text {
    font-size: inherit;
}
.salesforce_w2l_lead .w2linput.text {
    width: 50%;
    height: auto;
    margin: .25em 0;
}

.salesforce_w2l_lead .w2lsubmit {
    float: none;
    clear: both;
    padding: .5em 0;
    
}

.submit {
    background-color: #ff8100 !important;
    color: white;
    font-size: 24px;
    font-weight: 600;
    max-width: 300px;
    border: 0;
}

.salesforce_w2l_lead input,.salesforce_w2l_lead textarea {
   padding: .5em;
   width: 80% !important;
}

.photoSideContainer { display: block !important; width: 100% !important; text-align: center !important;  margin-bottom: 1em !important; }
.photoSideContainer.threeHundred div { max-width: 300px !important; }
.photoSideContainer div { width: 100% !important; max-width: 410px !important; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-left: auto; margin-top: 1em; display: inline-block !important; float: none !important; margin-left: 1em !important; margin-right: 1em !important; vertical-align: top; }
div.productsContainer.ForButton span.smallProductsBox { background-color: #ff8100; padding: 1em; color: white; font-weight: bold; margin-bottom: 0.3em; display: inline-block; margin-top: 0.5em; margin-bottom: 1.5em; }
.productsWideBoxes { background: #e5e5e5 none repeat; height: 100%; overflow: hidden; padding: 12px; margin: 20px 0; border-radius: 4px; color: #444; position: relative; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; }
.productsWideBoxes img { margin-right: 1.5em !Important; display: inline !Important; float: left !Important }

.custom_row {
    max-width: 1200px !important;
	width: auto;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
}

/* entire container, keeps perspective */
 .flip-container {
 perspective: 1000;
 }
 /* flip the pane when hovered */
 .flip-container:hover .flipper, .flip-container.hover .flipper {
 transform: rotateY(180deg);
 }  .flip-container, .front, .back {
 overflow: hidden;
 width: 248px;
 height: 248px;
 margin: auto !important;
 margin-bottom: 15px !important;
 }  /* flip speed goes here */
 .flipper {
 transition: 0.6s;
 transform-style: preserve-3d;
 margin-bottom:10px;
 position: relative;
 }  /* hide back of pane during swap */
 .front, .back {
 backface-visibility: hidden;  position: absolute;
 top: 0;
 left: 0;
 }  /* front pane, placed above back */
 .front {
 z-index: 2;
 /* for firefox 31 */
 transform: rotateY(0deg);
 }  /* back, initially hidden pane */
 .back {
 transform: rotateY(180deg);
 }

 .back img, .front img {
 width:100%;
 height:100%; 
min-height: 248px;
 } 

ul.contactIcons { list-style: none !important; margin-left: 0; padding-left: 0;}

.contactIcons img { float: none !important; margin: 0 }
.contactIcons i { float: none !important; margin: 0; margin: 0.7em; width: 24px; height: 24px; font-size: 1.5em;}
span.jobTitle { color: #f7801b; }

.productsImagesContent { display: inline-block; }

a.largeColors img {max-width: 792px; height: auto; width: 100%; }

#content .download_box {
    background: #dff0d8;
    border: 1px solid #d6e9c6;
}

.boxes {
    height: 100%;
    overflow: hidden;
    padding: 12px;
    margin: 20px 0;
    border-radius: 4px;
    color: #444;
    position: relative;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}

.normal_box img { float: left !important; margin-top: 0 !important; }

.normal_box {
    background: #e5e5e5 none repeat scroll 0% 0% !important;
    border: 1px solid #F1F1F1;
	vertical-align: middle;
}

.col-sm-3.cust-img-data {
    background: #ff8100;
    padding: 10px;
    min-height: 245px;
    border-radius: 4px;
    width: 22%;
    margin: 1px 10px 0px 10px;
    color: white;
    font-style: oblique;
    display: table;
	margin-top:  2em; 
}

.col-sm-3.cust-img-data::after {
    content: "";
    display: block;
    width: 25px;
    height: 10px;
    position: absolute;
    top: 48%;
    left: 100%;
    background-color: #ff8100;
}

.pswp--open { z-index: 100000000; }
/* .pswp__img { width: auto !important; height: auto !important; } */
.gallery-category .gallery a img { max-height: 98px; }
.FACImageStyle { display: block; width: 100%; height: 100%; object-fit: cover; } 
.pswp__caption__center { text-align: center !important; font-weight: bold; margin-bottom: 3em !important; }
.thumbnailCaption { font-size: 10px; text-align: center; }
a.get-a-quote i { font-size: 20px; margin: 0.2em 0; } 
.subhed a:link { color: white; text-decoration: underline; }
.newsletterForm form { }

.displayBlock { display: block !important; }

.sidebysideContain { display: inline-block; width: 49%; vertical-align: top; padding-right: 1em;}
.CTAInner { display: inline-block } 
h2.subHead { font-size: 1.3em; font-weight: normal; margin-bottom: 1.5em; }

.page-template-dealer-pages .full-width-dealer-pages .flanking-image-right {
    width: 33.3333%;
    float: right;
}

.page-template-dealer-pages .full-width-dealer-pages .flanking-image-left {
    width: 33.3333%;
    float: left;
}

.page-template-dealer-pages .full-width-dealer-pages .flanking-image {
    position: relative;
}

.brochureContainer {
    display: block;
    width: 100%;
}

.brochureItself {
    display: inline-block;
    max-width: 197px;
    margin-right: 1em;
}

.brochureItself img {
    max-width: 197px;
    display: inline-block;
}
.leftAlignPics { display: block; float: left; }
.leftAlignPics img { float: left !important; max-width: 200px; width: 100%; margin-top: 0 !important; }
.leftAlignPics h2 { font-size: 1.3em; }
.subHead { font-size: 1.2em; margin-top: 0em; display: inline-block; margin-bottom: 1em;  }
.secondaryImages p { padding-right: 0; font-size: 0.9em; }
.buttonTextBelow { display: inline-block; } 
.buttonTextBelow a { margin-top: 0; }
.buttonTextBelow p { margin-top: 0; text-align: center; padding-right: 0; font-size: 0.9em;}
.numberedList li { margin-bottom: 1em; } 

ol.numberedList {

  counter-reset: item;
}
ol.numberedList > li {
  list-style-type: none;
  counter-increment: item;
  margin-bottom: 1em;
}
.numberedList > li:before { display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) "."; 
  min-width: 1.4em; }
.numberedList > li:after { padding-left: 1em; }

.leftSideH2 { font-size: 1.8em !important; margin-left: 0.5em; }
.blogImgFix { height: 100% !important; }

.home-hero .carousel-item { padding-bottom: 51.73%; }
.home-hero .carousel-item img { position: absolute; }


.index-hero .carousel-item { padding-bottom: 44.23%; }
.index-hero .carousel-item img { position: absolute; }

.orangeBoxes { max-width: 22%; text-align: center; vertical-align: middle; }
.orangeBoxes p { padding-right: 0 }
.orangeBoxes:last-child::after { display: none !important; }
.videoContainer span { display: inline-block; max-width: 300px; vertical-align: top;}
.videoContainer span p { display: block; text-align: center; width: 100%; margin-top: 0; font-size: 0.8em; line-height: 15px; padding-right: 0;}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.carousel-control-prev, .carousel-control-next { opacity: 0.90; }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel.ArticleSlider { margin-bottom: 1em; }


.carousel-indicators { margin-bottom: 0.2em; border-radius: 9px; }

.carousel-indicators > li {
  border-radius: 50%;
  width: 10px; height: 10px;
}

.awardWinnerLogos img { max-width: 150px;  }


.awardClear { clear: left;
margin-top: 1em; }
 
.architectsBullets li { font-size: 1.2em; margin-bottom: 1em; font-weight: bold; }
.bg-white { background-color: #fff !important; }
.awardsLinks a:link { color: #00b3b8; } 
.awardsLinks { color: #00b3b8 !important; } 
span.caption { float: none; margin: 0 auto; display: block; text-align: center !important; padding-top: 1em; }
.photoSideContainer img { width: 100%; height: auto; }
h2.architects { font-size: 3em; }
.awards span { color: #ababab; font-size: 0.75em; }
.aboutUs { margin-bottom: 1em; box-sizing: border-box; display: inline-flex; flex-direction: column;}
.aboutUsRow { margin-bottom: 1.3em !important;  }

.usgbc {  margin: 0 auto; display: block; position: relative; }

.usgbc img { max-width: 110px; bottom: 70px; margin: 0 auto; display: block; }
.nationalAccountusgbc { float: left; }
.nationalAccountusgbc img { max-width: 110px; margin-top: 0 !important; } 
p.team { font-size: 0.9em; } 
section.archBios img { height: auto !important; }
section.archBios button { margin-left: 24px; margin-bottom: 1em; padding-left: 0 }
section.archBios .accordion::after { content: '\002B'; color: #777; font-weight: bold; float: left;  margin-left: 30px; position: relative !important; }
.bioPicsNew { text-align: center; }
.bioPicsNew img { border-radius: 14px; }
.bioPicsNew a { color: black !important; }
.bioPicsNew button h2 { margin-top: 1em; color: black !important; margin-bottom: 0; }
.bioPicsNew a:hover { text-decoration: none; }
.bioPicsNew button:hover h2 { color: #00b3b8; } 
.bioPicsNew button { outline: 0px; -webkit-appearance: none; border: 0px; background-color: transparent; }
.BioModal { max-width: 1000px;  }
.bioImage { max-width: 400px; float: right; padding: 1em 0 1em 1em; border-radius: 12px }
.bioImage img { border-radius: 12px; }
.bioH5 { color: black; font-size: 2em !important; }
.bioH5 span { color: #f58220; font-size: 0.6em } 
.modal-content { border-radius: 15px; }
.modal-body { padding: 2rem; }
.modal-header {padding: 1rem 2rem;}
.bioText { max-height: 350px; overflow-y: auto; } 
.newClose { font-size: 2.5rem !important; }


.interviewPage { width: 100%; vertical-align: top; }
.interviewPage iframe { width: 100%; max-width: 450px;  }
.interviewPage div { width: 49.5%; display: inline-block; vertical-align: top; padding: 0.5em;}

.interviewPage div h2 { font-size: 1.3em; } 
.interviewPage div p { width: 100% !important; max-width: 450px; margin-top: 0; }
.insights { float: right; }


.insightsNew { float: none; margin-top: -4px; margin-bottom: 1.0em; }
.insightsNew i { font-size: 1em; color: #00b3b8;margin-right: 0.6em;  } 
.insightsNew a { font-weight: bold;   }
.indent { margin-left: 1em; }
.textAlignCenter { text-align: center; }
.colorSwatches img { float: none !important; margin: 0 !important;  }
.colorSwatches h5 { font-size: 1em !important; } 

.ArchHeader span { font-size: 0.6em !important; }
.preqContract { text-align: center; font-size: 1.3em; margin-top: 2em; }
.preqContractor div { text-align: center; font-weight: bold; padding: 1em; margin: 1em; background-color: #efefef; align-items: center; justify-content: center; display: flex}
.displayNoneMobiler { background-color: transparent !important; }
.cursorDefault { cursor: default !important; }
a.cursorDefault:hover h5 { text-decoration: none !important; }
.partners img { width: 248px; }
.smallPicCaption { font-size: 0.8em; text-align: center; margin-left: -15px; max-width: 420px; }
.youtube-video-place { cursor: pointer !important; } 
.active.lightOrange { background-color: #ffad66 !important; }
.lightOrange { font-size: 1.1em !important; }
.smallReviewImage img { max-width: 300px; float: none !important } 
.googleReviewImage img { float: none !important; max-width: 80px; margin: 0 !important; padding-right: 0.5em; display: inline-block !important; padding-bottom: 0 !important;}
.reviewName span { font-size: 0.8em; margin-left: 1em; font-weight: 400; }
.reviewName { margin-bottom: 0; }
.reviewSlider { max-width: 300px; float: right; }
.reviewContainer { display: flex; border-top: 1px solid #ccc;  padding: 1em 0;  align-items: center;     justify-content: center;}
.reviewContainer div.container { width: auto; min-width: 300px }
.reviewContainer .conent { vertical-align: middle; }
.reviewContainer .conent p { margin-bottom:0 } 
.reviewContainer .carousel-item { text-align: center; font-size: 0.8em; }

.smallSliderRight iframe { min-width: 400px; min-height: 250px; } 

.leftAlignPics { display: block; float: left !important; }
.leftAlignPics img { float: left !important; max-width: 200px; width: 100%; margin-top: 0 !important; }
.leftAlignPics h2 { font-size: 1.3em; }
.subHead { font-size: 1.2em; margin-top: 0em; display: inline-block; margin-bottom: 1em;  }
.secondaryImages p { padding-right: 0; font-size: 0.9em; }
.buttonTextBelow { display: inline-block; } 
.buttonTextBelow a { margin-top: 0; }
.buttonTextBelow p { margin-top: 0; text-align: center; padding-right: 0; font-size: 0.9em;}
.numberedList li { margin-bottom: 1em; } 
.clearBoth { clear: both !important; }
.colorChartsPage h1 { margin-bottom: 0.5em; border-bottom: 1px solid #ccc; padding-bottom: 0.3em; }

.colorChartsPage a { margin-bottom: 0.6em; font-size: 0.9em; display: inline-block;  border-radius: 6px;  font-weight: bold;  }
.colorChartsPage .sidebysideContain { padding-right: 2em; }
.archiveNewsletters { padding: 1.5em; border-radius: 8px;}
.archiveNewsletters a { font-weight: bold; }
.archiveNewsletters li { margin-bottom: 0.7em;   }
.newFaqs { font-size: 24px; font-weight: 700; text-shadow: none; }
.newDealerHeader { padding-bottom: 45% !important; }
.phoneLightBoxContact { margin: 0 auto; font-size: 12px; }

.winners-table { font-size: 1em; }


.nostripes > span > span,
.nostripes > span::after {
  background-image: none;
}
		
.table thead.thumb-titles th { vertical-align: top; padding-top: 0; }
.content-card { padding: 1.5em; border-radius: 8px; }
		 .content-card.full-length-btn { padding-bottom: 5em; }
		 .full-length-btn a { bottom: 0; border-radius: 0 0 8px 8px; padding:1.5em; background-color:#00b3b8; color: #fff; margin-left: -1.5em;}
		 p { font-size: 16px; }
		 .about-gallery img { margin-bottom: 2em; }
		 .icon-heading { overflow: hidden; margin-bottom: 1em; }
		 .icon-heading img { height: 50px; }
		 .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
		 
		 .bg-light-split { background: linear-gradient(to bottom, #f8f9fa 50%, #ffffff 50%); }

.whiteText { color: white !important; }
.awardWinning { text-align: center; }
.awardWinning img { margin-bottom: 0; }
.awardWinning p { margin-bottom: 2em; }

.sideBySideImage { margin: 1em 0; }
.sideBySideImage img { max-width: 450px; }

.sideBySideImage div.singleCaption { display: inline-block; float: none; margin: 0 auto; width: 100%; }
.sideBySideImage div.singleCaption p { max-width: 800px; margin: 0 auto; text-align: center; font-size: 12px; margin-top: -1em; }

.sideBySideImage.doubleCaption { text-align: center; }
.sideBySideImage.doubleCaption img { float: none; display: block; margin: 0 auto; }
.sideBySideImage.doubleCaption span { text-align: center !important; font-size: 12px; }


.ArticlevideoRightCaption { max-width: 500px; float: right; font-size: 12px; display: inline-block; margin: 0 auto; padding: 1em;  } 
.ArticlevideoRightCaption iframe { min-height: 265px;  }
.ArticlevideoRightCaption p { font-size: 12px; text-align: center; float: none; padding-right: 0;} 

img.sundekListSVG { max-width: 20px; float: none !important; margin: 0 0.3em 0.2em 0.3em !important; }

.colorChartsBroc a { background-color: #00b3b8; color: white !important; padding: 1em; width: 100%; max-width: 350px; font-size: 1em;} 
.blackBorder img { border: 1px solid #ccc; border-radius: 7px }
.flipImagesCaption { text-align: center; font-size: 0.8em }
.flipImagesCaption img { margin: 0 auto !important; padding-bottom: 1em; }
div.centerContainer { text-align: center; }
ul.noBullet { display: inline-block; text-align: left; max-width: 450px;}
.left-align-text { text-align: left; }
.largeImageSolo { width: 100%; text-align: center; display: inline-block; float: none; margin-bottom: 2em; }
.largeImageSoloInner { max-width: 700px; text-align: center; float: none; margin: 0 auto; }

.newOffer { background-color: #434343 !important ; width: 100%; text-align: center; padding: 0.6em; color: black; position: relative; z-index: 1000; }
.newOffer img { max-height: 36px; }
.newOffer a { font-size: 1em; text-transform: uppercase; font-weight: bold; color: #ff8100 !important; text-decoration: none; }

/* =====================
   NovaSport Base
   ===================== */
.novasport-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.novasport-logo-card {
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35);
}
.novasport-badge {
    display: inline-block;
    background-color: #f58220;
    color: #fff;
    padding: 20px 20px;
    border-radius: 50px;
    font-size: 0.92em;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.novasport-accent-bar {
    width: 50px;
    height: 3px;
    background-color: #f58220;
    margin-bottom: 1rem;
}
.novasport-btn {
    display: inline-block;
    background-color: #f58220;
    color: #fff !important;
    border: 2px solid #f58220;
    padding: 13px 36px;
    border-radius: 4px;
    font-size: 0.82em;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 0.5rem;
}
.novasport-btn:hover {
    background-color: transparent;
    color: #f58220 !important;
}

/* =====================
   NovaSport Photo Strip
   (homepage / resurfacing)
   ===================== */
.novasport-strip-wrap {
    overflow: hidden;
    line-height: 0;
}
.novasport-strip-img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.novasport-strip-wrap:hover .novasport-strip-img {
    transform: scale(1.06);
}

/* =====================
   NovaSport Slider
   ===================== */
.novasport-slider-col {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.ns-custom-slider {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
.ns-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2s ease;
}
.ns-slide.active {
    opacity: 1;
}
.novasport-slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.novasport-thumbs {
    display: flex;
    gap: 3px;
    margin-top: 3px;
    flex-shrink: 0;
}
.ns-thumb {
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.ns-thumb img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    display: block;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}
.ns-thumb.active img,
.ns-thumb:hover img {
    opacity: 1;
}
.ns-thumb::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: background 0.3s ease;
}
.ns-thumb.active::after {
    background: #f58220;
}
.ns-thumb:hover::after {
    background: rgba(245, 130, 32, 0.5);
}


.dealer-cta-section { background: #0a1c26; padding: 5rem 1.5rem; text-align: center; }
.dealer-cta-section .slug { color: #00afaf; }
.dealer-cta-section h2 { color: #fff; font-size: 2.2rem; font-weight: 700; margin-bottom: 1rem; }
.dealer-cta-subtext { color: rgba(255,255,255,0.7); font-size: 1.05rem; max-width: 620px; margin: 0 auto 2.5rem; }
.dealer-stat-tile { padding: 1.5rem 2rem; }
.dealer-stat-num { font-size: 3rem; font-weight: 800; color: #00afaf; line-height: 1; }
.dealer-stat-label { color: rgba(255,255,255,0.6); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 0.5rem; }
.dealer-stat-divider { width: 1px; background: rgba(255,255,255,0.12); }
.dealer-cta-btn { display: inline-block; background: #f58220; color: #fff; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.5px; padding: 14px 36px; border-radius: 50px; text-decoration: none; text-transform: uppercase; margin-top: 3rem; transition: background 0.2s ease; }
.dealer-cta-btn:hover { background: #d96e12; color: #fff; text-decoration: none; }




@media screen and (min-width: 1400px) { 
.position-absolute-mod { position: absolute; }
}


@media screen and (max-width: 1400px) {
.position-absolute-mod { position: relative; }
}
 
@media screen and (max-width: 1280px) {

.usgbc img { max-width: 150px; }
.index-hero .carousel-item { padding-bottom: 55%; } 
}

@media screen and (min-width: 1024px) {
.iframe-container { max-width: 450px; width: 100%; display: inline-block; }
}

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


.mobilePhoneNum { display: None; }
#phoneModal { margin-top: 10em; z-index: 2147483647 !important;  }
.AwardsPage { text-align: center; }
.AwardsPage img { max-width: 210px; margin: 3em 0; }

}



@media screen and (min-width:768px) {
	.contentContainerHome {
        display: block;
    }
	a.get-a-quote i { font-size: 20px; margin: 0.2em 0; } 
    .call { display: inline; }
.tel-number span { font-weight: bold; float: left; margin-top: 1.3em; margin-right: 1em; }
    .call a { cursor: pointer; }
    .displayNoneDesktop { display: none !important }
    .displayInlineAwards { display: inline !important }
	.smallSliderRight { max-width: 700px; float: right; margin: 0 0 1em 2em; } 
     .smallSliderRight p { line-height: 18px !important; }
	.paddingLeftDesktop { padding-left: 2em; }
	.hideDesktop { display: none; }
	.ourMission { margin-top: -9em; } 

    
}

@media screen and (max-width:1024px) {
	.photoSideContainer { display: block !important; width: 100% !important; text-align: center !important; }

	.photoSideContainer div { width: 100% !important; max-width: 400px !important; margin: 0 auto; margin-top: 1em; display: inline-block !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }	
	
	
	.videoContainer { width: 100%; }
	
	.videoContainer p { display: block; margin: 0 auto; margin-bottom: 1em; float: left }
	.iframe-container { max-width: 100%; width: 100%; display: inline-block; }
	
	.videosPage p { max-width: 300px; }

	.usgbc img { max-width: 120px; bottom: 70px; }
	.interviewPage div { width: 100%; display: block; vertical-align: top; float: none; max-width: 450px; margin: 0 auto; margin-bottom: 3em;}
    .interviewPage div h2 { font-size: 1.0em; }
	.interviewPage div p { font-size: 0.9em !important; }  
}

@media screen and (max-width: 991px) {

.mobilePhoneNum { color: white !important; margin-left: 1em;  } 
.displayNoneMobile { display: none; }
.displayNoneMobiler { display: none; }
.orangeBoxes { width: 100% !important; max-width: 100%; float: none; display: block !important; min-height: 10px !important; flex: 0 0 100%; }
.col-sm-3.cust-img-data::after { display: none !important; }
.AwardsPage img { margin: 3em 0 !important; }

.nationalAccountusgbc img { max-width: 200px; margin-top: 2em !important; margin-bottom: 1.5em !important;} 
.smallSliderRight iframe { min-width:300px !important; min-height: 250px !important; } 
.doubleCaption .col-sm { margin-bottom: 2em; }
.ArticlevideoRightCaption iframe { min-height: 250px;  }
.ArticlevideoRightCaption p { font-size: 12px !important; text-align: center; float: none; padding-right: 0;} 


.novasport-accent-bar { margin: 0 auto 1rem auto; }
.novasport-strip-img { height: 180px; }
}

@media screen and (max-width:767px) {

    .productsWideBoxes img { float: none; width: 100%; height: auto; }
	.paddingLeftMobileZero { padding-left: 0; }
	.paddingRightMobileZero { padding-right: 0; }
	.gallery-category h1 { font-size: 1.8em; }
	
	h4.homeHeading {
        background: url(../images/arrow2.png) right 0/40px auto no-repeat rgba(0, 0, 0, 0);
    }
    h4.homeHeading.black {
        background: url(../images/arrow2-black.png) right 0/40px auto no-repeat rgba(0, 0, 0, 0);
        padding: .7em 0;
        margin-top: 0
    }
    h4.homeHeading.mobileOpen {
        background-position: right -80px
    }

.contentContainerHome {
        display: none
    }
	
	.my-gallery.row { margin-left: 0; margin-right: 0; }
	.gallery-heading { padding-left: 15px; }
	.marginTopMobileZero { margin-top: 0 !important; }
	.photo-categories { border-bottom: 1px solid #ccc; margin-bottom: 1em !important; padding-bottom: 0.5em; }
	.marginBottomBig.heading-space { margin-bottom: 1em !important; }
	div.blog p { font-size: 16px; }

	.indexImageButton { max-width: 300px; float: none; margin: 0 auto; }
	.indexImageButton a span { margin-bottom: 1em; }

.secondaryImages { max-width: 300px; float: none; margin: 0 auto; }

	.productsContainer { display: block !important; }
	
	.productsContainer div.test	{ margin: 0 auto; margin-bottom: 1em; }
	
	.indexImageButton  { float: none; width: 100%; max-width: 100%; }
	
	.productsContainer .indexImageButton img { width: 100% !important; }
	
	.videoContainer { text-align: center; }
	
	.videoContainer p { margin: 0 auto; float: none; }

.contactIcons img {
    float: left !important;
    clear: both;
    margin-right: 1em !important;

}

.contactIcons i {
    float: left !important;
    clear: both !important;
    margin-right: 1em !important;
    margin: 0;

}

ul.contactIcons li { vertical-align: top; display:block;}


.normal_box { margin-top: 1em !important; }

.normal_box img { float: none !important; }

.marginTopOnMobile { margin-top: 1.5em; }
a.get-a-quote i { font-size: 20px; margin: 0 0.2em; } 

.gallery-category .gallery a img { max-height: 300px; }

.subhed a:link { color: #00b3b8; text-decoration: underline; }

.footer-logo { padding-bottom: 4em; }
.tel-number { display: block !important; }
.tel-number span { font-weight: bold; margin-bottom: 1em; float: left; font-size: 20px; }
.displayNoneDesktop { display: block !important }
.displayNoneMobile { display: none !important }
.sidebysideContain { display: block; width: 100%; vertical-align: top; }
.CTAInner { display: block } 

.brochureItself img {
    max-width: 100%;
    display: inline-block;
}

.brochureItself {
    max-width: 48%;
    text-align: center;
    margin-right: 6px;
}

.leftAlignPics img { display: block; float: none; max-width: 100%; }
.leftAlignPics h2 { clear: both; }
.buttonTextBelow { margin: 0 auto; display: block; }
.buttonTextBelow p { font-size: 0.8em !important; }

.videoContainer span p { margin-bottom: 1em; font-size: 0.8em;}

.awardWinnerLogos { text-align: center; }
.awardWinnerLogos img { display: inline-block !important; text-align: center; margin: 2em 0 0 1em !important; }
.extraPaddingBottomMobile { padding-bottom: 4.5em !important; }
.extraMarginBottomMobile { margin-bottom: 4.5em !important; }
.flipper { flex-direction: column-reverse; }
.AwardsPage img { margin: 3em 0 !important; }
.breakWord  { max-width: 320px !important; }
.usgbc { display: block; }
.displayBlockMobile { display: block !important; margin-top: 0;} 
.max-widthEighty { max-width: 100%; text-align: center; }
.max-widthEighty img { width: 80%; margin: auto; }
.mobileBestPractice img { height: auto; }
h2.architects { font-size: 2em; }
.architectsBullets li { font-size: 1em; }
.bioImage { float: none; max-width: 100%; padding: 0em 0 1em 0;  }
.bioImage img { max-width: 300px; margin: 0 auto; }
.bioText { max-height: 250px }
.BioModal .close { font-size: 2.5em; margin: -0.8rem -1rem -1rem auto !important }
.mx-1 { flex: 0 0 100%; max-width: 100%; }
.preqContractor div { max-width: inherit; width: inherit; }
.index-hero .carousel-item {padding-bottom: 0; }
.smallPicCaption { margin-left: 0; } 
.reviewContainer { display: block !important; }
.reviewContainer .container { margin-top: 1em; }
.reviewSlider { max-width: 300px; float: none; margin: 0 auto;}
.leftAlignPics img { display: block; float: none; max-width: 100%; }
.leftAlignPics h2 { clear: both; }
.buttonTextBelow { margin: 0 auto; display: block; }
.buttonTextBelow p { font-size: 0.8em !important; }

div.videoPage p.description { max-width: 90%; }
.newDealerHeader { padding-bottom: 0% !important; }
.table-responsive.white-outline { padding: 1em; }
.content-card { margin-bottom: 1em; }
			 .mobile-margin-content-cards { margin-bottom: 2em; }
.ourMission { margin-top: -3em; } 

.timelineCarousel  .carousel-item img { display: block; }
img.sundekListSVG { display: inline-block !important; padding-bottom: 0 !important; }
.newOffer a { font-size: 0.9em;  }
.newOffer .none { display: none }

.dealer-cta-section h2 { font-size: 1.6rem; } .dealer-stat-num { font-size: 2.2rem; } .dealer-stat-divider { display: none !important; } 

}


@media screen and (max-width:575px) {

.home-hero .carousel-item { padding-bottom: 95%; z-index: 2 }
.index-hero .carousel-item { padding-bottom: 9%; }

.home-hero img { display: none; }

div.homeImage { z-index: 1;
background-image: url("/images/sundek-home-mobler2.webp");
background-size: contain;
min-width: 330px;
min-height: 500px;
position: absolute;
top: 0;
width: 100%;
height: auto;} 

.awardWinnerLogos img { max-width: 130px; margin: 0 0.6em 0 0.6em !important; }


.ArticlevideoRightCaption iframe { min-height: 180px;  }

.novasport-strip-img { height: 150px; }

}

 

@media screen and (max-width: 360px) {
.chaptersSunway { display: none; }
}