@font-face {

    font-family: 'museo_sans500';

    src: url('fonts/museosans-500-webfont.eot');

    src: url('fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museosans-500-webfont.woff2') format('woff2'),

         url('fonts/museosans-500-webfont.woff') format('woff'),

         url('fonts/museosans-500-webfont.ttf') format('truetype'),

         url('fonts/museosans-500-webfont.svg#museo_sans500') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'cooper_blkhd_btblack';

    src: url('fonts/cooper_black_headline_bt-webfont.eot');

    src: url('fonts/cooper_black_headline_bt-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/cooper_black_headline_bt-webfont.woff2') format('woff2'),

         url('fonts/cooper_black_headline_bt-webfont.woff') format('woff'),

         url('fonts/cooper_black_headline_bt-webfont.ttf') format('truetype'),

         url('fonts/cooper_black_headline_bt-webfont.svg#cooper_blkhd_btblack') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* CSS Document */



/* default */

/*img{border:0;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}

ul,ol { list-style:none;}

a { text-decoration:none;}

.hidden{ text-indent:-999em; overflow:hidden;}

hr.hide-line{ padding:0; margin:0; display:none;}

.clear{ clear:both;}

.clearfix:after { height:0; clear:both;visibility:hidden;}*/

/*.clearfix {display:inline-block;}*/

/* Hide from IE Mac \*/

/*.clearfix {display:block;}*//* End hide from IE Mac */



/* Clearfix */

/*.clrfix:before,

.clrfix:after {

    content: " ";

    display: table;

}

.clrfix:after {

    clear: both;

}

.clrfix {

    *zoom: 1;

}

*/

/* Body */

/*body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/body-bg-top.jpg) repeat-x #FFF; margin:0; padding:0; text-align: center; color:#000;}*/



/*header*/

/*nav a#pull { display: none;}



header{ width:100%; max-width:990px; text-align:left; min-height:100px; height:100%; margin:0 auto; padding:0; background:#36F;}

nav { min-height: 100%; width: 100%; margin:0 auto; padding:0;}

nav ul { padding:0; margin:0;}

nav ul li { float:left; padding:0; margin:0;}

nav ul li a { display:block; width:auto; height:auto; margin:0; padding:0; font-size:12px; line-height:120%; text-align:center;}*/



/*header*/

/*#banner{ width:100%; max-width:990px; text-align:left; min-height:300px; margin:0 auto; padding:0; background:#FCF;}

*/

/* main */

/*#main { width:100%; max-width:990px; margin:0 auto; padding:0; text-align:left; background:#930;}*/



/* content */

/*#content{  float:left; width:700px; min-height:444px; margin:0; padding:0; background:#69F;}*/





/* contact */

/*.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}

.contactBox p { padding:0 10px 0 !important;}

.contactBox a { color:#000 !important;}

.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}

.contactBox-left { float:left; width:250px; margin:0; padding:0;}

.contactBox-right { float:right; width:250px; margin:0; padding:0;}



.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}

.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}

.contactForm input[type=text] { display:block; width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Times New Roman", Times, serif;}

.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}

.contactForm textarea { display:block; width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}*/



/* aside */

/*aside{ float:right; width:280px; min-height:444px; margin:0; padding:0; background:#C63;}*/



/*footer*/

/*footer{  width:100%; max-width:990px;  min-height:37px; margin:0 auto; padding:0; text-align:left; background:#666;}*/



.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}

html.suspended {background: rgba(0,0,0,0.6);}

body {max-width: 100%;min-width: 1200px;margin: 0 auto;text-align: center;font-family: "elephant";}

a {color:inherit;text-decoration: none}

a:hover {text-decoration: none;color:inherit;}

h1,h2,h3,h4,h5{ padding:0; margin:0; }

.row {max-width: 1600px;margin: 0 auto}

.row2 {max-width: 960px;margin: 0 auto}



/*floats*/

.fl {float:left;}

.fr {float:right;}



/*typography*/

.text-primary{ color: #B11414; }

.text-bold{ font-weight: 700; }

.text-uppercase{ text-transform: uppercase }

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

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



/*button*/

.btn {font-size: 15px; font-weight: 400; color: #000; display: inline-block; padding: 10px 30px; background: #fff; border: 1px solid transparent; transition: all 0.5s ease;}

.btn:hover {background: #ddd; border-color: #ddd; color: #ddd; color: #fff;}



/*clearings*/

.clear{ clear:both;}

.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}

.clearfix {display:block;}



.clrfix:before,

.clrfix:after {

    content: " ";

    display: table;

}

.clrfix:after {

    clear: both;

}

.clrfix {

    *zoom: 1;

}



/*-----------*/

/*cookie*/

.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; transform: none!important; bottom: 0!important; left: 20px!important;}



/*call to action*/

.destroy-on-load, .cta {display: none;}



/*contact form messages*/

form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}

form .loading {display: none;}

form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}

form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}

form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}

form [type="submit"] {margin:20px auto}



/*contact form*/

.contactForm {margin: 30px auto 0;text-align: left;}

.contactForm input[type="text"], .contactForm textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;width: 100%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}

.contactForm textarea {height: 120px;padding-top:10px;}

.contactForm button {display: block;}

.contactForm .recap {display: inline-block;}

.contactForm .g-recaptcha div {margin: 0 auto 10px;}

.contactForm .ctc-hide {display: none;}

.contactForm label.col-6 {display: inline-block;width: 42%;}

.contactForm label.col-7 {display: inline-block;width: 48.2%;}

.contactForm label.col-4 {display: inline-block;width: 27%;}

.contactForm label.col-8 {display: inline-block;width: 97%;}

.contactForm label span{/*display: none;*/ text-align: left;font-family: "museo_sans500";color: #444444;font-weight: 500;display: block;}

.contactForm .ctcBtn{background: #108FCB;border:none;color: #fff;font-size: 16px;padding: 20px 30px;}

.contactForm .ctcBtn:hover {transform: scale(1.09);transition: .2s ease;}

/*.contactForm #f-name, .contactForm #l-name {width: 30%;}*/



/*gallery*/

#content .gallery-container {text-align: center;}

#content .gallery-container iframe {border: 2px solid #000;padding: 2px;}

#content .gallery {list-style-type: none;margin: 0;padding: 0;}

#content .gallery li {display: inline-block;}

#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;transition: border 0.5s ease-in-out 0s;}

#content .thumbnail:hover {transform: scale(1.09);transition: .5s ease}

#content .page_navigation {display: inline-block;}

#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}

#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;}

.gallery-list {margin-top: 30px;}



h1 {font-size: 60px;font-weight: 100;color:#000;}

p {font-size: 24px;}


/*header*/

/*.sticky {position: fixed !important;top: 0;width: 100%;z-index: 9999;}*/

.smaller {width: 100%;}



#header.smaller {padding: 10px 0 20px; min-height: auto;}

#header.smaller .hd-top-container span {font-size: 20px;}

#header.smaller .hd-top-container .hd-top-mid p {font-size: 20px;}

#header.smaller nav ul li a {font-size: 16px;}

#header.smaller .hd-bottom-container .hd-nav {margin-top: 40px;}

#header.smaller .hd-bottom-container .hd-logo img {max-width: 300px;}

#header {background: rgba(115, 147, 179);padding: 21px 0;width: 100%; z-index: 99; top: 0; left: 0; right: 0; min-height: 160px; box-sizing: border-box;}

#header nav a#pull {display: none}

#header nav ul {margin: 0;padding: 0}

#header nav ul li {display: inline-block;vertical-align: middle;}

#header nav ul li a {text-transform: uppercase;font-size: 18px;color: #3A3127;background: url(../images/common/nav-bg.jpg);padding: 11px 13px;border-radius: 10px;background-size: contain;}

#header nav ul li.active-menu a, #header nav ul li a:hover {color:#fff;transition: scale(1.09);transition: .5s ease-in-out}

#header .hd-top-container {display: flex;justify-content: space-around;vertical-align: top;}

#header .hd-top-container span {color: #fff;font-size: 24px;text-shadow: 0 3px 4px #000;}

#header .hd-top-container .hd-top-mid p {margin: 0;}

#header .hd-bottom-container {position: relative;}

#header .hd-bottom-container .hd-nav {margin-top: 63px;float: right;width: 73%;}

#header .hd-logo {position: absolute;left: 18%;top: 34%;transform: translate(-50%, 0);}



/*banner*/

#banner {  }

#banner img {width: 100%; display: block; height: 84vh; object-fit: cover; object-position: top; }

#banner .slider-wrapper {position: relative;}

#banner .banner-caption {position: absolute;bottom: 20%;z-index: 10;left: 0; right: 0; bottom: 0; padding-bottom: 20px; }

#banner .banner-caption h1 {font-size: 40px;color: #fff;text-shadow: 0 0 2px #000; text-align: center; margin-bottom: 130px;}

#banner .scroll-link { text-align: center; color: #fff; font: 400 16px "museo_sans500"; margin-bottom: 0; }

#banner .scroll-link i { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 10px auto 0; border: 1px solid #fff; font-size: 40px; border-radius: 50%; }

#banner .banner-bottom img {width: 100%;}

.nivo-box img {display: none !important;}

.theme-default .nivo-controlNav {position: absolute;z-index: 999;left: 50%;bottom: 1%;}

.nivoSlider .nivo-directionNav{display: block !important;opacity: 1 !important;}

.theme-default .nivo-directionNav a {opacity: 1 !important;height: 125px !important;}



/*content*/

#content {padding: 0;}

#content .sv-section {margin: 34px 0 0; padding-left: 0px; padding-right: 0px;}

#content .sv-section .row {max-width: 100%; display: flex; flex-wrap: wrap;}

#content .sv-section dl {width: 33.33%;position: relative; margin: 40px 0 29px; padding: 5px; box-sizing: border-box;}

#content .sv-section dl dt img {width: 100%; display: block;}

#content .sv-section dl dd {margin: 5px; font-size: 35px;color: #fff;    background: rgba(115, 147, 179, 0.8);padding: 13px 0; position: absolute; top: -70px; left: 0; right: 0;}

#content .content-txt {box-sizing: border-box;max-width: 1600px;margin: 0 auto; padding: 35px 0;}

#content .content-txt p{font-family: "museo_sans500";color: #000;text-align: left;font-weight: 600;line-height: 180%;margin: 25px 0;font-size: 25px;}



/* #content-bottom {background: url(../images/common/cnBot-bg.jpg)no-repeat;padding: 20px;background-size: cover;} */

#content-bottom .cnBot-samp h1 {font-size: 36px;}

#content-bottom .cnBot-samp p {text-align: left;font-family: "museo_sans500";font-size: 24px;font-weight: 600;line-height: 120%;}

#content-bottom .cnBot-contact {margin-top: 53px;}

#content-bottom .cnBot-contact h2 {font-size: 36px;}

#content-bottom .cnBot-contact .ft-logo {margin-top: 0;}

#content-bottom .contact-info .contact-info-container {display: flex;justify-content: space-evenly;margin-top: 25px;}

#content-bottom .contact-info .contact-info-container .info-address p {font-size: 24px;color: #000;max-width: 485px;margin: 0 auto;letter-spacing: 2px;}

#content-bottom .contact-info .contact-info-container .info-phone a {font-size: 36px;letter-spacing: 3px; display: inline-block;}

#content-bottom .contact-info .contact-info-container .info-mail a {font-size: 24px;letter-spacing: 3px; display: inline-block;}

#content-bottom .contact-info .contact-info-container p, #content-bottom .contact-info .contact-info-container a { margin-bottom: 0.5em !important; }



#main-content-wrap {background: url(../images/common/cnBot-bg.jpg)no-repeat center/cover; }



/*footer*/

#footer {background:#7393B3;padding: 10px 0}

#footer p{font-family: "Barlow";font-size: 16px;color: rgba(255, 255, 255, 0.7);font-weight: 400;letter-spacing: 3px;}



#footer .silver img {display: inline-block;vertical-align: middle;max-width: 50px}





/*inner pages*/

.inner #content {min-height: 200px;padding: 80px 15px 0}

.inner #content .row {max-width: 1600px;margin: 0 auto;}

.inner #content h1 {font-size: 60px;font-weight: 700;}

.inner #content h2 {margin: 15px 0;}

.inner #content p {font-size: 20px;font-family: "museo_sans500";line-height: 120%;}

.inner #content .shapes-colors dl dd {background: none !important;font-family: "museo_sans500" !important;position: static !important;margin:15px auto;max-width: 300px;line-height: 120%;text-align: center;}



.inner #content .shapes-colors span {font-weight: 700;font-size: 18px;}

.inner #content .shapes-colors img {margin: 0 10px; max-width: 100%;}

.inner #content .shapes-colors dl {display: inline-block;}

.inner #content .shapes-colors .fancybox:hover {transform: scale(1.09);transition: .5s ease}

.inner #content .shapes-colors h3 {font-size: 25px;}

.inner #content .shapes-colors .finishes, .inner #content .shapes-colors .shipping {margin-top: 30px;}

.finishes-imgs .row { display: flex; flex-wrap: wrap; max-width: 1160px !important; margin-left: -25px; margin-right: -25px;}

.inner #content .shapes-colors .finishes dl {max-width: 33%; flex-basis: 33%; box-sizing: border-box;}

.inner #content .shapes-colors .finishes dd {font-weight: 700;margin: 10px auto 0;}

.finishes dl{ padding-left: 25px; padding-right: 25px;}

.finishes img { width: 100%; height: 350px; max-height: 350px; object-fit: cover; margin: 0 !important; display: block; }

#content-top dl {display: inline-block;margin: 0 25px 45px;}

#content-top dd {font-size: 18px;margin-top: 15px;}

.inner #content .shipping ul {list-style: none;text-align: center;}

.inner #content .shipping ul li {line-height: 180%;}



.inner #content .inner-projects .inner-proj-container {display: flex;justify-content: space-between;}

.inner #content .inner-projects h3 {text-align: left;margin-top: 15px;}

.inner #content .inner-projects ul {text-align: left;list-style: none;padding-left: 0;}

.inner #content .inner-projects .residential {width: 65%;}

.inner #content .inner-projects .commercial {width: 36%;}

.inner #content .inner-projects .california {width: 50%;}

.inner #content .inner-projects .national {width: 50%;}

.inner #content .inner-projects .residential ul {text-align: left;columns: 2;list-style: none;padding-left: 0;}

.inner #content .inner-projects .allrows ul {text-align: left;columns: 5;list-style: none;padding-left: 0;}

.inner #content .inner-projects .allrows4 ul {text-align: left;columns: 4;list-style: none;padding-left: 0;}

.inner #content .inner-projects .allrows3 ul {text-align: left;columns: 3;list-style: none;padding-left: 0;}

.inner #content .inner-projects ul li {font-family: "museo_sans500";font-size: 15px;line-height: 180%;}













.inner .projects .row {max-width: 1200px !important;}



.inner #content .smp-req p{text-align: left;}

.inner #content .smp-req .graph img {width: 100%;max-width: 700px;}



.inner #content .gallery-container .row {max-width: 1900px !important;}



/*.inner #content .gallery-container .row {max-width: 100%;}*/



.inner #content .ctc-form {padding-top: 0px;}



.astm-img { max-width:500px; width: 100%; margin: 20px auto; display: block; }

.astm-img.alt { max-width: 100%; width: 100%; }

.astm-content { text-align: left; }

.astm-content li { font-family: "museo_sans500"; line-height: 180%; }

.directories { border-collapse: collapse; width: 100%; }

.directories td, .directories th { font-size: 14px; border: 1px solid #ddd; padding: 8px; width: 25%; color: #545454; }

.directories td a:hover { color: #008400; font-weight: 700; }

.directories tr:nth-child(even){ background-color: #f2f2f2; }

.directories th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #108FCB; color: white; }







.ytp-title-enable-channel-logo .ytp-title-channel{display: none !important;}



/*privacy policy*/

.inPrivacyBox {max-width: 850px; margin: 0 auto;}

.inPrivacyBox p {text-align: justify!important;}



.dropdown p {

    max-width: 300px;

    margin-top: 8px;

}



.dropdown h4 {

    text-align: left;

    font-family: "Barlow";

    font-size: 20px;

}

button {

  color: #fff;

}



.dropdown dd,

.dropdown dt, 

.dropdown2 dd,

.dropdown2 dt,

.dropdown3 dd,

.dropdown3 dt {

  margin: 0px;

  padding: 0px;

}



.dropdown ul, 

.dropdown2 ul,

.dropdown3 ul {

  margin: -1px 0 0 0;

}



.dropdown dd, 

.dropdown2 dd,

.dropdown3 dd {

  position: relative;

}



.dropdown button,

.dropdown button:visited, 

.dropdown2 button,

.dropdown2 button:visited,

.dropdown3 button,

.dropdown3 button:visited {

  color: #fff;

  text-decoration: none;

  outline: none;

  font-size: 12px;

}



.dropdown dt button, 

.dropdown2 dt button,

.dropdown3 dt button {

  background-color: #4F6877;

  display: block;

  padding: 8px 20px 5px 10px;

  min-height: 25px;

  line-height: 24px;

  overflow: hidden;

  border: 0;

  width: 272px;

  font-size: 15px;

  position: relative;

}



.dropdown dt button span,

.multiSel span, 

.dropdown2 dt button span,

.dropdown3 dt button span, {

  cursor: pointer;

  display: inline-block;

  padding: 10px 3px 0px 0;

  font-size: 20px;

}



.dropdown dd ul, 

.dropdown2 dd ul,

.dropdown3 dd ul {

    background-color: #4F6877;

    border: 0;

    color: #fff;

    display: none;

    left: 0px;

    padding: 17px 15px 20px 16px;

    position: absolute;

    top: 2px;

    width: 241px;

    list-style: none;

    height: auto;

    overflow: auto;

    z-index: 999;

}



.dropdown dd ul p, 

.dropdown2 dd ul p,

.dropdown3 dd ul p {

    font-size: 18px;

    font-weight: 600;

}



.dropdown dd ul li, 

.dropdown2 dd ul li,

.dropdown3 dd ul li {

    text-align: left;

    text-indent: 25px;

    font-family: "Barlow";

}



.dropdown span.value, 

.dropdown2 span.value,

.dropdown3 span.value {

  display: none;

}



.dropdown dd ul li button, 

.dropdown2 dd ul li button,

.dropdown3 dd ul li button {

  padding: 5px;

  display: block;

  line-height: 180%;

}



.dropdown dd ul li button:hover, 

.dropdown2 dd ul li button:hover,

.dropdown3 dd ul li button:hover {

  background-color: #fff;

}

#colors, 

#description,

#finishes {

    display: inline-block;

}

#description {margin-right: 0;}

.select-info {display: none;}

.dropdown i,

.dropdown3 i {

   position: absolute;

    font-size: 18px;

    right: 30%;

    top: 11px;

}



.dropdown2 i {

    position: absolute;

    font-size: 18px;

    right: 20%;

    top: 11px;

}

.del-info input {

    width: 20% !important;

    display: block;

    margin: 0 auto 0 0!important;

}

.video-wrapper {

  max-width: 700px;

  margin: 0 auto;

}

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px; height: 0;

}



.video-container iframe,

.video-container object,

.video-container embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}