.row.color-selector:not(.color-selector-page) #large{
    display:flex;
    gap:5vw;
}
.row.color-selector:not(.color-selector-page) #large > *{
    flex-basis:50%;
}
.row.color-selector:not(.color-selector-page) .color-wrap{
    margin-bottom:24px;
}
.row.color-selector:not(.color-selector-page) #color-selector-wrap p{
    font-size:16px;
    line-height:1.25;
}
@media only screen and (max-width:1050px){
.row.color-selector:not(.color-selector-page) #color-selector, 
.row.color-selector:not(.color-selector-page) .layer{
    height:250px;
}
    .row.color-selector:not(.color-selector-page) #color-selector,
    .row.color-selector:not(.color-selector-page) #color-selector *{
        background-size:contain;
    }
}
@media only screen and (max-width:900px){
.row.color-selector:not(.color-selector-page) #color-selector, 
.row.color-selector:not(.color-selector-page) .layer{
    height:200px;
}
}
@media only screen and (max-width:850px){
    .row.color-selector:not(.color-selector-page) #large{
        display:block;
    }
    .row.color-selector a.button{
        margin-bottom:50px;
    }
    .row.color-selector:not(.color-selector-page) #color-selector, 
    .row.color-selector:not(.color-selector-page) .layer{
        height:350px;
    }
}
@media only screen and (max-width:770px){
    .row.color-selector:not(.color-selector-page) #color-selector, 
    .row.color-selector:not(.color-selector-page) .layer{
        height:300px;
    }
}
@media only screen and (max-width:670px){
    .row.color-selector:not(.color-selector-page) #color-selector, 
    .row.color-selector:not(.color-selector-page) .layer{
        height:250px;
    }
}
@media only screen and (max-width:530px){
    .row.color-selector:not(.color-selector-page) #color-selector, 
    .row.color-selector:not(.color-selector-page) .layer{
        height:200px;
    }
}
.row.color-selector:not(.color-selector-page) .color-wrap:after{
    content:'';
    display:block;
    clear:both;
}
.row.color-selector a.button{
    background: var(--athensRedGradient);
    clear:both;
}
#acf6752083bc36c0{padding-top:0;/* padding-bottom:0; */}
#acf66ba93ab54478{
padding-bottom:60px;
}
div.clear{
    clear:both;
}
.selector-accordion #accordion-small > h3,
.selector-accordion #accordion > h3{
    font-weight:400;
    font-size:28px!important;
    color:#1a1a1a;
    display:flex!important;
    align-items:center;
    gap:20px;
    padding-left:0!important;
    flex-wrap:wrap;
}
.selector-accordion h3 span:not(#door-type-heading){
    font-weight:bold;
    color:#777;
    font-size:.5em;
    display:block;
}
.roll-up-color label{
    clear:both;
    float:none;
    display:block;
    font-size:1rem;
    margin-bottom:10px;
    font-weight:bold;
    color:var(--darkdefault)!important;
}
.roll-up-color label:not(:first-of-type){
    padding-top:10px;
}
.roll-up-color:after{
    display:block;
    clear:both;
    content:'';
}
.roll-up-color label span{
    font-weight:400;
    display:block;
    font-size:.875em;
}
div#door-type-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    top: 8px;
    font-size:.875rem;
    flex-wrap:wrap;
    font-weight:bold;
    margin-bottom:30px;
}
div#door-type-toggle > *{
    cursor:pointer;
}
div#door-type-toggle div:hover,
div#door-type-toggle .active{
    color:var(--cta);
}
div#door-type-toggle:before{
    content:'Select a Door Type:';
    font-size:.75em;
    font-weight:bold;
    display:block;
    flex-basis:100%;
}
div#door-type-toggle .switch{
    background: var(--light);
    width: 48px;
    height: 25px;
    border-radius: 12.5px;
    position: relative;
}
div#door-type-toggle .switch .toggle{
    content: '';
    height: 17px;
    width: 17px;
    border-radius: 8.5px;
    background: var(--cta);
    display: inline-block;
    position: absolute;
    top: 4px;
    right: calc(100% - 21px);
    transition: right .3s cubic-bezier(.25, 1, .85, 1);
}
#door-type-heading {
    margin-right:-12px;
}
#outer-selector-wrap{
min-height:430px;
}
.selector-accordion{
    float:left;
    width: 45%;
    max-width: calc(95% - 700px);
    /* height: 520px; */
    overflow:hidden;
    margin-right: 5%;
    margin-top:-12px;
}
.mobile-selector-accordion{
display:none;
}
.select-building{
float:left;
width:99px;
margin-right:15px;
}
#color-selector-wrap{
float:left;
}
#current-selections:not(.mobile-current-selections){
display:none;
}
#color-selector{
margin-bottom:10px;
clear:both;
}
.select-building img{
width:100%;
height:auto;
margin-bottom:10px;
}
.select-building h3{
    margin:0px;
    font-size: 14px;
    margin-bottom: 7px;
}
.select-building:hover{
cursor:pointer;
}
.select-building:hover h3{
color: #ce000e;
}
button.color-selector-button {
    width: 55px;
    margin:0 10px 10px 0;
    float: left;
    display: inline-block;
    height: 55px;
    border-radius:55px;
    outline: 0;
    cursor: pointer;
    position:relative;
    overflow:hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    padding: 0;
    clear:none;
}
button.color-selector-button:hover {
    opacity: .8;
}
button.color-selector-button:after{
position:absolute;
top:36%;
left:36%;
display:block;
height:57px;
width:57px;
background:rgba(255, 255, 255, 0.10);
content:'';
-webkit-transform: rotateY(0deg) rotate(45deg);
transform: rotateY(0deg) rotate(45deg);
z-index:2;
}
button.color-selector-button.brilliant-white:after, button.color-selector-button.polar-white:after, button.color-selector-button.light-stone:after, button.color-selector-button.galvalume:after{
background:rgba(0, 0, 0, 0.05);
top:-40%;
left:-40%;
}
button.color-selector-button.galvalume:after{
background:rgba(0, 0, 0, 0.20);
}
.selector-accordion {overflow-y: scroll !important;/* padding-right: 3px; */}
.selector-accordion::-webkit-scrollbar {width: 5px;}
.selector-accordion::-webkit-scrollbar-track {background: transparent;}
.selector-accordion::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: 10px;}
.selector-accordion::-webkit-scrollbar-thumb:hover {background: #c1c1c1;}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-accordion-header:hover {
    outline:none!important;
    color: #940000;
    background:none;
}

.ui-accordion-header-active{
border:none!important;
}

.ui-state-hover {
    cursor: pointer;
}

.ui-accordion-header {
    padding:0px;
    padding-bottom:9px;
    clear: both;
    position: relative;
    margin: 0;
    padding-top: 10px;
    font-size: 20px;
    font-weight:700;
    outline:none!important;
    transition:all 300ms;
    background:none;
    border:none;
    border-bottom:1px solid #ccc;
}

.ui-accordion-content-active{
   border-bottom:1px solid #ccc!important;
}

.ui-accordion-header:first-child {margin-top: 0;}

.ui-accordion-header.ui-accordion-header-collapsed {
    clear: both;
}

.ui-accordion-header-icon {
    position: absolute;
    right: 10px;
    top:28px;
    color: rgba(255,255,255,0);
    z-index: 9;
    background:url(../images/selector/arrow-down.svg) center center no-repeat!important;
    width:40px;
    height:20px;
    background-size:cover!important;
}

.ui-state-active .ui-accordion-header-icon, 
.ui-widget-content .ui-state-active .ui-accordion-header-icon, 
.ui-widget-header .ui-state-active .ui-accordion-header-icon, 
a.ui-button:active .ui-accordion-header-icon, 
.ui-button:active .ui-accordion-header-icon, 
.ui-button.ui-state-active:hover .ui-accordion-header-icon {
    background:url(../images/selector/arrow-down-active.svg) center center no-repeat!important;
    background-size:cover!important;
}

.ui-icon-triangle-1-s:before,
.ui-icon-triangle-1-e:before {
    content: '▼';
    font-size: 8px;
}

.ui-accordion .ui-accordion-content{
    padding: 10px 0px!important;
    border:none;
    border-top: 0;
}

.ui-accordion .ui-accordion-content:after{
    content:'';
    display:block;
    clear:both;
}

button.color-selector-button.active:before {
   content:'';
   display:block;
   height:24px;
   width:24px;
   background:url(../images/selector/check-circle-solid.svg) center center no-repeat;
   position:absolute;
   z-index:3;
   left:calc(50% - 12px);
   top:calc(50% - 12px);
   outline:none!important;
}
button.color-selector-button.active.brilliant-white:before, 
button.color-selector-button.active.polar-white:before, 
button.color-selector-button.active.cool-white:before, 
button.color-selector-button.active.brite-white:before, 
button.color-selector-button.active.light-stone:before, 
button.color-selector-button.active.galvalume:before, 
button.white.color-selector-button.active:before{
   background:url(../images/selector/check-circle-solid-black.svg) center center no-repeat;    
   opacity:0.65;
}
.inset {
    border: 1px inset #959595 !important;
}



/*********************** COLOR SPECIFIC STYLES ****************************/
.white{
	background:#fff!important;
    border: 1px solid #a0a8b7!important;
}
.cool-white{
    background: #e9eae9 !important;
    border: 1px solid #a0a8b7;
}
.brite-white{
    background: #dee1de !important;
    border: 1px solid #a0a8b7;
}
.polar-white{
    background: #d2d3cc !important;
    border: 1px solid #a0a8b7;
}
.light-stone{
    /*background: #c7c0ae;*/
    background: #c7baa3 !important;
    border: 1px solid #a29c8c;
}
.tan{
    background: #b1977b !important; /*#b59c7e;*/
    border: 1px solid #b7956f;
}
.desert-sand{
    background: #a0937e !important/*97907e*/;
    border: 1px solid #9c8e73;
}
.taupe{
    background: #958b7e !important/*ADA090*/;
    border: 1px solid #8e8576;
}
.ash-gray{
    background: #a9a49b !important/*a49e9e*/;
    border: 1px solid #a49e9e;
}
.pewter-gray{
    background: #898683 !important/*a49e9e*/;
    border: 1px solid #a49e9e;
}
.charcoal-gray{
    background: #64605d !important/*5c565a*/;
    border: 1px solid #5c565a;
}
.black{
    background: #181a1b !important;
    border: 1px solid #000;
}
.matte-black{
    background: #2c2e31 !important;
    border: 1px solid #000;
}
.hawaiian-blue{
    background: #4c7281 !important/*51688a*/;
    border: 1px solid #51688a;
}
.gallery-blue{
    background: #214e67 !important/*062f65*/;
    border: 1px solid #062f65;
}
.rustic-red{
    background: #844138 !important;
    border: 1px solid #852c28;
}
.crimson-red{
    background: #a22b26 !important;
    border: 1px solid #ab1713;
}
.colony-green{
    background: #717b69 !important/*757d72*/;
    border: 1px solid #757d72;
}
.hunter-green{
    background: #3e5343 !important/*3A4A3F*/;
    border: 1px solid #3A4A3F;
}
.fern-green{
    background: #38433a !important/*30492c*/;
    border: 1px solid #30492c;
}
.copper-metallic{
    background: url(/wp-content/uploads/copper-metallic.png.webp) !important;
    border: solid 1px #906423;
}
.burgundy{
    background: #593b3d!important/*63333E*/;
    border: 1px solid #63333E;
}
.koko-brown{
    background: #624940 !important/*552c26*/;
    border: 1px solid #552c26;
}
.burnished-slate{
    background: #554c43 !important/*433333*/;
    border: 1px solid #433333;
}
.silver-metallic{
    background: url(/wp-content/uploads/silver-metallic.png.webp) !important;
    border: 1px solid #a0a8b7;
}
.ag-galvalume,
.galvalume{
    background: url(/wp-content/uploads/Galvalume.png.webp) !important;
    border: 1px solid #a0a8b7;
}
.ag-galvalume{
	background: url(/wp-content/uploads/ag-galvalume-preview.png.webp) !important; 
}
.white{    
    background-color: #fff;
    border: solid 1px #cac5c5;
}
.industrial-brown{
    background: #463f37 !important;
    border: 1px solid #463f37;
}
.roll-up-color .coal-black{
	background: #08080b !important;
	border:1px solid #000;
}
.roll-up-color .safety-yellow{
	background:#ffcf14 !important;
	border:1px solid #c49f0d;
}
.roll-up-color .maroon{
	background:#53041c!important;
	border:1px solid rgba(0,0,0,0.3);
}
.roll-up-color .dark-teal{
	border:1px solid rgba(0,0,0,0.3);
	background:#25767f!important;
}
.roll-up-color .apple-lime-cocktail{
	border:1px solid rgba(0,0,0,0.3);
	background:#63bc47!important;
}
.roll-up-color .exr-wasabi{
	border:1px solid rgba(0,0,0,0.3);
	background:#99c56b!important;
	
}
.roll-up-color .valentine-red{
	border:1px solid rgba(0,0,0,0.3);
	background:#c24445!important;
	
}
.roll-up-color .sierra-sunset{
	border:1px solid rgba(0,0,0,0.3);
	background:#db2c25!important;
	
}
.roll-up-color .patriot-red{
	border:1px solid rgba(0,0,0,0.3);
	background:#a21c28!important;
	
}
.roll-up-color .ultra-marine-blue{
	border:1px solid rgba(0,0,0,0.3);
	background:#0b326e!important;
	
}
.roll-up-color .teal{
	border:1px solid rgba(0,0,0,0.3);
	background:#0497a3!important;
	
}
.roll-up-color .sunset-orange{
	border:1px solid rgba(0,0,0,0.3);
	background:#ed6a32!important;
}
.roll-up-color .smart-blue{
	border:1px solid rgba(0,0,0,0.3);
	background:#0283c0!important;
	
}
.roll-up-color .royal-blue{
	border:1px solid rgba(0,0,0,0.3);
	background:#0a3c72!important;
	
}
.roll-up-color .polar-blue{
	border:1px solid rgba(0,0,0,0.3);
	background:#2f677d!important;
	
}
.roll-up-color .fern-green{
	border:1px solid rgba(0,0,0,0.3);
	background:#09311d!important;
	
}
.roll-up-color .evergreen{
	border:1px solid rgba(0,0,0,0.3);
	background:#0f3027!important;
	
}
.roll-up-color .colony-green{
	border:1px solid rgba(0,0,0,0.3);
	background:#687c6c!important;
	
}
.roll-up-color .charcoal-gray{
	border:1px solid rgba(0,0,0,0.3);
	background:#655d54!important;
	
}
.roll-up-color .silhouette-gray{
	border:1px solid rgba(0,0,0,0.3);
	background:#808581!important;
	
}
.roll-up-color .satin-white{
	border:1px solid rgba(0,0,0,0.3);
	background:#f0f0f2!important;
	
}
.roll-up-color .sandstone{
	border:1px solid rgba(0,0,0,0.3);
	background:#ab9d90!important;
	
}
.roll-up-color .light-stone{
	border:1px solid rgba(0,0,0,0.3);
	background:#d1c5ae!important;
	
}
.roll-up-color .lg-forest-green{
	border:1px solid rgba(0,0,0,0.3);
	background:#013d2f!important;
	
}
.roll-up-color .high-gloss-white{
	border:1px solid rgba(0,0,0,0.3);
	background:#eff3f6!important;
	
}
.roll-up-color .desert-tan{
	border:1px solid rgba(0,0,0,0.3);
	background:#c5ac92!important;
	
}
.roll-up-color .desert-sand{
	border:1px solid rgba(0,0,0,0.3);
	background:#968c76!important;
	
}
.roll-up-color .continental-brown{
	border:1px solid rgba(0,0,0,0.3);
	background:#372718!important;
	
}
.roll-up-color .cedar-red{
	border:1px solid rgba(0,0,0,0.3);
	background:#5f0c04!important;
	
}
.roll-up-color .bronze{
	border:1px solid rgba(0,0,0,0.3);
	background:#2b1d11!important;
	
}

#content.full-width{
width: 100%;
float: none;
padding-left: 0px;
padding-right: 0px; 
}
#color-selector{background:url(../images/selector/large-building/background.jpg.webp) top left no-repeat;/* background-color:#efefef; */position:relative;border-radius: 4px;}
#color-selector, .layer{
height:387px;
width:700px;
}
.layer{
position:absolute;
top:0px;
left:0px;	
display:none;
}
#walls{
display:block;
z-index:1;
background:url(../images/selector/large-building/walls/cool-white.png.webp) top left no-repeat;
}
#walls-brite-white{
display:block;
z-index:2;
background:url(../images/selector/large-building/walls/brite-white.png.webp) top left no-repeat;
}
#walls-polar-white{
display:block;
z-index:3;
background:url(../images/selector/large-building/walls/polar-white.png.webp) top left no-repeat;
}
#walls-light-stone{
z-index:4;
background:url(../images/selector/large-building/walls/light-stone.png.webp) top left no-repeat;
}
#walls-tan{
z-index:5;
background:url(../images/selector/large-building/walls/tan.png.webp) top left no-repeat;
}
#walls-desert-sand{
z-index:6;
background:url(../images/selector/large-building/walls/desert-sand.png.webp) top left no-repeat;
}
#walls-taupe{
z-index:7;
background:url(../images/selector/large-building/walls/taupe.png.webp) top left no-repeat;
}
#walls-ash-gray{
z-index:8;
background:url(../images/selector/large-building/walls/ash-gray.png.webp) top left no-repeat;
}
#walls-pewter-gray{
z-index:9;
background:url(../images/selector/large-building/walls/pewter-gray.png.webp) top left no-repeat;
}
#walls-charcoal-gray{
z-index:10;
background:url(../images/selector/large-building/walls/charcoal-gray.png.webp) top left no-repeat;
}
#walls-black{
z-index:11;
background:url(../images/selector/large-building/walls/black.png.webp) top left no-repeat;
}
#walls-matte-black{
z-index:12;
background:url(../images/selector/large-building/walls/matte-black.png.webp) top left no-repeat;
}
#walls-hawaiian-blue{
z-index:13;
background:url(../images/selector/large-building/walls/hawaiian-blue.png.webp) top left no-repeat;
}
#walls-gallery-blue{
z-index:14;
background:url(../images/selector/large-building/walls/gallery-blue.png.webp) top left no-repeat;
}
#walls-rustic-red{
z-index:15;
background:url(../images/selector/large-building/walls/rustic-red.png.webp) top left no-repeat;
}
#walls-crimson-red{
z-index:16;
background:url(../images/selector/large-building/walls/crimson-red.png.webp) top left no-repeat;
}
#walls-colony-green{
z-index:17;
background:url(../images/selector/large-building/walls/colony-green.png.webp) top left no-repeat;
}
#walls-hunter-green{
z-index:18;
background:url(../images/selector/large-building/walls/hunter-green.png.webp) top left no-repeat;
}
#walls-fern-green{
z-index:19;
background:url(../images/selector/large-building/walls/fern-green.png.webp) top left no-repeat;
}
#walls-copper-metallic{
z-index:20;
background:url(../images/selector/large-building/walls/copper-metallic.png.webp) top left no-repeat;
}
#walls-burgundy{
z-index:21;
background:url(../images/selector/large-building/walls/burgundy.png.webp) top left no-repeat;
}
#walls-koko-brown{
z-index:22;
background:url(../images/selector/large-building/walls/koko-brown.png.webp) top left no-repeat;
}
#walls-burnished-slate{
z-index:23;
background:url(../images/selector/large-building/walls/burnished-slate.png.webp) top left no-repeat;
}
#walls-silver-metallic{
z-index:24;
background:url(../images/selector/large-building/walls/silver-metallic.png.webp) top left no-repeat;
}
#walls-galvalume{
z-index:25;
background:url(../images/selector/large-building/walls/galvalume.png.webp) top left no-repeat;
}
#trim{
display:block;
z-index:26;
background:url(../images/selector/large-building/trim/cool-white.png.webp) top left no-repeat;
}
#trim-brite-white{
display:block;
z-index:27;
background:url(../images/selector/large-building/trim/brite-white.png.webp) top left no-repeat;
}
#trim-polar-white{
display:block;
z-index:28;
background:url(../images/selector/large-building/trim/polar-white.png.webp) top left no-repeat;
}
#trim-light-stone{
z-index:29;
background:url(../images/selector/large-building/trim/light-stone.png.webp) top left no-repeat;
}
#trim-tan{
z-index:30;
background:url(../images/selector/large-building/trim/tan.png.webp) top left no-repeat;
}
#trim-desert-sand{
z-index:31;
background:url(../images/selector/large-building/trim/desert-sand.png.webp) top left no-repeat;
}
#trim-taupe{
z-index:32;
background:url(../images/selector/large-building/trim/taupe.png.webp) top left no-repeat;
}
#trim-ash-gray{
z-index:33;
background:url(../images/selector/large-building/trim/ash-gray.png.webp) top left no-repeat;
}
#trim-pewter-gray{
z-index:34;
background:url(../images/selector/large-building/trim/pewter-gray.png.webp) top left no-repeat;
}
#trim-charcoal-gray{
z-index:35;
background:url(../images/selector/large-building/trim/charcoal-gray.png.webp) top left no-repeat;
}
#trim-black{
z-index:36;
background:url(../images/selector/large-building/trim/black.png.webp) top left no-repeat;
}
#trim-matte-black{
z-index:37;
background:url(../images/selector/large-building/trim/matte-black.png.webp) top left no-repeat;
}
#trim-hawaiian-blue{
z-index:38;
background:url(../images/selector/large-building/trim/hawaiian-blue.png.webp) top left no-repeat;
}
#trim-gallery-blue{
z-index:39;
background:url(../images/selector/large-building/trim/gallery-blue.png.webp) top left no-repeat;
}
#trim-rustic-red{
z-index:40;
background:url(../images/selector/large-building/trim/rustic-red.png.webp) top left no-repeat;
}
#trim-crimson-red{
z-index:41;
background:url(../images/selector/large-building/trim/crimson-red.png.webp) top left no-repeat;
}
#trim-colony-green{
z-index:42;
background:url(../images/selector/large-building/trim/colony-green.png.webp) top left no-repeat;
}
#trim-hunter-green{
z-index:43;
background:url(../images/selector/large-building/trim/hunter-green.png.webp) top left no-repeat;
}
#trim-fern-green{
z-index:44;
background:url(../images/selector/large-building/trim/fern-green.png.webp) top left no-repeat;
}
#trim-copper-metallic{
z-index:45;
background:url(../images/selector/large-building/trim/copper-metallic.png.webp) top left no-repeat;
}
#trim-burgundy{
z-index:46;
background:url(../images/selector/large-building/trim/burgundy.png.webp) top left no-repeat;
}
#trim-koko-brown{
z-index:47;
background:url(../images/selector/large-building/trim/koko-brown.png.webp) top left no-repeat;
}
#trim-burnished-slate{
z-index:48;
background:url(../images/selector/large-building/trim/burnished-slate.png.webp) top left no-repeat;
}
#trim-silver-metallic{
z-index:49;
background:url(../images/selector/large-building/trim/silver-metallic.png.webp) top left no-repeat;
}
#trim-galvalume{
z-index:50;
background:url(../images/selector/large-building/trim/galvalume.png.webp) top left no-repeat;
}
#doors{
display:block;
z-index:51; 
background:url(../images/selector/large-building/doors/cool-white.png.webp) top left no-repeat;
}
#doors-white{
	z-index: 54;
	background:url(../images/selector/large-building/doors/white.png.webp) top left no-repeat;
}
#doors-industrial-brown{
	z-index: 54;
	background:url(../images/selector/large-building/doors/industrial-brown.png.webp) top left no-repeat;
}
#doors-brite-white{
z-index:52; 
background:url(../images/selector/large-building/doors/brite-white.png.webp) top left no-repeat;
}
#doors-polar-white{
z-index:53; 
background:url(../images/selector/large-building/doors/polar-white.png.webp) top left no-repeat;
}
#doors-light-stone{
z-index:54;
background:url(../images/selector/large-building/doors/light-stone.png.webp) top left no-repeat;
}
#doors-tan{
z-index:55;
background:url(../images/selector/large-building/doors/tan.png.webp) top left no-repeat;
}
#doors-desert-sand{
z-index:56;
background:url(../images/selector/large-building/doors/desert-sand.png.webp) top left no-repeat;
}
#doors-taupe{
z-index:57;
background:url(../images/selector/large-building/doors/taupe.png.webp) top left no-repeat;
}
#doors-ash-gray{
z-index:58;
background:url(../images/selector/large-building/doors/ash-gray.png.webp) top left no-repeat;
}
#doors-pewter-gray{
z-index:59;
background:url(../images/selector/large-building/doors/pewter-gray.png.webp) top left no-repeat;
}
#doors-charcoal-gray{
z-index:60;
background:url(../images/selector/large-building/doors/charcoal-gray.png.webp) top left no-repeat;
}
#doors-black{
z-index:61;
background:url(../images/selector/large-building/doors/black.png.webp) top left no-repeat;
}
#doors-matte-black{
z-index:62;
background:url(../images/selector/large-building/doors/matte-black.png.webp) top left no-repeat;
}
#doors-hawaiian-blue{
z-index:63;
background:url(../images/selector/large-building/doors/hawaiian-blue.png.webp) top left no-repeat;
}
#doors-gallery-blue{
z-index:64;
background:url(../images/selector/large-building/doors/gallery-blue.png.webp) top left no-repeat;
}
#doors-rustic-red{
z-index:65;
background:url(../images/selector/large-building/doors/rustic-red.png.webp) top left no-repeat;
}
#doors-crimson-red{
z-index:66;
background:url(../images/selector/large-building/doors/crimson-red.png.webp) top left no-repeat;
}
#doors-colony-green{
z-index:67;
background:url(../images/selector/large-building/doors/colony-green.png.webp) top left no-repeat;
}
#doors-hunter-green{
z-index:68;
background:url(../images/selector/large-building/doors/hunter-green.png.webp) top left no-repeat;
}
#doors-fern-green{
z-index:69;
background:url(../images/selector/large-building/doors/fern-green.png.webp) top left no-repeat;
}
#doors-copper-metallic{
z-index:70;
background:url(../images/selector/large-building/doors/copper-metallic.png.webp) top left no-repeat;
}
#doors-burgundy{
z-index:71;
background:url(../images/selector/large-building/doors/burgundy.png.webp) top left no-repeat;
}
#doors-koko-brown{
z-index:72;
background:url(../images/selector/large-building/doors/koko-brown.png.webp) top left no-repeat;
}
#doors-burnished-slate{
z-index:73;
background:url(../images/selector/large-building/doors/burnished-slate.png.webp) top left no-repeat;
}
#doors-silver-metallic{
z-index:74;
background:url(../images/selector/large-building/doors/silver-metallic.png.webp) top left no-repeat;
}
#doors-galvalume{
z-index:75;
background:url(../images/selector/large-building/doors/galvalume.png.webp) top left no-repeat;
}
#doors-coal-black{
z-index:76;
background:url(../images/selector/large-building/doors/coal-black.png.webp) top left no-repeat;
}
#doors-safety-yellow{
z-index:77;
background:url(../images/selector/large-building/doors/safety-yellow.png.webp) top left no-repeat;
}
#doors-maroon{
z-index:78;
background:url(../images/selector/large-building/doors/maroon.png.webp) top left no-repeat;
}
#doors-dark-teal{
z-index:79;
background:url(../images/selector/large-building/doors/dark-teal.png.webp) top left no-repeat;
}
#doors-apple-lime-cocktail{
z-index:80;
background:url(../images/selector/large-building/doors/apple-lime-cocktail.png.webp) top left no-repeat;
}
#doors-exr-wasabi{
z-index:81;
background:url(../images/selector/large-building/doors/exr-wasabi.png.webp) top left no-repeat;
}
#doors-valentine-red{
z-index:82;
background:url(../images/selector/large-building/doors/valentine-red.png.webp) top left no-repeat;
}
#doors-sierra-sunset{
z-index:83;
background:url(../images/selector/large-building/doors/sierra-sunset.png.webp) top left no-repeat;
}
#doors-patriot-red{
z-index:84;
background:url(../images/selector/large-building/doors/patriot-red.png.webp) top left no-repeat;
}
#doors-ultra-marine-blue{
z-index:85;
background:url(../images/selector/large-building/doors/ultra-marine-blue.png.webp) top left no-repeat;
}
#doors-teal{
z-index:86;
background:url(../images/selector/large-building/doors/teal.png.webp) top left no-repeat;
}
#doors-sunset-orange{
z-index:87;
background:url(../images/selector/large-building/doors/sunset-orange.png.webp) top left no-repeat;
}
#doors-smart-blue{
z-index:88;
background:url(../images/selector/large-building/doors/smart-blue.png.webp) top left no-repeat;
}
#doors-royal-blue{
z-index:89;
background:url(../images/selector/large-building/doors/royal-blue.png.webp) top left no-repeat;
}
#doors-polar-blue{
z-index:90;
background:url(../images/selector/large-building/doors/polar-blue.png.webp) top left no-repeat;
}
#doors-fern-green{
z-index:91;
background:url(../images/selector/large-building/doors/fern-green.png.webp) top left no-repeat;
}
#doors-evergreen{
z-index:92;
background:url(../images/selector/large-building/doors/evergreen.png.webp) top left no-repeat;
}
#doors-colony-green{
z-index:93;
background:url(../images/selector/large-building/doors/colony-green.png.webp) top left no-repeat;
}
#doors-ag-galvalume{
z-index:94;
background:url(../images/selector/large-building/doors/ag-galvalume.png.webp) top left no-repeat;
}
#doors-desert-tan{
z-index:95;
background:url(../images/selector/large-building/doors/desert-tan.png.webp) top left no-repeat;
}
#doors-silhouette-gray{
z-index:96;
background:url(../images/selector/large-building/doors/silhouette-gray.png.webp) top left no-repeat;
}
#doors-satin-white{
z-index:97;
background:url(../images/selector/large-building/doors/satin-white.png.webp) top left no-repeat;
}
#doors-sandstone{
z-index:98;
background:url(../images/selector/large-building/doors/sandstone.png.webp) top left no-repeat;
}
#doors-lg-forest-green{
z-index:99;
background:url(../images/selector/large-building/doors/lg-forest-green.png.webp) top left no-repeat;
}
#doors-high-gloss-white{
z-index:100;
background:url(../images/selector/large-building/doors/high-gloss-white.png.webp) top left no-repeat;
}
#doors-continental-brown{
z-index:101;
background:url(../images/selector/large-building/doors/continental-brown.png.webp) top left no-repeat;
}
#doors-cedar-red{
z-index:102;
background:url(../images/selector/large-building/doors/cedar-red.png.webp) top left no-repeat;
}
#doors-bronze{
z-index:103;
background:url(../images/selector/large-building/doors/bronze.png.webp) top left no-repeat;
}
#roof{
display:block;
z-index:104;
background:url(../images/selector/large-building/roof/cool-white.png.webp) top left no-repeat;
}
#roof-brite-white{
display:block;
z-index:105;
background:url(../images/selector/large-building/roof/brite-white.png.webp) top left no-repeat;
}
#roof-polar-white{
display:block;
z-index:106;
background:url(../images/selector/large-building/roof/polar-white.png.webp) top left no-repeat;
}
#roof-light-stone{
z-index:107;
background:url(../images/selector/large-building/roof/light-stone.png.webp) top left no-repeat;
}
#roof-tan{
z-index:108;
background:url(../images/selector/large-building/roof/tan.png.webp) top left no-repeat;
}
#roof-desert-sand{
z-index:109;
background:url(../images/selector/large-building/roof/desert-sand.png.webp) top left no-repeat;
}
#roof-taupe{
z-index:110;
background:url(../images/selector/large-building/roof/taupe.png.webp) top left no-repeat;
}
#roof-ash-gray{
z-index:111;
background:url(../images/selector/large-building/roof/ash-gray.png.webp) top left no-repeat;
}
#roof-pewter-gray{
z-index:112;
background:url(../images/selector/large-building/roof/pewter-gray.png.webp) top left no-repeat;
}
#roof-charcoal-gray{
z-index:113;
background:url(../images/selector/large-building/roof/charcoal-gray.png.webp) top left no-repeat;
}
#roof-black{
z-index:114;
background:url(../images/selector/large-building/roof/black.png.webp) top left no-repeat;
}
#roof-matte-black{
z-index:115;
background:url(../images/selector/large-building/roof/black.png.webp) top left no-repeat;
}
#roof-hawaiian-blue{
z-index:116;
background:url(../images/selector/large-building/roof/hawaiian-blue.png.webp) top left no-repeat;
}
#roof-gallery-blue{
z-index:117;
background:url(../images/selector/large-building/roof/gallery-blue.png.webp) top left no-repeat;
}
#roof-rustic-red{
z-index:118;
background:url(../images/selector/large-building/roof/rustic-red.png.webp) top left no-repeat;
}
#roof-crimson-red{
z-index:119;
background:url(../images/selector/large-building/roof/crimson-red.png.webp) top left no-repeat;
}
#roof-colony-green{
z-index:120;
background:url(../images/selector/large-building/roof/colony-green.png.webp) top left no-repeat;
}
#roof-hunter-green{
z-index:121;
background:url(../images/selector/large-building/roof/hunter-green.png.webp) top left no-repeat;
}
#roof-fern-green{
z-index:122;
background:url(../images/selector/large-building/roof/fern-green.png.webp) top left no-repeat;
}
#roof-copper-metallic{
z-index:123;
background:url(../images/selector/large-building/roof/copper-metallic.png.webp) top left no-repeat;
}
#roof-burgundy{
z-index:124;
background:url(../images/selector/large-building/roof/burgundy.png.webp) top left no-repeat;
}
#roof-koko-brown{
z-index:125;
background:url(../images/selector/large-building/roof/koko-brown.png.webp) top left no-repeat;
}
#roof-burnished-slate{
z-index:126;
background:url(../images/selector/large-building/roof/burnished-slate.png.webp) top left no-repeat;
}
#roof-silver-metallic{
z-index:127;
background:url(../images/selector/large-building/roof/silver-metallic.png.webp) top left no-repeat;
}
#roof-galvalume{
z-index:128;
background:url(../images/selector/large-building/roof/galvalume.png.webp) top left no-repeat;
}
#permanent{
display:block;
z-index:129;
background:url(../images/selector/large-building/permanent-fixtures.png.webp) top left no-repeat;
}
#small{
display:none;
}
#small #color-selector{
background:url(../images/selector/small-building/background.jpg.webp) top left no-repeat; 
background-size:cover!important;
position:relative;
border-radius: 4px;
}
#small #color-selector > *{
    background-size:cover!important;
}
#small #walls{
display:block;
z-index:1;
background:url(../images/selector/small-building/walls/cool-white.png.webp) top left no-repeat;
}
#small #walls-brite-white{
display:block;
z-index:2;
background:url(../images/selector/small-building/walls/brite-white.png.webp) top left no-repeat;
}
#small #walls-polar-white{
display:block;
z-index:3;
background:url(../images/selector/small-building/walls/polar-white.png.webp) top left no-repeat;
}
#small #walls-light-stone{
z-index:4;
background:url(../images/selector/small-building/walls/light-stone.png.webp) top left no-repeat;
}
#small #walls-tan{
z-index:5;
background:url(../images/selector/small-building/walls/tan.png.webp) top left no-repeat;
}
#small #walls-desert-sand{
z-index:6;
background:url(../images/selector/small-building/walls/desert-sand.png.webp) top left no-repeat;
}
#small #walls-taupe{
z-index:7;
background:url(../images/selector/small-building/walls/taupe.png.webp) top left no-repeat;
}
#small #walls-ash-gray{
z-index:8;
background:url(../images/selector/small-building/walls/ash-gray.png.webp) top left no-repeat;
}
#small #walls-pewter-gray{
z-index:9;
background:url(../images/selector/small-building/walls/pewter-gray.png.webp) top left no-repeat;
}
#small #walls-charcoal-gray{
z-index:10;
background:url(../images/selector/small-building/walls/charcoal-gray.png.webp) top left no-repeat;
}
#small #walls-black{
z-index:11;
background:url(../images/selector/small-building/walls/black.png.webp) top left no-repeat;
}
#small #walls-matte-black{
z-index:12;
background:url(../images/selector/small-building/walls/matte-black.png.webp) top left no-repeat;
}
#small #walls-hawaiian-blue{
z-index:13;
background:url(../images/selector/small-building/walls/hawaiian-blue.png.webp) top left no-repeat;
}
#small #walls-gallery-blue{
z-index:14;
background:url(../images/selector/small-building/walls/gallery-blue.png.webp) top left no-repeat;
}
#small #walls-rustic-red{
z-index:15;
background:url(../images/selector/small-building/walls/rustic-red.png.webp) top left no-repeat;
}
#small #walls-crimson-red{
z-index:16;
background:url(../images/selector/small-building/walls/crimson-red.png.webp) top left no-repeat;
}
#small #walls-colony-green{
z-index:17;
background:url(../images/selector/small-building/walls/colony-green.png.webp) top left no-repeat;
}
#small #walls-hunter-green{
z-index:18;
background:url(../images/selector/small-building/walls/hunter-green.png.webp) top left no-repeat;
}
#small #walls-fern-green{
z-index:19;
background:url(../images/selector/small-building/walls/fern-green.png.webp) top left no-repeat;
}
#small #walls-copper-metallic{
z-index:20;
background:url(../images/selector/small-building/walls/copper-metallic.png.webp) top left no-repeat;
}
#small #walls-burgundy{
z-index:21;
background:url(../images/selector/small-building/walls/burgundy.png.webp) top left no-repeat;
}
#small #walls-koko-brown{
z-index:22;
background:url(../images/selector/small-building/walls/koko-brown.png.webp) top left no-repeat;
}
#small #walls-burnished-slate{
z-index:23;
background:url(../images/selector/small-building/walls/burnished-slate.png.webp) top left no-repeat;
}
#small #walls-silver-metallic{
z-index:24;
background:url(../images/selector/small-building/walls/silver-metallic.png.webp) top left no-repeat;
}
#small #walls-galvalume{
z-index:25;
background:url(../images/selector/small-building/walls/galvalume.png.webp) top left no-repeat;
}
#small #trim{
display:block;
z-index:26;
background:url(../images/selector/small-building/trim/cool-white.png.webp) top left no-repeat;
}
#small #trim{
display:block;
z-index:26;
background:url(../images/selector/small-building/trim/cool-white.png.webp) top left no-repeat;
}
#small #trim-brite-white{
display:block;
z-index:27;
background:url(../images/selector/small-building/trim/brite-white.png.webp) top left no-repeat;
}
#small #trim-polar-white{
display:block;
z-index:28;
background:url(../images/selector/small-building/trim/polar-white.png.webp) top left no-repeat;
}
#small #trim-light-stone{
z-index:29;
background:url(../images/selector/small-building/trim/light-stone.png.webp) top left no-repeat;
}
#small #trim-tan{
z-index:30;
background:url(../images/selector/small-building/trim/tan.png.webp) top left no-repeat;
}
#small #trim-desert-sand{
z-index:31;
background:url(../images/selector/small-building/trim/desert-sand.png.webp) top left no-repeat;
}
#small #trim-taupe{
z-index:32;
background:url(../images/selector/small-building/trim/taupe.png.webp) top left no-repeat;
}
#small #trim-ash-gray{
z-index:33;
background:url(../images/selector/small-building/trim/ash-gray.png.webp) top left no-repeat;
}
#small #trim-pewter-gray{
z-index:34;
background:url(../images/selector/small-building/trim/pewter-gray.png.webp) top left no-repeat;
}
#small #trim-charcoal-gray{
z-index:35;
background:url(../images/selector/small-building/trim/charcoal-gray.png.webp) top left no-repeat;
}
#small #trim-black{
z-index:36;
background:url(../images/selector/small-building/trim/black.png.webp) top left no-repeat;
}
#small #trim-matte-black{
z-index:37;
background:url(../images/selector/small-building/trim/matte-black.png.webp) top left no-repeat;
}
#small #trim-hawaiian-blue{
z-index:38;
background:url(../images/selector/small-building/trim/hawaiian-blue.png.webp) top left no-repeat;
}
#small #trim-gallery-blue{
z-index:39;
background:url(../images/selector/small-building/trim/gallery-blue.png.webp) top left no-repeat;
}
#small #trim-rustic-red{
z-index:40;
background:url(../images/selector/small-building/trim/rustic-red.png.webp) top left no-repeat;
}
#small #trim-crimson-red{
z-index:41;
background:url(../images/selector/small-building/trim/crimson-red.png.webp) top left no-repeat;
}
#small #trim-colony-green{
z-index:42;
background:url(../images/selector/small-building/trim/colony-green.png.webp) top left no-repeat;
}
#small #trim-hunter-green{
z-index:43;
background:url(../images/selector/small-building/trim/hunter-green.png.webp) top left no-repeat;
}
#small #trim-fern-green{
z-index:44;
background:url(../images/selector/small-building/trim/fern-green.png.webp) top left no-repeat;
}
#small #trim-copper-metallic{
z-index:45;
background:url(../images/selector/small-building/trim/copper-metallic.png.webp) top left no-repeat;
}
#small #trim-burgundy{
z-index:46;
background:url(../images/selector/small-building/trim/burgundy.png.webp) top left no-repeat;
}
#small #trim-koko-brown{
z-index:47;
background:url(../images/selector/small-building/trim/koko-brown.png.webp) top left no-repeat;
}
#small #trim-burnished-slate{
z-index:48;
background:url(../images/selector/small-building/trim/burnished-slate.png.webp) top left no-repeat;
}
#small #trim-silver-metallic{
z-index:49;
background:url(../images/selector/small-building/trim/silver-metallic.png.webp) top left no-repeat;
}
#small #trim-galvalume{
z-index:50;
background:url(../images/selector/small-building/trim/galvalume.png.webp) top left no-repeat;
}
#small #doors{
display:block;
z-index:51; 
background:url(../images/selector/small-building/doors/cool-white.png.webp) top left no-repeat;
}
#small #doors-white{
	z-index: 98;
	background:url(../images/selector/small-building/doors/white.png.webp) top left no-repeat;
}
#small #doors-industrial-brown{
	z-index: 98;
	background:url(../images/selector/small-building/doors/industrial-brown.png.webp) top left no-repeat;
}
#small #doors-brite-white{
z-index:99; 
background:url(../images/selector/small-building/doors/brite-white.png.webp) top left no-repeat;
}
#small #doors-polar-white{
z-index:100; 
background:url(../images/selector/small-building/doors/polar-white.png.webp) top left no-repeat;
}
#small #doors-light-stone{
z-index:101;
background:url(../images/selector/small-building/doors/light-stone.png.webp) top left no-repeat;
}
#small #doors-tan{
z-index:102;
background:url(../images/selector/small-building/doors/tan.png.webp) top left no-repeat;
}
#small #doors-desert-sand{
z-index:103;
background:url(../images/selector/small-building/doors/desert-sand.png.webp) top left no-repeat;
}
#small #doors-taupe{
z-index:104;
background:url(../images/selector/small-building/doors/taupe.png.webp) top left no-repeat;
}
#small #doors-ash-gray{
z-index:105;
background:url(../images/selector/small-building/doors/ash-gray.png.webp) top left no-repeat;
}
#small #doors-pewter-gray{
z-index:106;
background:url(../images/selector/small-building/doors/pewter-gray.png.webp) top left no-repeat;
}
#small #doors-charcoal-gray{
z-index:107;
background:url(../images/selector/small-building/doors/charcoal-gray.png.webp) top left no-repeat;
}
#small #doors-black{
z-index:108;
background:url(../images/selector/small-building/doors/black.png.webp) top left no-repeat;
}
#small #doors-matte-black{
z-index:109;
background:url(../images/selector/small-building/doors/matte-black.png.webp) top left no-repeat;
}
#small #doors-hawaiian-blue{
z-index:110;
background:url(../images/selector/small-building/doors/hawaiian-blue.png.webp) top left no-repeat;
}
#small #doors-gallery-blue{
z-index:111;
background:url(../images/selector/small-building/doors/gallery-blue.png.webp) top left no-repeat;
}
#small #doors-rustic-red{
z-index:112;
background:url(../images/selector/small-building/doors/rustic-red.png.webp) top left no-repeat;
}
#small #doors-crimson-red{
z-index:113;
background:url(../images/selector/small-building/doors/crimson-red.png.webp) top left no-repeat;
}
#small #doors-colony-green{
z-index:114;
background:url(../images/selector/small-building/doors/colony-green.png.webp) top left no-repeat;
}
#small #doors-hunter-green{
z-index:115;
background:url(../images/selector/small-building/doors/hunter-green.png.webp) top left no-repeat;
}
#small #doors-fern-green{
z-index:116;
background:url(../images/selector/small-building/doors/fern-green.png.webp) top left no-repeat;
}
#small #doors-copper-metallic{
z-index:117;
background:url(../images/selector/small-building/doors/copper-metallic.png.webp) top left no-repeat;
}
#small #doors-burgundy{
z-index:118;
background:url(../images/selector/small-building/doors/burgundy.png.webp) top left no-repeat;
}
#small #doors-koko-brown{
z-index:119;
background:url(../images/selector/small-building/doors/koko-brown.png.webp) top left no-repeat;
}
#small #doors-burnished-slate{
z-index:120;
background:url(../images/selector/small-building/doors/burnished-slate.png.webp) top left no-repeat;
}
#small #doors-silver-metallic{
z-index:121;
background:url(../images/selector/small-building/doors/silver-metallic.png.webp) top left no-repeat;
}
#small #doors-galvalume{
z-index:122;
background:url(../images/selector/small-building/doors/galvalume.png.webp) top left no-repeat;
}
#small #doors-coal-black{
z-index:123;
background:url(../images/selector/small-building/doors/coal-black.png.webp) top left no-repeat;
}
#small #doors-safety-yellow{
z-index:124;
background:url(../images/selector/small-building/doors/safety-yellow.png.webp) top left no-repeat;
}
#small #doors-maroon{
z-index:125;
background:url(../images/selector/small-building/doors/maroon.png.webp) top left no-repeat;
}
#small #doors-dark-teal{
z-index:126;
background:url(../images/selector/small-building/doors/dark-teal.png.webp) top left no-repeat;
}
#small #doors-apple-lime-cocktail{
z-index:127;
background:url(../images/selector/small-building/doors/apple-lime-cocktail.png.webp) top left no-repeat;
}
#small #doors-exr-wasabi{
z-index:128;
background:url(../images/selector/small-building/doors/exr-wasabi.png.webp) top left no-repeat;
}
#small #doors-valentine-red{
z-index:129;
background:url(../images/selector/small-building/doors/valentine-red.png.webp) top left no-repeat;
}
#small #doors-sierra-sunset{
z-index:130;
background:url(../images/selector/small-building/doors/sierra-sunset.png.webp) top left no-repeat;
}
#small #doors-patriot-red{
z-index:131;
background:url(../images/selector/small-building/doors/patriot-red.png.webp) top left no-repeat;
}
#small #doors-ultra-marine-blue{
z-index:132;
background:url(../images/selector/small-building/doors/ultra-marine-blue.png.webp) top left no-repeat;
}
#small #doors-teal{
z-index:133;
background:url(../images/selector/small-building/doors/teal.png.webp) top left no-repeat;
}
#small #doors-sunset-orange{
z-index:134;
background:url(../images/selector/small-building/doors/sunset-orange.png.webp) top left no-repeat;
}
#small #doors-smart-blue{
z-index:135;
background:url(../images/selector/small-building/doors/smart-blue.png.webp) top left no-repeat;
}
#small #doors-royal-blue{
z-index:136;
background:url(../images/selector/small-building/doors/royal-blue.png.webp) top left no-repeat;
}
#small #doors-polar-blue{
z-index:137;
background:url(../images/selector/small-building/doors/polar-blue.png.webp) top left no-repeat;
}
#small #doors-fern-green{
z-index:138;
background:url(../images/selector/small-building/doors/fern-green.png.webp) top left no-repeat;
}
#small #doors-evergreen{
z-index:139;
background:url(../images/selector/small-building/doors/evergreen.png.webp) top left no-repeat;
}
#small #doors-colony-green{
z-index:140;
background:url(../images/selector/small-building/doors/colony-green.png.webp) top left no-repeat;
}
#small #doors-ag-galvalume{
z-index:141;
background:url(../images/selector/small-building/doors/ag-galvalume.png.webp) top left no-repeat;
}
#small #doors-desert-tan{
z-index:142;
background:url(../images/selector/small-building/doors/desert-tan.png.webp) top left no-repeat;
}
#small #doors-silhouette-gray{
z-index:143;
background:url(../images/selector/small-building/doors/silhouette-gray.png.webp) top left no-repeat;
}
#small #doors-satin-white{
z-index:97;
background:url(../images/selector/small-building/doors/satin-white.png.webp) top left no-repeat;
}
#small #doors-sandstone{
z-index:98;
background:url(../images/selector/small-building/doors/sandstone.png.webp) top left no-repeat;
}
#small #doors-lg-forest-green{
z-index:99;
background:url(../images/selector/small-building/doors/lg-forest-green.png.webp) top left no-repeat;
}
#small #doors-high-gloss-white{
z-index:144;
background:url(../images/selector/small-building/doors/high-gloss-white.png.webp) top left no-repeat;
}
#small #doors-continental-brown{
z-index:145;
background:url(../images/selector/small-building/doors/continental-brown.png.webp) top left no-repeat;
}
#small #doors-cedar-red{
z-index:146;
background:url(../images/selector/small-building/doors/cedar-red.png.webp) top left no-repeat;
}
#small #doors-bronze{
z-index:147;
background:url(../images/selector/small-building/doors/bronze.png.webp) top left no-repeat;
}
#small #roof{
display:block;
z-index:104;
background:url(../images/selector/small-building/roof/cool-white.png.webp) top left no-repeat;
}
#small #roof-brite-white{
display:block;
z-index:105;
background:url(../images/selector/small-building/roof/brite-white.png.webp) top left no-repeat;
}
#small #roof-polar-white{
display:block;
z-index:106;
background:url(../images/selector/small-building/roof/polar-white.png.webp) top left no-repeat;
}
#small #roof-light-stone{
z-index:107;
background:url(../images/selector/small-building/roof/light-stone.png.webp) top left no-repeat;
}
#small #roof-tan{
z-index:108;
background:url(../images/selector/small-building/roof/tan.png.webp) top left no-repeat;
}
#small #roof-desert-sand{
z-index:109;
background:url(../images/selector/small-building/roof/desert-sand.png.webp) top left no-repeat;
}
#small #roof-taupe{
z-index:110;
background:url(../images/selector/small-building/roof/taupe.png.webp) top left no-repeat;
}
#small #roof-ash-gray{
z-index:111;
background:url(../images/selector/small-building/roof/ash-gray.png.webp) top left no-repeat;
}
#small #roof-pewter-gray{
z-index:112;
background:url(../images/selector/small-building/roof/pewter-gray.png.webp) top left no-repeat;
}
#small #roof-charcoal-gray{
z-index:113;
background:url(../images/selector/small-building/roof/charcoal-gray.png.webp) top left no-repeat;
}
#small #roof-black{
z-index:114;
background:url(../images/selector/small-building/roof/black.png.webp) top left no-repeat;
}
#small #roof-matte-black{
z-index:115;
background:url(../images/selector/small-building/roof/matte-black.png.webp) top left no-repeat;
}
#small #roof-hawaiian-blue{
z-index:116;
background:url(../images/selector/small-building/roof/hawaiian-blue.png.webp) top left no-repeat;
}
#small #roof-gallery-blue{
z-index:117;
background:url(../images/selector/small-building/roof/gallery-blue.png.webp) top left no-repeat;
}
#small #roof-rustic-red{
z-index:118;
background:url(../images/selector/small-building/roof/rustic-red.png.webp) top left no-repeat;
}
#small #roof-crimson-red{
z-index:119;
background:url(../images/selector/small-building/roof/crimson-red.png.webp) top left no-repeat;
}
#small #roof-colony-green{
z-index:120;
background:url(../images/selector/small-building/roof/colony-green.png.webp) top left no-repeat;
}
#small #roof-hunter-green{
z-index:121;
background:url(../images/selector/small-building/roof/hunter-green.png.webp) top left no-repeat;
}
#small #roof-fern-green{
z-index:122;
background:url(../images/selector/small-building/roof/fern-green.png.webp) top left no-repeat;
}
#small #roof-copper-metallic{
z-index:123;
background:url(../images/selector/small-building/roof/copper-metallic.png.webp) top left no-repeat;
}
#small #roof-burgundy{
z-index:124;
background:url(../images/selector/small-building/roof/burgundy.png.webp) top left no-repeat;
}
#small #roof-koko-brown{
z-index:125;
background:url(../images/selector/small-building/roof/koko-brown.png.webp) top left no-repeat;
}
#small #roof-burnished-slate{
z-index:126;
background:url(../images/selector/small-building/roof/burnished-slate.png.webp) top left no-repeat;
}
#small #roof-silver-metallic{
z-index:127;
background:url(../images/selector/small-building/roof/silver-metallic.png.webp) top left no-repeat;
}
#small #roof-galvalume{
z-index:128;
background:url(../images/selector/small-building/roof/galvalume.png.webp) top left no-repeat;
}
#small #permanent{
display:block;
z-index:129;
background:url(../images/selector/small-building/permanent-fixtures.png.webp) top left no-repeat;
}
.mobile-only-msg{
display:none;
}
#current-selections > div {
    font-weight: 700;
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
    font-size: 16px;
}
#current-selections > div > span{
color: #9d000b;
}

/************Static Selector CTA**************/
.static-selector-wrap{
background:#e5e6e7;
padding:80px 0;
}
.static-selector-wrap > div{
width:1280px;
margin:0 auto;
max-width:90%;
}
.static-selector-wrap #large{
margin:0;
}
.static-selector-wrap .static-selectors{
width:40%;
float:left;
padding-right:10px;
box-sizing:border-box;
}
.static-selector-wrap #color-selector-wrap{
width:60%;
float:right;
}
.static-selector-wrap #color-selector{
float:right;
border-radius:0;
}
.static-selector-wrap .wall-color.color-wrap:after{
clear:both;
content:'';
display:block;
}
.static-selector-wrap a.primary-btn{
margin-top:20px;
clear:both;
}

@media only screen and (max-width:1540px){
    .selector-accordion #accordion-small > h3,
    .selector-accordion #accordion > h3{
        font-size:24px!important;
        gap:12px;
    }
    .ui-accordion-header-icon{
        width:30px!important;
        height:15px!important;
    }
}
@media only screen and (max-width:1300px){
    .selector-accordion #accordion-small > h3,
    .selector-accordion #accordion > h3{
        font-size:18px!important;
        min-height:20px;
        gap:12px;
        padding-right:40px;
        flex-wrap:wrap;
    }
    .ui-accordion-header-icon{
        width:20px!important;
        height:10px!important;
        top:18px;
    }
.static-selector-wrap .static-selectors{
padding-right:40px;
}
#content.full-width{width:100%;padding-left:50px;padding-right:50px;box-sizing:border-box;}
.selector-accordion{/* width:35%; *//* margin-right:1%; *//* height: 600px; */}
#color-selector-wrap{width:63%;width: 700px;}
#color-selector, .layer{
width:100%;
}
}
@media only screen and (max-width:1200px){
#color-selector, .layer{
height:360px;
}
}
@media only screen and (max-width:1100px){
button.color-selector-button{
width:50px;
height:50px;
border-radius:50px;
}
button.color-selector-button.brilliant-white:after, button.color-selector-button.polar-white:after, button.color-selector-button.light-stone:after, button.color-selector-button.galvalume:after{
top:-50%;
left:-50%;
}
}
@media only screen and (max-width:980px){
/* .selector-accordion{
float:left;
width:20%;
height:auto;
margin-right:15px;
clear:both;
}
#content.full-width{

}
.ui-accordion .ui-accordion-header {
    padding: 1em!important;
}
.select-building {
    float:none;
    margin:0 auto!important;
    padding-bottom:10px;
    margin-bottom:10px!important;
    border-bottom:1px dashed #ccc;
} */
button.color-selector-button{
width:45px;
height:45px;
border-radius:45px;
}
button.color-selector-button.brilliant-white:after, button.color-selector-button.polar-white:after, button.color-selector-button.light-stone:after, button.color-selector-button.galvalume:after{
top:-60%;
left:-60%;
}
}
@media only screen and (min-width:941px){
#large, #small{
margin-bottom:20px;
}
}
@media only screen and (max-width:1200px){
.static-selector-wrap .static-selectors{
width:100%;
float:none;
padding-right:0px;
}
.static-selector-wrap #color-selector-wrap{
width:100%;
float:none;
}
button.color-selector-button:after{
top:28%;
left:28%;
}
button.color-selector-button.brilliant-white:after, button.color-selector-button.polar-white:after, button.color-selector-button.light-stone:after, button.color-selector-button.galvalume:after{
top:-75%;
left:-75%;
}
#large #current-selections{
    display:none;
}
#large #current-selections.mobile-current-selections{
    display:block;
}
.selector-accordion{
display:none;
}
.mobile-selector-accordion{
display:block;
}
#color-selector-wrap{
width:100%;
}
#color-selector, .layer{height: 389px;}
.mobile-selector-container{
width: 30%;
    margin-right: 3%;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #d4d4d4;
    padding: 0px;
    padding-bottom: 8px;
}
.mobile-selector-container .color-wrap{
    height:120px;
    padding-right:6px;
    width:100%;
    overflow-y: scroll;
}
.mobile-selector-container .color-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
}
.mobile-selector-container .color-wrap::-webkit-scrollbar:vertical {
    width: 12px;
}
.mobile-selector-container .color-wrap::-webkit-scrollbar:horizontal {
    height: 12px;
}
.mobile-selector-container .color-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
.mobile-selector-container .color-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
.mobile-building-container{
    float: none;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    min-height:24px;
}
.mobile-building-container > h3, .select-building{
    float:left;
    margin-right:20px!important;
    border:none!important;
    width:auto!important;
    margin-bottom:0px!important;
}
.select-building h3{
    margin: 0px;
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    font-size: 12px;
}
.select-building h3.active{
}
.mobile-selector-container > h3{font-size: 12px;font-weight: 700;margin: 0px;margin-bottom: 12px;font-family: 'Hind', sans-serif;padding-bottom: 6px;border-bottom: 1px solid #ccc;color: #131313;}
button.color-selector-button {
    margin: 0 6px 8px;
    height: 40px;
    width: 40px;
    border-radius:40px;
}
#color-selector-wrap{
float:none;
clear:both;
}
}
@media only screen and (max-width:900px){
#color-selector, .layer{
height:440px;
}
}
@media only screen and (max-width:850px){
#color-selector, .layer {
    height: 400px;
}
}
@media only screen and (max-width:767px){
.content-sidebar-wrap{
/* width:90%;
margin:0 auto; */
}
}
@media only screen and (max-width:750px){
#content.full-width{
padding-left:32px;
padding-right:32px;
}
#color-selector, .layer {
    height: 380px;
}
}
@media only screen and (max-width:730px){  
#color-selector, #color-selector div{
background-size:contain!important;
width:100%;
}
}
@media only screen and (max-width:680px){
#color-selector, .layer {
    height: 340px;
}
}
@media only screen and (max-width:600px){
#color-selector, .layer {
    height: 300px;
}
  .mobile-selector-container {
    width: 45%;
} 
.mobile-building-container{
width:100%;
}
.mobile-only-msg{
display:block;
margin-bottom:20px;
}
}
@media only screen and (max-width:560px){
#color-selector, .layer {
    height: 280px;
}
}
@media only screen and (max-width:500px){
.mobile-selector-container {
width: 100%;
margin-right:0;
float:none;
} 
#color-selector, .layer {
    height: 240px;
}
.mobile-selector-container .color-wrap{
height:auto;
}
}
@media only screen and (max-width:400px){
#color-selector, .layer {
    height: 180px;
}
}
@media only screen and (max-width:350px){
#color-selector, .layer {
    height: 160px;
}
}
@media only screen and (max-width:320px){  
button.color-selector-button {
    width: 34px;
    height:34px;
    border-radius:34px;
}
button.color-selector-button.brilliant-white:after, button.color-selector-button.polar-white:after, button.color-selector-button.light-stone:after, button.color-selector-button.galvalume:after{
top:-100%;
left:-100%;
}
}