/*Name:Quantum Restoration & Remodeling CSS
Date:November 2017
Description:CSS for WHOLE SITE
*/

/* ................................... DESKTOP STYLE ................................... */

@font-face{font-family:rl;src:url("rl.eot")}
@font-face{font-family:rl;src:url("rl.ttf")}

@font-face{font-family:rr;src:url("rr.eot")}
@font-face{font-family:rr;src:url("rr.ttf")}

@font-face{font-family:rm;src:url("rm.eot")}
@font-face{font-family:rm;src:url("rm.ttf")}

@font-face{font-family:rb;src:url("rb.eot")}
@font-face{font-family:rb;src:url("rb.ttf")}

iframe{border:0;}

p{font-family:rl,sans-serif;margin:0;}

img{max-width:100%;max-height:100%;border:0;}

h1{font-size:40px;}
h2{font-size:28px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
h1, h2, h3, h4, h5,h6{font-family:rm,sans-serif;font-weight:500;}

.dtkill{display:none;}
.d-tabkill{display:none;}

div{font-size:20px;}

a:link{color:#202020;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:focus{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
a:active{color:#fff;text-decoration:none;}

.opac:hover{opacity:.5;}
.fclear{clear:both;}

a.anchor{
display:block;
position:relative;
top:-93px;
visibility:hidden;
}

/* ................................... DESKTOP BODY ................................... */

body{
font-family:rl,sans-serif;
background-color:#202020;
margin:0;
padding:0;
text-align:center;
line-height:0px;
}

/* ................................... DESKTOP HEADER & HOME MENU ................................... */

header{background-color:rgba(0,0,0,0);}
#mobnavcon{display:none;}
#mobheadfix{display:none;}

#headfix{
position:fixed;
width:100%;
z-index:999999;
text-align:center;
background-color:#202020;
border-bottom:1px solid #f05a28;
}

#hlogo{
float:left;
padding:30px 0 0 2%;
width:19%;
max-width:350px;
min-width:300px;
}

#dtlogo:focus,#dtlogo:hover{opacity:.8;}

#dtnavbar{
font-family:rm,sans-serif;
font-weight:500;
width:auto;
margin:auto;
float:right;
padding:50px 2% 0 0;
}

#dtnavbar ul{padding:0;}

#dtnav{
box-sizing:border-box;
font-size:24px;
height:80px;
line-height:80px;
list-style-type:none;
margin:0;
}

#dtnav li{
height:80px;
position:relative;
display:inline-block;
margin:-3px 0 0 0;
padding:0;
vertical-align:middle;
}

#dtnav li a, .lifix{
background-color:rgba(0,0,0,0);
box-sizing:border-box;
color:#fff;
cursor:pointer;
display:block;
margin:0;
padding:0 30px;
text-align:center;
text-decoration:none;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
width:auto;
z-index:2;
}

.lifix span{margin:0 30px;}
#dtnav li .curpage{color:#f05a28;}
#dtnav li a:focus,#dtnav li a:hover, .lifix:hover, .lifix:focus{color:#f05a28;}

#dtnav li ul{
font-family:rr,sans-serif;
background-color:#f05a28;
box-sizing:border-box;
display:none;
height:auto;
line-height:40px;
margin:0;
padding:10px;
top:72px;
position:absolute;
text-align:center;
z-index:99999;
border-radius:15px;
overflow:hidden;
box-shadow:4px 4px 16px 0 rgba(0,0,0,0.3);
}

#dtnavserv{width:268px;left:-58px;display:block;}
#dtnavau{width:136px;left:-6px;display:block;}
#dtnavcon{width:85px;left:30px;display:block;}
#hsvgha{margin-bottom:-7px;}
a svg:hover .hsvgha1,a svg:hover .hsvgha1{fill:#fff;}

#dtnav li ul li{
height:40px;
width:100%;
margin:0;
padding:0;
font-size:19px;
}

#dtnav li ul li a{border-radius:15px;padding:0;}
#dtnav li ul li a:focus,#dtnav li ul li a:hover{background-color:#202020;color:#fff;}
#dtnav li ul li a{color:#fff;}
#dtnav li:hover ul{display:block;}
#dtnav li:focus ul{display:block;}

/* ................................... DESKTOP UNITY WRAP ................................... */

.unitywrap{
text-align:center;
margin:auto;
padding:0;
line-height:normal;
}

#unityconzzz{background-image:url(h-cover-1.jpg);}
#unityconroof{background-image:url(h-cover-7.jpg);}
#unityconwg{background-image:url(h-cover-6.jpg);}
#unityconps{background-image:url(h-cover-10.jpg);}
#unityconrem{background-image:url(h-cover-5.jpg);}
#unityconau{background-image:url(h-cover-4.jpg);}
#unitycongal{background-image:url(h-cover-11.jpg);}
#unityconpro{background-image:url(h-cover-1.jpg);}
#unityconfaq{background-image:url(h-cover-8.jpg);}
#unityconcu{background-image:url(h-cover-9.jpg);}

.unitycon{
background-color:#f05a28;
padding:75px 0;
width:100%;
margin:auto;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

.unitycon h2, .unitycon h3{
font-family:rm,sans-serif;
font-weight:500;
color:#fff;
margin:0 auto;
padding:0;
width:100%;
}

.unitycon h2{font-size:12vw;}
.unitycon h3{margin-top:1.5em;font-size:1.5vw;letter-spacing:15px;}

/* ................................... DESKTOP QUOTE BUTTON ................................... */

#quotebutcon{
width:100%;
text-align:center;
position:fixed;
bottom:0;
padding:0;
background:rgba(0,0,0,0.0);
z-index:99999;
}

.quotebut{
background:#f05a28;
width:250px;
margin:auto;
overflow:hidden;
box-shadow:2px 0 18px rgba(0,0,0,0.3);
color:#202020;
border-radius:15px 15px 0 0;
}

.quotebut span{
display:block;
width:100%;
line-height:36px;
text-align:center;
color:#fff;
position:relative;
border-bottom:1px solid rgba(0,0,0,0.05);
transition:background 0.2s ease-in-out;
cursor:pointer;
}

.quotebut a:active,.quotebut a:visited{background-color:#f05a28;}
.quotebut span:hover,.quotebut span:focus{background-color:#202020;}

.qbut-menu{
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
background:rgba(240,90,40,.9);
z-index:999999;
overflow-x:hidden;
overflow-y:hidden;
box-shadow:2px 0 18px rgba(0,0,0,0.26);
color:#202020;
text-align:left;
width:0;
height:0;
transition:all 0.2s ease-in-out;
}

#qbutform{
width:270px;
margin:50px auto;
background:#fff;
padding:15px;
border-radius:15px;
box-shadow:4px 4px 16px 4px rgba(0,0,0,0.3);
}

#qbutform i{
color:#202020;
float:right;
padding:10px 12px;
margin:-10px -10px 0 0;
font-size:30px;
cursor:pointer;
transition:all 0.2s ease-in-out;
}

#qbutform i:hover,#qbutform i:focus{color:#f05a28;}
#qbutform h4{text-align:center;line-height:normal;margin:20px auto;width:182px;}
#qbutform label{line-height:normal;margin-left:10px;}

#qqform input{
font-family:rl,sans-serif;
font-size:20px;
width:94%;
height:26px;
padding:2% 3%;
color:#8f8f8f;
background:#fff;
border:1px solid #d6d5d9;
border-radius:15px;
margin:5px auto 20px auto;
outline:none;
}

.qqsubmit{width:123px;margin:auto;}

#qqform .qqsubmit input{
font-family:rl,sans-serif;
font-size:20px;
width:123px;
height:36px;
line-height:36px;
padding:0;
color:#8f8f8f;
background:#fff;
border-radius:15px;
border:1px solid #d6d5d9;
margin:0 auto;
outline:none;
cursor:pointer;
}

.qqsubmit:hover #qqsubhov,.qqsubmit:focus #qqsubhov{
background:#f05a28;
color:#fff;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.open{width:100%;height:100%;}

/* ................................... DESKTOP FOOTER ................................... */

footer{
width:100%;
color:#fff;
background:url(bg.jpg) bottom no-repeat;
margin:auto;
text-align:left;
line-height:normal;
overflow:hidden;
}

#footcon{
max-width:1200px;
padding:100px 20px;
margin:auto;
overflow:hidden;
}

#foot1,#foot2,#foot3{
float:left;
width:50%;
margin:0;
overflow:hidden;
}

#foot1 a:link,#foot2 a:link,#footcon a:link{color:#fff;}
#foot1 a:visited,#foot2 a:visited,#footcon a:visited{color:#fff;}
#foot1 a:focus,#foot2 a:focus,#footcon a:focus{color:#202020;}
#foot1 a:hover,#foot2 a:hover,#footcon a:hover{color:#202020;}
#foot1 a:active,#foot2 a:active,#footcon a:active{color:#202020;}
#foot2 ul{list-style:none;}
#fcontactul{margin:0;}
#foot2 li{margin:2px 0;}
#footlogo{max-width:300px;margin:0 0 10px 0;}
#footlogo:hover,#footlogo:focus{opacity:.8;}
#foot2a{width:60%;float:left;}
#foot2b{text-align:right;width:40%;float:left;}
#frqbut a:hover,#frqbut a:focus{color:#202020;}
#fsvgha{margin-bottom:-2px;}
a svg:hover .svgha1,a svg:hover .svgha1{fill:#202020;}
#frqbut{padding:0;margin:0;display:block;}
.hsocial{font-size:25px;}

#frqbut a,a svg .svgha1,footer a,.footarw{
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
}

#footlog{margin:10px 5px 40px 0;display:inline-block;}

#fsocicon{
display:block;
width:100%;
box-sizing:border-box;
list-style-type:none;
padding:0;
margin:0;
}

#fsocicon li{
position:relative;
display:inline-block;
margin:0px 0 0 0;
padding:0;
vertical-align:middle;
}

#fsocicon li a{
background-color:rgba(0,0,0,0);
box-sizing:border-box;
color:#fff;
cursor:pointer;
display:block;
margin:0;
padding:0 5px;
text-align:center;
text-decoration:none;
width:auto;
z-index:2;
}

.footsmicons,.footarw{
color:#f05a28;
cursor:pointer;
text-align:center;
text-decoration:none;
}

.footsmicons:focus,.footsmicons:hover,.footarw:focus,.footarw:hover{color:#fff;border:1px solid #fff;background-color:#f05a28;}

.footarw{
background-color:#202020;
width:40px;
height:40px;
border-radius:50%;
box-shadow:4px 4px 16px 0 rgba(0,0,0,0.3);
border:1px solid #f05a28;
}

#topbut{
font-size:34px;
display:none;
position:fixed;
bottom:30px;
right:30px;
}

/* ................................... DESKTOP ALL MENU ................................... */

#fadehead{
position:fixed;
width:100%;
z-index:999999;
text-align:center;
background-color:#202020;
box-shadow:0 4px 16px 0 rgba(0,0,0,0.3);

}

#hlogof{
float:left;
padding:10px 0 10px 2%;
width:12%;
max-width:229px;
min-width:229px;
}

#dtlogof:focus,#dtlogof:hover{opacity:.8;}

#dtnavbarf{
font-family:rm,sans-serif;
font-weight:500;
width:auto;
margin:auto;
float:right;
padding:10px 2% 0 0;
}

#dtnavbarf ul{padding:0;}

#dtnavf{
box-sizing:border-box;
font-size:24px;
height:83px;
line-height:83px;
list-style-type:none;
margin:0;
}

#dtnavf li{
height:83px;
position:relative;
display:inline-block;
margin:-3px 0 0 0;
padding:0;
vertical-align:middle;
}

#dtnavf li a, .lifixf{
background-color:rgba(0,0,0,0);
box-sizing:border-box;
color:#fff;
cursor:pointer;
display:block;
margin:0;
padding:0 30px;
text-align:center;
text-decoration:none;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
width:auto;
z-index:2;
}

.lifixf span{margin:0 30px;}
#dtnavf li .curpage{color:#f05a28;}
#dtnavf li ul li .curpagesub{background-color:#202020;color:#fff;}
#dtnavf li a:focus,#dtnavf li a:hover, .lifixf:hover, .lifixf:focus{color:#f05a28;}

#dtnavf li ul{
font-family:rr,sans-serif;
background-color:#f05a28;
box-sizing:border-box;
display:none;
height:auto;
line-height:40px;
margin:0;
padding:10px;
top:82px;
position:absolute;
text-align:center;
z-index:99999;
border-radius:0 0 15px 15px;
overflow:hidden;
box-shadow:4px 4px 16px 0 rgba(0,0,0,0.3);
}

#dtnavservf{width:268px;left:-58px;display:block;}
#dtnavauf{width:136px;left:-6px;display:block;}
#dtnavconf{width:85px;left:30px;display:block;}
#hsvghaf{margin-bottom:-7px;}

#dtnavf li ul li{
height:40px;
width:100%;
margin:0;
padding:0;
font-size:19px;
}

#dtnavf li ul li a{border-radius:15px;padding:0;}
#dtnavf li ul li a:focus,#dtnavf li ul li a:hover{background-color:#202020;color:#fff;}
#dtnavf li ul li a{color:#fff;}
#dtnavf li:hover ul{display:block;}
#dtnavf li:focus ul{display:block;}

/* ................................... DESKTOP HOME ................................... */

#homehead{
text-align:center;
height:auto;
z-index:-99999;
margin:auto;
padding:0;
line-height:normal;
}

#hhsscon{
background-color:#f05a28;
position:relative;
height:auto;
width:100%;
margin:auto;
z-index:-99999;
}

#hhsscon > div{position:absolute;}
.hcoverwrap{background-color:rgba(0,0,0,0);z-index:-99999;width:100%;}

#hhsscon h2, #hhsscon h3{
font-family:rm,sans-serif;
font-weight:500;
color:#fff;
margin:0 auto;
padding:0;
float:left;
line-height:0;
width:100%;
}

#hhsscon h2{margin-top:1.4em;font-size:14.05vw;}
#hhsscon h3{margin-top:7.5em;font-size:1.5vw;letter-spacing:15px;}

#hrow1wrap{
margin:auto;
width:100%;
background-color:#f05a28;
text-align:center;
line-height:normal;
background:url(bg.jpg) bottom no-repeat;
background-size:cover;
padding:0 0 150px 0;
}

.hrow1bsub:link,.hrow1bsub:visited{color:#202020;}
.hrow1bsub:hover,.hrow1bsub:focus{color:#f05a28;}

#hrow1{
max-width:1200px;
min-width:922px;
width:63%;
margin:auto;
padding:0;
text-align:center;
}

.hrow1col{
display:inline-block;
width:25%;
padding:0;
margin:-8% -3px 0 -2px;
height:566px;
overflow-x:hidden;
}

#hrow1 img{display:block;margin:0;width:100%;}

.hrow1bsub{
display:inline-block;
background-color:#fff;
color:#202020;
width:80%;
padding:20% 10%;
margin:0;
height:146px;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.hrow1bord{border-left:1px solid rgba(143,143,143,.3);}
.hrow1bsub h2{font-size:25px;margin:0 auto;}
.hrow1bsub p{font-size:17px;margin:10% 0 0 0;height:92px;}

#hrow2wrap{
margin:auto;
overflow:hidden;
width:100%;
background-color:#fff;
text-align:center;
line-height:normal;
padding:120px 0;
}

#hrow2wrap h2{
text-align:center;
margin:0 0 40px 0;
font-size:70px;
font-weight:bold;
}

#hserv{
min-width:1044px;
width:63.1%;
margin:auto;
overflow:hidden;
}

#hserv a{
max-width:276px;
width:22%;
margin:1%;
display:inline-block;
}

.servcon{
padding:50px 0;
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.servcon img{height:50px;}
#hrow2wrap a:link,#hrow2wrap a:visited{color:#202020;}
#hrow2wrap a:hover,#hrow2wrap a:focus{color:#fff;}
.servcon:hover,.servcon:focus{background-color:#f05a28;}
.servcon h3{font-size:25px;}
.servitem{margin:0;}

#hrow3wrap{
margin:auto;
overflow:hidden;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.hrow3items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#hrow3item1{background:url(bg.jpg) bottom no-repeat;}
#hrow3item2{background:url(new-roof.jpg)no-repeat;background-size:100% 100%;}
#hrow3item3{background:url(new-kitchen.jpg) no-repeat;background-size:100% 100%;float:right;}
#hrow3item4{background-color:#202020;}
#hrow3wrap h3{font-size:4vw;margin:15% 0;}
#hrow3item1a,#hrow3item4a{max-width:450px;margin:30% auto;color:#fff;}
#hrow3item1a p,#hrow3item4a p{text-align:justify;}

#hrow4wrap{
margin:auto;
overflow:hidden;
width:100%;
background-color:#fff;
text-align:center;
line-height:normal;
padding:0 0 125px 0;
}

#hrow4wrap h3{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
}

.affilcon{
display:inline-block;
height:150px;
width:11.5%;
border:3px solid #fff;
border-radius:15px;
transition:all 0.2s ease-in-out;
}

.affilcon:hover{border:3px solid #f05a28;}

.affilthumb{
background-position:center;
background-repeat:no-repeat;
height:150px;
margin:0;
}

#affil1{background-image:url(affil1.png);}
#affil2{background-image:url(affil2.png);}
#affil3{background-image:url(affil3.png);}
#affil4{background-image:url(affil4.png);}
#affil5{background-image:url(affil5.png);}
#affil6{background-image:url(affil6.png);}
#affil7{background-image:url(affil7.png);}
#affil8{background-image:url(affil8.png);}

/* .................................. DESKTOP ROOFING & RESTORATION ................................. */

#roofheadcon{
background-color:#fff;
margin:auto;
width:100%;
overflow:auto;
padding:196px 0 0 0;
line-height:normal;
color:#fff;
}

#rfh1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:47px 0 100px 0;
}

#rfrow1{
max-width:1200px;
min-width:1044px;
width:63%;
margin:0 auto 150px auto;
padding:0;
text-align:center;
}

.rfrow1col:before{
content: '';
position:relative;
height:80%;
top:20%;
left:0;
width:100%;
display:block;
background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
box-sizing:inherit;
}

.rfrow1col:hover:before,.rfrow1col:focus:before,.rfrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(240,90,40,.8) 100%);height:75%;top:25%;}

.rfrow1col{
display:inline-block;
width:22.5%;
padding:0;
margin:0 1%;
height:500px;
background-color:#f05a28;
}

.rfrow1colh2{position:relative;}

.rfrow1colh2 h2{
width:100%;
position:absolute;
margin:0 auto;
font-size:25px;
color:#fff;
}

#rfcol1{background-image:url(../roofing-restoration-repairs-claims/roof-inspection.jpg);background-position:center;}
#rfcol2{background-image:url(../roofing-restoration-repairs-claims/roof-damage.jpg);background-position:center;}
#rfcol3{background-image:url(../roofing-restoration-repairs-claims/roof-repair.jpg);background-position:center;}
#rfcol4{background-image:url(../roofing-restoration-repairs-claims/roof-replacement.jpg);background-position:center;}

#rfrow2{
margin:auto;
overflow:hidden;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.rfrow2items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#rfrow2item1{background:url(bg.jpg) bottom no-repeat;}
#rfrow2item2{background:url(../roofing-restoration-repairs-claims/inspections.jpg)no-repeat;background-size:100% 100%;}
#rfrow2 h3{font-size:4vw;margin:10% 0;}
#rfrow2item1a{margin:15%;color:#fff;}
#rfrow2item1a p{text-align:left;font-size:1.25vw}

#rfrow3{
background-color:#202020;
width:100%;
margin:0 auto;
padding:0 0 125px 0;
text-align:center;
color:#fff;
overflow:hidden;
}

#rfrow3 h3{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
margin:150px 0 60px 0;
}

#rfrow3con{
max-width:1170px;
min-width:1044px;
width:63%;
margin:auto;
padding:0;
text-align:center;
}

#rfrow3a p{text-align:left;margin:0 0 30px 0;padding:0 2%;}

.rfrow3steps{
text-align:left;
display:inline-block;
width:45%;
padding:2%;
line-height:29px;
}

.rfrow3steps h4{font-size:25px;margin:0 0 23px 0;}

.rfrow3steps a{
color:#f05a28;
font-size:22px;
padding:0 3px;
font-family:rm,sans-serif;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
border-radius:5px;
line-height:28px;
}

.rfrow3steps a:hover{color:#202020;background-color:#fff;}

#rfrow4{
background-color:#fff;
width:100%;
margin:0 auto;
padding:0 0 100px 0;
text-align:center;
color:#202020;
overflow:hidden;
}

#rfrow4 h3,#rfrow5 h3{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
margin:150px 0 60px 0;
}

#rfrow4con{
max-width:1170px;
min-width:1044px;
width:63%;
margin:auto;
padding:0;
text-align:center;
}

#rfrow4con p{text-align:left;padding:0 2%;margin:0 0 50px 0;}
.rrdamcon h4,.rrfullcon h4{font-size:22px;}
.rrdamcon img{border-radius:50%;border:5px solid #f05a28;}
.rrdamcon{display:inline-block;width:22.5%;padding:1%;}

#rfrow5{
background:url(bg.jpg) bottom no-repeat;
width:100%;
margin:0;
padding:0 0 125px 0;
text-align:center;
overflow:hidden;
}

#rfrow5con{
max-width:1170px;
min-width:1044px;
width:63%;
margin:auto;
padding:0;
text-align:center;
}

.rrfullcon{display:inline-block;width:31%;padding:1%;float:left;}
.rrfullcon img{width:270px;border-radius:15px;}
.rrfullcon p{text-align:left;}
.rrfullcon ul{text-align:left;list-style:none;margin:0;}
.rrfullcon ul li{margin:4px 0;}

/* .................................. DESKTOP WINDOWS & GUTTERS ................................. */

#wgheadcon{
background-color:#fff;
margin:0 auto -5px auto;
width:100%;
overflow:hidden;
padding:196px 0 0 0;
line-height:0;
color:#fff;
}

#wgh1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:47px 0 100px 0;
}

#wgrow1{
max-width:1200px;
min-width:1044px;
width:63%;
margin:0 auto 150px auto;
padding:0;
text-align:center;
line-height:normal;
}

.wgrow1col:before{
content: '';
position:relative;
height:80%;
top:20%;
left:0;
width:100%;
display:block;
background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
box-sizing:inherit;
}

.wgrow1col:hover:before,.wgrow1col:focus:before,.wgrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(240,90,40,.8) 100%);height:75%;top:25%;}

.wgrow1col{
display:inline-block;
width:22.5%;
padding:0;
margin:0 1%;
height:500px;
background-color:#f05a28;
}

.wgrow1colh2{position:relative;}

.wgrow1colh2 h2{
width:100%;
position:absolute;
margin:0 auto;
font-size:25px;
color:#fff;
font-weight:bold;
}

#wgcol1{background-image:url(../replacement-windows-new-gutters/windows.jpg);background-position:center;}
#wgcol2{background-image:url(../replacement-windows-new-gutters/skylights.jpg);background-position:center;}
#wgcol3{background-image:url(../replacement-windows-new-gutters/gutters.jpg);background-position:center;}

#wgrow2{
margin:auto;
overflow:hidden;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.wgrow2items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#wgrow2item1{background:#202020;}
#wgrow2item2{background:url(../replacement-windows-new-gutters/replacement-windows.jpg)no-repeat;background-size:100% 100%;}
#wgrow2 h3{font-size:4vw;margin:10% 0;}
#wgrow2item1a{margin:15%;color:#fff;}
#wgrow2item1a p{text-align:left;font-size:17px;font-size:1.25vw}

#skylightbgcon{
color:#fff;
background:url(bg.jpg) bottom no-repeat;
width:88%;
padding:4% 6% 6% 6%;
}

#skylightcon{
max-width:1044px;
min-width:600px;
width:63%;
margin:auto;
padding:0;
text-align:left;
padding:0 22px;
line-height:normal;
font-size:1.25vw
}

#skylightcon h2{font-size:4vw;}

#wgrow4{
margin:auto;
overflow:hidden;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.wgrow4items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#wgrow4item1{background:#fff;}
#wgrow4item2{background:url(../replacement-windows-new-gutters/new-gutters.jpg)no-repeat;background-size:100% 100%;}
#wgrow4 h3{font-size:4vw;margin:10% 0;}
#wgrow4item1a{margin:15%;color:#202020;}
#wgrow4item1a p{text-align:left;font-size:17px;font-size:1.25vw}

/* .................................. DESKTOP PAINTING ................................. */

#psheadcon{
background-color:#fff;
margin:0 auto -5px auto;
width:100%;
overflow:hidden;
padding:196px 0 0 0;
line-height:0;
color:#fff;
}

#psh1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:47px 0 100px 0;
}

#psrow1{
max-width:1200px;
min-width:1044px;
width:63%;
margin:0 auto 150px auto;
padding:0;
text-align:center;
line-height:normal;
}

.psrow1col:before{
content: '';
position:relative;
height:80%;
top:20%;
left:0;
width:100%;
display:block;
background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
box-sizing:inherit;
}

.psrow1col:hover:before,.psrow1col:focus:before,.psrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(240,90,40,.8) 100%);height:75%;top:25%;}

.psrow1col{
display:inline-block;
width:22.5%;
padding:0;
margin:0 1%;
height:500px;
background-color:#f05a28;
}

.psrow1colh2{position:relative;}

.psrow1colh2 h2{
width:100%;
position:absolute;
margin:0 auto;
font-size:25px;
color:#fff;
font-weight:bold;
}

#pscol1{background-image:url(../interior-exterior-painting-siding/inpaint.jpg);background-position:center;}
#pscol2{background-image:url(../interior-exterior-painting-siding/outpaint.jpg);background-position:center;}
#pscol3{background-image:url(../interior-exterior-painting-siding/siding.jpg);background-position:center;}


#psrow2{
margin:auto;
overflow:hidden;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.psrow2items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#psrow2item1{background:#202020;}
#psrow2item2{background:url(../interior-exterior-painting-siding/interior-painting.jpg)no-repeat;background-size:100% 100%;}
#psrow2 h3{font-size:4vw;margin:10% 0;}
#psrow2item1a{margin:15%;color:#fff;}
#psrow2item1a p{text-align:left;font-size:17px;font-size:1.25vw}

#outpaintbgcon{
color:#fff;
background:url(bg.jpg) bottom no-repeat;
width:88%;
padding:4% 6% 6% 6%;
}

#outpaintcon{
max-width:1044px;
min-width:600px;
width:63%;
margin:auto;
padding:0;
text-align:left;
padding:0 22px;
line-height:normal;
font-size:1.25vw
}

#outpaintcon h2{font-size:4vw;}

#psrow4{
margin:auto;
overflow:hidden;
margin:-1px 0 0 0;
width:100%;
background-color:transparent;
text-align:center;
line-height:normal;
}

.psrow4items{
width:50%;
display:inline-block;
padding:0;
float:left;
}

#psrow4item1{background:#fff;}
#psrow4item2{background:url(../interior-exterior-painting-siding/exterior-siding.jpg)no-repeat;background-size:100% 100%;}
#psrow4 h3{font-size:4vw;margin:10% 0;}
#psrow4item1a{margin:15%;color:#202020;}
#psrow4item1a p{text-align:left;font-size:17px;font-size:1.25vw}

/* .................................. DESKTOP REMODELING ................................. */

#remheadcon{
background-color:#fff;
margin:0 auto -5px auto;
width:100%;
overflow:hidden;
padding:196px 0 0 0;
line-height:0;
color:#fff;
}

#remh1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:47px 0 100px 0;
}

#remrow1{
max-width:1200px;
min-width:1044px;
width:63%;
margin:0 auto 150px auto;
padding:0;
text-align:center;
line-height:normal;
}

.remrow1col:before{
content: '';
position:relative;
height:80%;
top:20%;
left:0;
width:100%;
display:block;
background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
box-sizing:inherit;
}

.remrow1col:hover:before,.remrow1col:focus:before,.remrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(240,90,40,.8) 100%);height:75%;top:25%;}

.remrow1col{
display:inline-block;
width:22.5%;
padding:0;
margin:0 1%;
height:500px;
background-color:#f05a28;
}

.remrow1colh2{position:relative;}

.remrow1colh2 h2{
width:100%;
position:absolute;
margin:0 auto;
font-size:25px;
color:#fff;
font-weight:bold;
}

#remcol1{background-image:url(../bathroom-kitchen-exterior-remodeling/bathroom-remodeling.jpg);background-position:center;}
#remcol2{background-image:url(../bathroom-kitchen-exterior-remodeling/kitchen-remodeling.jpg);background-position:center;}
#remcol3{background-image:url(../bathroom-kitchen-exterior-remodeling/custom-decks.jpg);background-position:center;}
#remcol4{background-image:url(../bathroom-kitchen-exterior-remodeling/privacy-fences.jpg);background-position:center;}

#bathbgcon,#kitbgcon,#deckbgcon,#fencebgcon{width:88%;padding:4% 6% 6% 6%;}
#bathbgcon{color:#fff;background:#202020;}
#kitbgcon{color:#202020;background:#fff;}
#deckbgcon{color:#fff;background:url(bg.jpg) bottom no-repeat;}
#fencebgcon{color:#202020;background:#fff;}

.remcon{
max-width:1044px;
min-width:600px;
width:63%;
margin:auto;
text-align:left;
padding:0 22px;
line-height:normal;
font-size:1.25vw
}

.remcon h2{font-size:4vw;}

/* .................................. DESKTOP ABOUT ................................. */

#audesbgcon{
color:#fff;
background:url(bg.jpg) bottom no-repeat;
width:88%;
padding:4% 6% 6% 6%;
}

#audescon{
max-width:1044px;
min-width:600px;
margin:auto;
padding:0;
text-align:left;
padding:0 22px;
line-height:normal;
font-size:20px
}

#audescon h1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
margin:143px 0 10% 0;
text-align:center;
}

#aurow2wrap{
margin:auto;
overflow:hidden;
width:100%;
background-color:#202020;
text-align:center;
line-height:normal;
padding:50px 0 25px 0;
color:#fff;
}

#aurow2wrap h3{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
}

.biocon{
max-width:1000px;
min-width:600px;
margin:0 auto 100px auto;
text-align:left;
padding:0 22px;
line-height:normal;
}

.biopic{
float:left;
margin:0 30px 20px 0;
}

.biodescon{


padding:0 0 0 0;
}

.biodescon h4{font-size:25px;line-height:25px;margin:0 0 10px 0;color:#f05a28;}
.biodescon h5{font-size:20px;line-height:20px;margin:0 0 11px 0;}
.biodescon p{}

#aurow3wrap{
margin:auto;
overflow:hidden;
width:100%;
background-color:#fff;
text-align:center;
line-height:normal;
padding:0 0 125px 0;
}

#aurow3wrap h3{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
}

/* .................................. DESKTOP GALLERY ................................. */

.galheadcon{
background-color:#fff;
margin:auto;
width:100%;
overflow:auto;
padding:196px 0 150px 0;
line-height:normal;
color:#fff;
}

.photogal{
width:1035px;
margin:auto;
overflow:hidden;
color:#fff;
}

.galheadcon h1{font-size:70px;font-family:rm,sans-serif;font-weight:bold;color:#202020;}
.galthumbcon{display:inline-block;}
.galthumbcon:hover{opacity:.5;}
.galthumb{height:191px;width:225px;margin:15px;}
#galroof1{background-image:url(../our-work-photo-gallery/galroof1.thumb.jpg);}
#galroof2{background-image:url(../our-work-photo-gallery/galroof2.thumb.jpg);}
#galroof3{background-image:url(../our-work-photo-gallery/galroof3.thumb.jpg);}
#galroof4{background-image:url(../our-work-photo-gallery/galroof4.thumb.jpg);}
#galroof5{background-image:url(../our-work-photo-gallery/galroof5.thumb.jpg);}
#galroof6{background-image:url(../our-work-photo-gallery/galroof6.thumb.jpg);}
#galroof7{background-image:url(../our-work-photo-gallery/galroof7.thumb.jpg);}
#galroof8{background-image:url(../our-work-photo-gallery/galroof8.thumb.jpg);}
#galroof9{background-image:url(../our-work-photo-gallery/galroof9.thumb.jpg);}
#galroof10{background-image:url(../our-work-photo-gallery/galroof10.thumb.jpg);}
#galroof11{background-image:url(../our-work-photo-gallery/galroof11.thumb.jpg);}
#galroof12{background-image:url(../our-work-photo-gallery/galroof12.thumb.jpg);}
#galroof13{background-image:url(../our-work-photo-gallery/galroof13.thumb.jpg);}
#galroof14{background-image:url(../our-work-photo-gallery/galroof14.thumb.jpg);}
#galroof15{background-image:url(../our-work-photo-gallery/galroof15.thumb.jpg);}
#galroof16{background-image:url(../our-work-photo-gallery/galroof16.thumb.jpg);}
#galroof17{background-image:url(../our-work-photo-gallery/galroof17.thumb.jpg);}
#galroof18{background-image:url(../our-work-photo-gallery/galroof18.thumb.jpg);}
#galroof19{background-image:url(../our-work-photo-gallery/galroof19.thumb.jpg);}
#galroof20{background-image:url(../our-work-photo-gallery/galroof20.thumb.jpg);}
#galroof21{background-image:url(../our-work-photo-gallery/galroof21.thumb.jpg);}
#galroof22{background-image:url(../our-work-photo-gallery/galroof22.thumb.jpg);}
#galroof23{background-image:url(../our-work-photo-gallery/galroof23.thumb.jpg);}
#galroof24{background-image:url(../our-work-photo-gallery/galroof24.thumb.jpg);}
#galroof25{background-image:url(../our-work-photo-gallery/galroof25.thumb.jpg);}
#galroof26{background-image:url(../our-work-photo-gallery/galroof26.thumb.jpg);}
#galroof27{background-image:url(../our-work-photo-gallery/galroof27.thumb.jpg);}
#galroof28{background-image:url(../our-work-photo-gallery/galroof28.thumb.jpg);}
#galroof29{background-image:url(../our-work-photo-gallery/galroof29.thumb.jpg);}
#galroof30{background-image:url(../our-work-photo-gallery/galroof30.thumb.jpg);}
#galroof31{background-image:url(../our-work-photo-gallery/galroof31.thumb.jpg);}
#galroof32{background-image:url(../our-work-photo-gallery/galroof32.thumb.jpg);}
#galroof33{background-image:url(../our-work-photo-gallery/galroof33.thumb.jpg);}
#galroof34{background-image:url(../our-work-photo-gallery/galroof34.thumb.jpg);}
#galroof35{background-image:url(../our-work-photo-gallery/galroof35.thumb.jpg);}
#galroof36{background-image:url(../our-work-photo-gallery/galroof36.thumb.jpg);}
#galroof37{background-image:url(../our-work-photo-gallery/galroof37.thumb.jpg);}
#galroof38{background-image:url(../our-work-photo-gallery/galroof38.thumb.jpg);}
#galroof39{background-image:url(../our-work-photo-gallery/galroof39.thumb.jpg);}
#galroof40{background-image:url(../our-work-photo-gallery/galroof40.thumb.jpg);}
#galroof41{background-image:url(../our-work-photo-gallery/galroof41.thumb.jpg);}
#galroof42{background-image:url(../our-work-photo-gallery/galroof42.thumb.jpg);}
#galroof43{background-image:url(../our-work-photo-gallery/galroof43.thumb.jpg);}
#galroof44{background-image:url(../our-work-photo-gallery/galroof44.thumb.jpg);}
#galroof45{background-image:url(../our-work-photo-gallery/galroof45.thumb.jpg);}
#galroof46{background-image:url(../our-work-photo-gallery/galroof46.thumb.jpg);}
#galroof47{background-image:url(../our-work-photo-gallery/galroof47.thumb.jpg);}
#galroof48{background-image:url(../our-work-photo-gallery/galroof48.thumb.jpg);}
#galroof49{background-image:url(../our-work-photo-gallery/galroof49.thumb.jpg);}
#galroof50{background-image:url(../our-work-photo-gallery/galroof50.thumb.jpg);}

/* ................................... Lightbox ................................... */

@media all{

.featherlight{
display:none;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:2147483647;
text-align:center;
white-space:nowrap;
cursor:pointer;
background:#333;
background:rgba(0,0,0,0);
}

.featherlight:last-of-type{background:rgba(0,0,0,.8);}

.featherlight:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em;
}

.featherlight .featherlight-content{
position:relative;
text-align:left;
vertical-align:middle;
display:inline-block;
overflow:auto;
padding:25px 25px 0;
border-bottom:25px solid transparent;
margin-left:5%;
margin-right:5%;
max-height:95%;
background:#f05a28;
cursor:auto;
white-space:normal;
}

.featherlight .featherlight-inner{display:block;}

.featherlight .featherlight-close-icon{
position:absolute;
z-index:9999;
top:0;
right:0;
line-height:25px;
width:25px;
cursor:pointer;
text-align:center;
font-family:Arial,sans-serif;
background:#fff;
background:rgba(32,35,42,.3);
color:#fff;
}

.featherlight .featherlight-image{width:100%;}
.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;}
.featherlight iframe{border:0;}

.featherlight-next,.featherlight-previous{
display:block;
position:absolute;
top:25px;
right:25px;
bottom:0;
left:80%;
cursor:pointer;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:rgba(0,0,0,0);
}

.featherlight-previous{left:25px;right:80%;}
.featherlight-next:hover,.featherlight-previous:hover{background:rgba(240,90,40,.3);}

.featherlight-next span,.featherlight-previous span{
display:none;
position:absolute;
top:50%;
left:5%;
width:82%;
text-align:center;
font-size:80px;
line-height:80px;
margin-top:-40px;
text-shadow:0 0 5px #20232a;
color:#fff;
font-style:normal;
font-weight:400;
}

.featherlight-next span{right:5%;left:auto;}
.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block;}
.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none;}
.lightbox{display:none;}

/* customized gallery */
.featherlight-gallery2{background:rgba(100,100,100,0.5);}
.featherlight-gallery2 .featherlight-content{background:#000;}
.featherlight-gallery2 .featherlight-next:hover,.featherlight-gallery2 .featherlight-previous:hover{background:rgba(0,0,0,0.5);}

.featherlight-gallery2 .featherlight-next:hover span,.featherlight-gallery2 .featherlight-previous:hover span{
font-size:25px;
line-height:25px;
margin-top:-12.5px;
color:#fff;
}

.featherlight-gallery2 .featherlight-close{background:transparent;color:#fff;font-size:1.2em;}
.featherlight-gallery2.featherlight-last-slide .featherlight-next,.featherlight-gallery2.featherlight-first-slide .featherlight-previous{display:none;}

/* text slide */
.thumbnail a{text-decoration:none;}
.blurb{display:inline-block;width:150px;height:150px;}
.blurb h2{text-align:center;}
.blurb .detail{display:none;}
.blurb .teaser{font-style:italic;text-align:center;}

.featherlight .blurb{
display:inline-block;
width:500px;
height:300px;
color:#99f;
}

.featherlight .blurb .detail{color:#ddf;font-size:large;display:inherit;}
.featherlight .blurb .teaser{display:none;}
}

@media(max-width:768px){
.fl-page h1 span{display:block;}
.fl-page .btn-download{float:none;margin-bottom:1em;}
}

@media only screen and (max-device-width:1024px){
.featherlight-next:hover,.featherlight-previous:hover{background:0 0;}
.featherlight-next span,.featherlight-previous span{display:block;}
}

@media only screen and (max-width:1024px){
.featherlight .featherlight-content{
margin-left:10px;
margin-right:10px;
max-height:98%;
padding:10px 10px 0;
border-bottom:10px solid transparent;
}

.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%;}
.featherlight-previous{left:10px;right:85%;}
.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px;}
}

/* .................................. DESKTOP PRODUCTS ................................. */

#procon{
background-color:#fff;
width:100%;
margin:0;
padding:0 0 50px 0;
text-align:center;
overflow:hidden;
}

#procon h1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
margin:293px 0 60px 0;
}

#prow1wrap{
margin:auto;
overflow:hidden;
min-width:1044px;
width:56%;
text-align:center;
line-height:normal;
padding:75px 0;
}

.prodcon{
display:inline-block;
height:150px;
width:19%;
border:3px solid #fff;
border-radius:15px;
transition:all 0.2s ease-in-out;
}

.prodcon:hover{border:3px solid #f05a28;}

.prodthumb{
background-size:contain;
background-position:center;
background-repeat:no-repeat;
height:150px;
margin:0;
}

#prod1{background-image:url(../roofing-siding-window-products/gaf.png);}
#prod2{background-image:url(../roofing-siding-window-products/atlas.png);}
#prod3{background-image:url(../roofing-siding-window-products/certainteed.png);}
#prod4{background-image:url(../roofing-siding-window-products/decra.png);}
#prod5{background-image:url(../roofing-siding-window-products/malarkey.png);}
#prod6{background-image:url(../roofing-siding-window-products/plygem.png);}
#prod7{background-image:url(../roofing-siding-window-products/velux.png);}
#prod8{background-image:url(../roofing-siding-window-products/jeldwen.png);}
#prod9{background-image:url(../roofing-siding-window-products/acculynx.png);}
#prod10{background-image:url(../roofing-siding-window-products/xactimate.png);}

.prodesf{
margin:auto;
min-width:1044px;
width:56%;
padding:60px 0;
overflow:hidden;
border-top:2px solid #f05a28;
border-bottom:2px solid #f05a28;
}

.prodes{
margin:auto;
min-width:1044px;
width:56%;
padding:60px 0;
overflow:hidden;
border-bottom:2px solid #f05a28;
}

.prodesl{
margin:auto;
min-width:1044px;
width:56%;
padding:60px 0;
overflow:hidden;
}

.prodesl a,.prodesl img,.prodes a,.prodes img,.prodesf a,.prodesf img{transition:all .2s ease-in-out;color:#202020;}
.prodesl a:hover,.prodesl a:focus,.prodes a:hover,.prodes a:focus,.prodesf a:hover,.prodesf a:focus{color:#f05a28;}

.prodespicl{float:left;margin:0px 115px 0 20px;}
.prodespicr{float:right;margin:0px 20px 20px 0;}
#prodespiclight{float:right;margin:110px 20px 20px 0;}
.prodes h2,.prodesl h2,.prodesf h2{margin:0 0 30px 0;font-family:rm,sans-serif;font-size:35px}
.prodes h6,.prodesl h6,.prodesf h6{margin:30px 0 0 0;font-size:25px;font-family:rl,sans-serif;}

.prodestext{
float:left;
line-height:normal;
width:60%;
text-align:left;
padding-left:20px;
}

.procitedes{
background-color:#fff;
font-size:13px;
line-height:normal;
padding-bottom:20px;
}

.procitedes p{width:66%;margin:auto;}

/* .................................. DESKTOP FAQ ................................. */

.faqheadcon{
background-color:#fff;
margin:auto;
width:100%;
overflow:auto;
padding:196px 0 150px 0;
line-height:normal;
color:#fff;
}

#faqh1{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:47px 0 100px 0;
}

#faqh2{
font-size:70px;
font-family:rm,sans-serif;
font-weight:bold;
color:#202020;
margin:150px 0 100px 0;
}

.faqheadcon .faqmenu,.faqheadcon .glomenu{text-align:left;background-color:#fff;}

.faqheadcon .faqmenu a,.faqheadcon .glomenu a{
display:block;
padding:15px 40px 15px 20px;
border:1px solid #f05a28;
color:#202020;
}

.faqheadcon .faqmenu li,.faqheadcon .glomenu li{
padding:0;
margin:0;
list-style-type:none;
line-height:26px;
font-weight:bold;
}

.faqheadcon .faqmenu ul,.faqheadcon .glomenu ul{padding:0;margin:0;}
.faqheadcon .faqmenu ul li ul li,.faqheadcon .glomenu ul li ul li{background-color:#fff;line-height:26px;font-weight:normal;}
.faqheadcon .faqmenu ul li ul,.faqheadcon .glomenu ul li ul{margin:0 0 37px 0;}
.faqheadcon .faqmenu ul li,.faqheadcon .glomenu ul li{margin:0;}
.faqheadcon .faqmenu ul li ul li,.faqheadcon .glomenu ul li ul li{color:#202020;padding:0 5%;}
.faqmenu,.glomenu{width:57%;margin:auto;min-width:900px;}

.faqheadcon .faqmenu ul li ul li p,.faqheadcon .glomenu ul li ul li p{
padding:10px 15px;
background-color:#eee;
border-radius:0 0 15px 15px;
line-height:33px;
}

#faqmainul li label,#glomainul li label{
width:57%;
min-width:900px;
margin:auto;
position:absolute;
z-index:99999;
min-height:84px;
margin:-84px 0 0 0;
}

.faqhw,.glohw{
height:49px;
width:57px;
text-align:center;
vertical-align:middle;
padding:8px 0 0 0;
color:#202020;
float:right;
margin:-57px 0 0 0;
}

#faq1ul,#faq2ul,#faq3ul,#faq4ul,#faq5ul,#faq6ul,#faq7ul,#faq8ul,#faq9ul,#faq10ul,#faq11ul,#faq12ul,
#glo1ul,#glo2ul,#glo3ul,#glo4ul,#glo5ul,#glo6ul,#glo7ul,#glo8ul,#glo9ul
{height:0px;}

#faq1ul li,#faq2ul li,#faq3ul li,#faq4ul li,#faq5ul li,#faq6ul li,#faq7ul li,#faq8ul li,#faq9ul li,#faq10ul li,#faq11ul li,#faq12ul li,
#glo1ul li,#glo2ul li,#glo3ul li,#glo4ul li,#glo5ul li,#glo6ul li,#glo7ul li,#glo8ul li,#glo9ul li
{display:none;}

#faq1:checked ~ #faq1ul,#faq2:checked ~ #faq2ul,#faq3:checked ~ #faq3ul,#faq4:checked ~ #faq4ul,#faq5:checked ~ #faq5ul,#faq6:checked ~ #faq6ul,#faq7:checked ~ #faq7ul,#faq8:checked ~ #faq8ul,#faq9:checked ~ #faq9ul,#faq10:checked ~ #faq10ul,#faq11:checked ~ #faq11ul,#faq12:checked ~ #faq12ul,
#glo1:checked ~ #glo1ul,#glo2:checked ~ #glo2ul,#glo3:checked ~ #glo3ul,#glo4:checked ~ #glo4ul,#glo5:checked ~ #glo5ul,#glo6:checked ~ #glo6ul,#glo7:checked ~ #glo7ul,#glo8:checked ~ #glo8ul,#glo9:checked ~ #glo9ul
{height:auto;}

#faq1:checked ~ #faq1ul li,#faq2:checked ~ #faq2ul li,#faq3:checked ~ #faq3ul li,#faq4:checked ~ #faq4ul li,#faq5:checked ~ #faq5ul li,#faq6:checked ~ #faq6ul li,#faq7:checked ~ #faq7ul li,#faq8:checked ~ #faq8ul li,#faq9:checked ~ #faq9ul li,#faq10:checked ~ #faq10ul li,#faq11:checked ~ #faq11ul li,#faq12:checked ~ #faq12ul li,
#glo1:checked ~ #glo1ul li,#glo2:checked ~ #glo2ul li,#glo3:checked ~ #glo3ul li,#glo4:checked ~ #glo4ul li,#glo5:checked ~ #glo5ul li,#glo6:checked ~ #glo6ul li,#glo7:checked ~ #glo7ul li,#glo8:checked ~ #glo8ul li,#glo9:checked ~ #glo9ul li
{display:block;}

#faq1,#faq2,#faq3,#faq4,#faq5,#faq6,#faq7,#faq8,#faq9,#faq10,#faq11,#faq12,
#glo1,#glo2,#glo3,#glo4,#glo5,#glo6,#glo7,#glo8,#glo9
{display:none;}

.faq1but,.faq2but,.glo1but,.glo2but{float:right;margin:-59px 0 0 0;width:100%;text-align:right;}
.rotate{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.rotate.down{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}

.faqheadcon .faqmenu li ul li a{
display:inline-block;
padding:0;
border:none;
color:#f05a28;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.faqheadcon .faqmenu li ul li a:hover{
display:inline-block;
padding:0;
border:none;
color:#f05a28;
text-decoration:underline;
}

/* .................................. DESKTOP CONTACT ................................. */

#cucontent{background-color:#fff;font-family:rl,sans-serif;line-height:normal;overflow:auto;}

#cumain{
min-width:1044px;
width:56%;
margin:auto;
color:#8f8f8f;
background-color:#fff;
}

#cucontent img{max-width:100%;margin:93px auto 50px auto;}
#cuinfo{width:35%;float:left;padding:0 5% 5% 2%;}

#cucontent h1{
font-size:70px;
margin:100px auto 75px auto;
color:#202020;
font-weight:bold;
}

#cuinfo p{line-height:normal;text-align:left;}

#cuformh2{
text-align:left;
margin:0 0 10px 0;
color:#202020;
}

#cuinfoh2{
text-align:left;
margin:75px 0 10px 0;
color:#202020;
}

#cucontactul{
margin:0;
padding:0;
text-align:left;
list-style:none;
color:#f05a28;
}

#cuinfo li{margin:5px 0;}

#cucontactul a{
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
}

#cucontactul a:link{color:#f05a28;}
#cucontactul a:visited{color:#f05a28;}
#cucontactul a:focus{color:#202020;}
#cucontactul a:hover{color:#202020;}
#cucontactul a:active{color:#202020;}

#cusocicon{
display:block;
width:100%;
box-sizing:border-box;
list-style-type:none;
padding:0;
margin:0;
}

#cusocicon li{
position:relative;
display:inline-block;
margin:0px 0 0 0;
padding:0;
vertical-align:middle;
}

#cusocicon li a{
background-color:rgba(0,0,0,0);
box-sizing:border-box;
color:#fff;
cursor:pointer;
display:block;
margin:0;
padding:0 5px;
text-align:center;
text-decoration:none;
width:auto;
z-index:2;
}

#cuform{
width:56%;
float:left;
text-align:left;
margin-bottom:150px;
}

#cuform h1{text-align:center;margin-bottom:49px;}
#cuform label{line-height:normal;margin-left:10px;}

#form input{
font-family:rl,sans-serif;
font-size:20px;
width:96%;
height:26px;
padding:10px;
color:#8f8f8f;
background:#fff;
border-right:0;
border-top:0;
border-bottom:1px solid #d6d5d9;
border-left:0;
margin:5px auto 20px auto;
outline:none;
}

.submit{width:123px;margin:auto;}

#form .submit input{
font-family:rl,sans-serif;
font-size:20px;
width:123px;
height:58px;
color:#8f8f8f;
background:#fff;
border-radius:15px;
border:1px solid #d6d5d9;
margin:5px auto 0 auto;
outline:none;
cursor:pointer;
}

.submit:hover #subhov,.submit:focus #subhov{
background:#f05a28;
color:#fff;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
}

#form textarea{
font-family:rl,sans-serif;
font-size:20px;
width:96%;
height:126px;
padding:10px;
color:#8f8f8f;
background:#fff;
border:1px solid #d6d5d9;
margin:5px auto 30px auto;
outline:none;
}

/* .................................. MOBILE STYLES ................................. */

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

a.anchor{top:-56px;}


/* ................................... MOBILE BODY ................................... */

body{}

/* ................................... MOBILE HEADER ................................... */

#mobnavcon{display:block;}
#headfix{display:none;}
.mobilekill{display:none;}
.dtkill{display:initial;}
#mobheadfix{display:block;height:57px;width:100%;}

header{
background-color:#202020;
padding:0;
width:100%;
height:56px;
max-height:56px;
z-index:999999;
position:fixed;
box-shadow:4px 4px 16px 0 rgba(0,0,0,0.3);
}

#mobtitle{
padding:0;
margin:0;
float:left;
line-height:56px;
color:#fff;
font-size:30px;
margin:0 0 0 15px;
}

#moblogo{margin:5px 0 0 0;height:44px;width:139px;}
#mobnavcon nav{text-align:left;background-color:rgba(32,32,32,.8);}

#mobnavcon nav a{
display:block;
padding:15px 0 15px 20px;
border-bottom:1px solid rgba(240,90,40,.8);
color:#fff;
}

#mobnavcon nav li{padding:0;margin:0;list-style-type:none;line-height:26px;}
#mobnavcon nav ul{padding:0;margin:0;}
#mobnavcon nav ul li:first-child a{border-top:1px solid #707379;}
#mobnavcon nav ul li:last-child a{border:0;}
#mobnavcon nav ul li ul li:first-child a{border-top:0}
#mobnavcon nav ul li ul li{background-color:rgba(240,90,40,.8);line-height:26px;}
#mobnavcon nav ul li ul li a{border-bottom:1px solid rgba(32,32,32,.8);color:#fff;padding:15px 0 15px 40px;}
#mwebul,#mmarkul{display:none;}

.wcbhw{
height:49px;
width:57px;
text-align:center;
vertical-align:middle;
padding:8px 0 0 0;
color:#fff;
}

.webcheckbut{float:right;margin:-59px 0 0 0;width:100%;text-align:right;}
.markcheckbut{float:right;margin:-59px 0 0 0;width:57px;text-align:right;}
#webcheck,#markcheck{display:none;}
#webcheck:checked ~ #mwebul{display:block;}
#markcheck:checked ~ #mmarkul{display:block;}
#mmainul{height:1941px;}
#scrolldiv{height:1100px;overflow:scroll;}

.mobmenu{
width:320px;
position:absolute;
background-color:transparent;
top:56px;
left:-320px;
transform:matrix(1, 0, 0, 1, 0, 0);
transition-delay:0s;
transition-duration:0.2s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.mobmenubut{
padding:9px 14px 7px 10px;
background:transparent;
color:#fff;
cursor:pointer;
float:right;
margin:0;
font-size:20px;
}

#mobmenucheck{display:none;}
#mobmenucheck:checked ~ .mobmenu{position:absolute;left:0;}
.rotate{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.rotate.down{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.mobfb a{font-size:40px;margin:0px;display:inline-block;width:52px;float:left;}
.mobfb #mobgpi{padding:15px 0 15px 0px;}
.mobfb #mobhai{padding:17px 0 15px 27px;}
.mobfb #mobbbi{padding:14px 0 15px 19px;}
#mobhasvg{width:44px;height:35px;}
#mobbbsvg{width:24px;height:38px;}

/* ................................... MOBILE UNITY WRAP ................................... */

.unitywrap{}
#unityconzzz{}
#unityconcu{}
.unitycon{}
.unitycon h2,.unitycon h3{}
.unitycon h2{}
.unitycon h3{font-size:3vw;letter-spacing:6px;line-height:normal;}

/* ................................... DESKTOP QUOTE BUTTON ................................... */

.qbut-menu{overflow-y:scroll;}

/* ................................... MOBILE FOOTER ................................... */

footer{text-align:center;}
#footcon{width:96%;padding:50px 2% 104px 2%;}
#foot1,#foot2,#foot3{float:none;width:100%;}
#foot2 ul{}
#fcontactul{padding:0;}
#foot2 li{}
#footlogo{margin:0 0 40px 0;}
#foot2a{width:100%;float:none;}
#foot2b{text-align:center;width:100%;float:none;}
#fsvgha{}
#frqbut{margin:40px auto 0 auto;}
#footlog{}
.hsocial{}
#fsocicon{margin:0 0 40px 0;}
#fsocicon li{}
#fsocicon li a{}
#topbut{bottom:47px;right:10px;}

/* ................................... MOBILE HOME ................................... */

#homehead{}
#hhsscon{}
#hhsscon > div{}
.hcoverwrap{}
#hhsscon h2, #hhsscon h3{}
#hhsscon h2{}
#hhsscon h3{font-size:3vw;letter-spacing:6px;line-height:normal;}
#hrow1wrap{background-image:none;padding:0 0 50px 0;background-color:#f05a28;}
#hrow1{max-width:800px;min-width:320px;width:100%;}
.hrow1col{min-width:270px;margin:-5px -3px 0 -2px;height:auto;overflow:hidden;}
#hrow1 img{}
.hrow1bsub{height:auto;}
.hrow1bord{}
.hrow1bsub h2{}
.hrow1bsub p{height:auto;}
#hrow2wrap{padding:50px 0;}
#hrow2wrap h2{margin:0 0 20px 0;font-size:50px;}
#hserv{min-width:320px;width:100%;}
#hserv a{max-width:276px;width:98%;margin:1%;}
.servcon{padding:50px 0 0 0;}
.servcon img{}
.servcon h3{}
.servitem{}
#hrow3wrap{margin:auto;}
#hrow3item1,#hrow3item4{}
#hrow3item1a p,#hrow3item4a p{text-align:left;padding:0 10px;min-height:270px;margin-bottom:30px;}
#hrow4wrap{margin:auto;padding:0 0 10px 0;}
#hrow4wrap h3{font-size:45px;margin:50px 0 20px 0;}
.affilcon{height:145px;width:120px;margin:20px;}
.affilthumb{height:145px;}

/* .................................. MOBILE ROOFING & RESTORATION ................................. */

#roofheadcon{padding:116px 0 0 0;}
#rfh1{font-size:45px;margin:0px 0 75px 0;}

#rfrow1{
max-width:768px;
min-width:320px;
width:100%;
margin:0 auto 75px auto;
}

.rfrow1col:before{height:70%;top:30%;}
.rfrow1col:hover:before,.rfrow1col:focus:before,.rfrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);height:70%;top:40%;}

.rfrow1col{
max-width:270px;
width:45%;
margin:1%;
height:250px;
}

.rfrow1colh2{}
.rfrow1colh2 h2{font-size:19px;}
#rfcol1{}
#rfcol2{}
#rfcol3{}
#rfcol4{}
#rfrow2{}
.rfrow2items{}
#rfrow2item1{}
#rfrow2item2{}
#rfrow2 h3{}
#rfrow2item1a{}
#rfrow2item1a p{}
#rfrow3{padding:0 0 75px 0;}
#rfrow3 h3{font-size:45px;margin:75px 0 60px 0;}
#rfrow3con{max-width:450px;min-width:320px;width:100%;}
#rfrow3a p{text-align:left;margin:0 0 30px 0;padding:0 2%;}
.rfrow3steps{width:96%;padding:2%;margin-top:20px;}
.rfrow3steps h4{}
.rfrow3steps a{}
#rfrow4{padding:0 0 50px 0;}
#rfrow4 h3,#rfrow5 h3{font-size:45px;margin:75px 0 60px 0;}

#rfrow4con{
max-width:450px;
min-width:320px;
width:96%;
padding:0 2%;
}

#rfrow4con p{}
.rrdamcon h4,.rrfullcon h4{}
.rrdamcon img{}
.rrdamcon{width:45%;min-width:180px;}
#rfrow5{background:#f05a28;width:100%;padding:0 0 75px 0;}

#rfrow5con{
max-width:450px;
min-width:320px;
width:100%;
}

.rrfullcon{width:96%;padding:4% 2%;float:left;}
.rrfullcon img{}
.rrfullcon p{}
.rrfullcon ul{text-align:center;padding-left:0;}
.rrfullcon ul li{}

/* .................................. MOBILE WINDOWS & GUTTERS ................................. */

#wgheadcon{padding:116px 0 0 0;margin:0 auto;}
#wgh1{font-size:45px;margin:0px 0 75px 0;}

#wgrow1{
max-width:768px;
min-width:320px;
width:100%;
margin:0 auto 75px auto;
}

.wgrow1col:before{height:70%;top:30%;}
.wgrow1col:hover:before,.wgrow1col:focus:before,.wgrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);height:70%;top:40%;}

.wgrow1col{
max-width:270px;
width:45%;
margin:1%;
height:250px;
}

.wgrow1colh2{}
.wgrow1colh2 h2{font-size:19px;}
#wgcol1{}
#wgcol2{}
#wgcol3{}
#rfrow2{}
.rfrow2items{}
#rfrow2item1{}
#rfrow2item2{}
#rfrow2 h3{}
#rfrow2item1a{}
#rfrow2item1a p{}

#skylightbgcon{width:100%;padding:4% 0 6% 0;}

#skylightcon{
min-width:320px;
width:90%;
padding:0 5%;
font-size:20px
}

#skylightcon h2{font-size:45px;}
#skylightcon p{width:90%;}
#rfrow4{}
.rfrow4items{}
#rfrow4item1{}
#rfrow4item2{}
#rfrow4 h3{}
#rfrow4item1a{}
#rfrow4item1a p{}


/* .................................. MOBILE PAINTING ................................. */

#psheadcon{padding:116px 0 0 0;margin:0 auto;}
#psh1{font-size:45px;margin:0px 0 75px 0;}

#psrow1{
max-width:768px;
min-width:320px;
width:100%;
margin:0 auto 75px auto;
}

.psrow1col:before{height:70%;top:30%;}
.psrow1col:hover:before,.psrow1col:focus:before,.psrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);height:70%;top:40%;}

.psrow1col{
max-width:270px;
width:45%;
margin:1%;
height:250px;
}

.psrow1colh2{}
.psrow1colh2 h2{font-size:19px;}
#pscol1{}
#pscol2{}
#pscol3{}
#rfrow2{}
.rfrow2items{}
#rfrow2item1{}
#rfrow2item2{}
#rfrow2 h3{}
#rfrow2item1a{}
#rfrow2item1a p{}

#outpaintbgcon{width:100%;padding:4% 0 6% 0;}

#outpaintcon{
min-width:320px;
width:90%;
padding:0 5%;
font-size:20px
}

#outpaintcon h2{font-size:45px;}
#outpaintcon p{width:90%;}
#rfrow4{}
.rfrow4items{}
#rfrow4item1{}
#rfrow4item2{}
#rfrow4 h3{}
#rfrow4item1a{}
#rfrow4item1a p{}

/* .................................. MOBILE REMODELING ................................. */

#remheadcon{padding:116px 0 0 0;}
#remh1{font-size:45px;margin:0px 0 75px 0;}

#remrow1{
max-width:768px;
min-width:320px;
width:100%;
margin:0 auto 75px auto;
}

.remrow1col:before{height:70%;top:30%;}
.remrow1col:hover:before,.remrow1col:focus:before,.remrow1col:active:before{background:linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);height:70%;top:40%;}

.remrow1col{
max-width:270px;
width:45%;
margin:1%;
height:250px;
}

.remrow1colh2{}
.remrow1colh2 h2{font-size:19px;}
#remcol1{}
#remcol2{}
#remcol3{}
#remcol4{}
#bathbgcon,#kitbgcon,#deckbgcon,#fencebgcon{width:100%;padding:35px 0;}
#bathbgcon{}
#kitbgcon{}
#deckbgcon{}
#fencebgcon{}

.remcon{
min-width:320px;
width:90%;
padding:0 5%;
font-size:20px
}

.remcon h2{font-size:45px;}
.remcon p{width:90%;}

/* .................................. MOBILE ABOUT ................................. */

#audesbgcon{width:100%;padding:4% 0 6% 0;}

#audescon{
min-width:320px;
width:100%;
padding:0;
font-size:20px
}

#audescon h1{
font-size:45px;
width:90%;
padding:0 5%;
margin:103px 0 10% 0;
}

#audescon p{width:90%;padding:0 5%;}

#aurow2wrap{
margin:auto;
overflow:hidden;
width:100%;
text-align:center;
line-height:normal;
padding:30px 0 25px 0;

}

#aurow2wrap h3{font-size:45px;}

.biocon{
max-width:1000px;
min-width:288px;
width:90%;
margin:0 auto 70px auto;
padding:0;
text-align:center;
padding:0;
}

.biopic{float:none;}

.biodescon{
float:none;
width:100%;
padding:0 0 0 0;
margin:auto;
}

.biodescon h4{margin:20px auto 10px auto;}
.biodescon h5{margin:11px auto;}
.biodescon p{text-align:left;margin:auto;}
#aurow3wrap{margin:auto;padding:0 0 10px 0;}
#aurow3wrap h3{font-size:45px;margin:50px 0 20px 0;}

/* .................................. MOBILE GALLERY ................................. */

.galheadcon{padding:75px 0;}
.galheadcon h1{font-size:50px;}
.photogal{width:100%;}
.galthumbcon{}
.galthumb{}

/* .................................. MOBILE PRODUCTS ................................. */

#procon{padding:0;}
#procon h1{font-size:50px;margin:143px 0 60px 0;}
#prow1wrap{min-width:320px;padding:30px 0;}
.prodcon{height:145px;width:120px;margin:18px;border:none;}
.prodcon:hover{border:none;}
.prodthumb{height:145px;}
.prodes,.prodesl,.prodesf{min-width:320px;width:98%;padding:75px 0;}

.prodespicl,.prodespicr{
float:none;
margin:0 0 40px 0;
height:50%;
width:50%;
max-height:200px;
max-width:200px;
}

#prodespiclight{float:none;margin:0 0 40px 0;}
.prodes h1,.prodesl h1{}
.prodes h6,.prodesl h6{}

.prodestext{
float:none;
width:90%;
padding:0;
margin:0 auto;
max-width:677px;
}

.procitedes{font-size:10px;padding-bottom:10px;}
.procitedes p{width:98%;margin:auto;}

/* .................................. MOBILE FAQ ................................. */

.faqheadcon{padding:65px 0 70px 0;}
#faqh1{font-size:50px;margin:47px 0 75px 0;}
#faqh2{font-size:50px;margin:100px 0 75px 0;}
.faqheadcon div,.faqheadcon div{font-size:17px;}
.faqmenu,.glomenu{min-width:300px;}
#faqmainul li label,#glomainul li label{min-width:300px;}

/* .................................. MOBILE CONTACT US ................................. */

#cumain{min-width:320px;width:75%;}
#cucontent img{max-width:100%;margin:0 auto 40px auto;}
#m-cumap{margin:0 0 50px 0;}
#cuinfo{width:96%;float:none;padding:0 2%;}
#cucontent h1{font-size:50px;margin:110px auto 44px auto;}
#cuinfo p{line-height:normal;text-align:left;}
#cuformh2{text-align:center;margin:0 0 10px 0;}
#cuinfoh2{text-align:center;margin:40px 0 10px 0;}
#cucontactul{margin:0 0 40px 0;text-align:center;}
#cuinfo li{}
#cucontactul a{}
#cusocicon{}
#cusocicon li{}
#cusocicon li a{}
#cuform{width:98%;float:none;margin-bottom:75px;}
#cuform h1{line-height:normal;margin:50px 0;}
#cuform label{}
#form input{width:91%;margin:5px 0 20px 2%;}
.submit{}
#form .submit input{}
.submit:hover #subhov,.submit:focus #subhov{}
#form textarea{width:91%;margin:5px 0 30px 2%;}
}

/* .................................. TABLET STYLES ................................. */

@media screen and (min-width:1000px) and (max-width:1064px){}

/* .................................. CSS MOBILE HEIGHT FIX ................................. */

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

/* ... HOME ... */

#hrow3wrap{max-width:320px;}
.hrow3items{width:100%;float:none;}
#hrow3item1{background-image:none;background-color:#202020;}
#hrow3item3{float:none;}
#hrow3wrap h3{font-size:50px;margin:5% 0;}
#hrow3item1a,#hrow3item4a{max-width:430px;margin:auto;}

/* ... ROOFING ... */

#rfrow2{background-color:#f05a28;}
#rfrow2mobwrap{background-color:#f05a28;max-width:400px;margin:auto;}
.rfrow2items{width:100%;float:none;}
#rfrow2item1{background-image:none;}
#rfrow2item2{margin:0 0 -5px 0;}
#rfrow2 h3{font-size:45px;margin:0 0 8% 0;}
#rfrow2item1a{margin:8% 2%;overflow:auto;}
#rfrow2item1a p{font-size:20px}

/* ... WINDOWS ... */

#wgrow2{background-color:#202020;}
#wgrow2mobwrap{background-color:#202020;max-width:400px;margin:auto;}
.wgrow2items{width:100%;float:none;}
#wgrow2item1{}
#wgrow2item2{margin:0 0 -5px 0;}
#wgrow2 h3{font-size:45px;margin:0 0 8% 0;}
#wgrow2item1a{margin:8% 2%;overflow:auto;}
#wgrow2item1a p{font-size:20px}
#wgrow4{background-color:#fff;}
#wgrow4mobwrap{background-color:#fff;max-width:400px;margin:auto;}
.wgrow4items{width:100%;float:none;}
#wgrow4item1{}
#wgrow4item2{margin:0 0 -5px 0;}
#wgrow4 h3{font-size:45px;margin:0 0 8% 0;}
#wgrow4item1a{margin:8% 2%;overflow:auto;}
#wgrow4item1a p{font-size:20px}

/* ... PAINTING ... */

#psrow2{background-color:#202020;}
#psrow2mobwrap{background-color:#202020;max-width:400px;margin:auto;}
.psrow2items{width:100%;float:none;}
#psrow2item1{}
#psrow2item2{margin:0 0 -5px 0;}
#psrow2 h3{font-size:45px;margin:0 0 8% 0;}
#psrow2item1a{margin:8% 2%;overflow:auto;}
#psrow2item1a p{font-size:20px}
#psrow4{background-color:#fff;}
#psrow4mobwrap{background-color:#fff;max-width:400px;margin:auto;}
.psrow4items{width:100%;float:none;}
#psrow4item1{}
#psrow4item2{margin:0 0 -5px 0;}
#psrow4 h3{font-size:45px;margin:0 0 8% 0;}
#psrow4item1a{margin:8% 2%;overflow:auto;}
#psrow4item1a p{font-size:20px}

}

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

.d-tabkill{display:block;}
.cellkill{display:none;}

}