/*Name:Timberline Audio Video CSS
Date: October 2023
Description:CSS for WHOLE SITE
*/

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

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

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

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

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

@font-face{font-family:rli;src:url("rli.eot")}
@font-face{font-family:rli;src:url("rli.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:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;font-family:rm,sans-serif;font-weight:normal;}
h1, h2, h3, h4, h5{font-family:rt,sans-serif;font-weight:normal;}

.dtkill{display:none;}
div{font-size:20px;}

a:link{color:#66cc33;text-decoration:none;}
a:visited{color:#66cc33;text-decoration:none;}
a:focus{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
a:active{color:#66cc33;text-decoration:none;}

.opac:hover{opacity:.5;}
.green{color:#66cc33;}
.clear{float:none;}

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

.scrolldn{
font-family:rli,sans-serif;
font-size:15px;
float:right;
margin:0 30px 30px 0;
color:#fff;
line-height:0;
display:block;
}

.readmore{
display:block;
font-family:rl,sans-serif;
font-size:20px;
width:123px;
height:35px;
color:#fff;
background:#444;
padding:15px 15px 10px 15px;
border-bottom:2px solid #66cc33;
margin:30px auto 0 auto;
outline:none;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
text-align:center;
}

.readmore:link{color:#fff;text-decoration:none;}
.readmore:visited{color:#fff;text-decoration:none;}
.readmore:focus{color:#fff;text-decoration:none;background:#66cc33;}
.readmore:hover{color:#fff;text-decoration:none;background:#66cc33;}
.readmore:active{color:#fff;text-decoration:none;background:#66cc33;}

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

.c4link2:link{color:#666;text-decoration:none;}
.c4link2:visited{color:#666;text-decoration:none;}
.c4link2:focus{color:#666;text-decoration:none;}
.c4link2:hover{color:#666;text-decoration:none;}
.c4link2:active{color:#666;text-decoration:none;}

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

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

/* ................................... DESKTOP HEADER ................................... */

#mobnavcon{display:none;}
#mhspacer{display:none;}
#hspacer{height:115px;width:100%;line-height:0px;}

#allhead{
position:fixed;
background-color:#555;
top:0;
width:100%;
height:115px;
margin:auto;
line-height:normal;
z-index:999999999;
box-shadow:0 4px 16px 0 rgba(0,0,0,0.3);
}

#logobox{
display:block;
margin:0;
padding:10px 0 0 3%;
width:34%;
float:left;
text-align:left;
}

.smicons{
color:#fff;
cursor:pointer;
text-align:center;
text-decoration:none;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.smicons:focus,.smicons:hover{color:#66cc33;}
#xdt{height:36.9px;margin-bottom:-7px;}
.st0{transition:all 0.3s ease-in-out;}
a svg:hover .st0,a svg:focus .st0{fill:#66cc33;}

#dtnavtag{
float:left;
width:60%;
min-width:519px;
text-align:right;
padding:25px 3% 0 0;
height:90px;
}

#dtnav{
box-sizing:border-box;
display:inline-block;
font-size:20px;
height:64px;
line-height:20px;
list-style-type:none;
margin:0;
padding:0;
text-align:right;
width:auto;
}

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

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

#dtnav li .curpage{background-color:#66cc33;}
#dtnav li a:focus,#dtnav li a:hover{background-color:#66cc33;}

#dtnav li ul{
background-color:rgba(4,4,4,.8);
box-sizing:border-box;
display:none;
height:auto;
left:0px;
line-height:20px;
margin:0;
padding:15px 10px;
position:absolute;
text-align:left;
width:240px;
z-index:99999;
}

#navglue1,#navglue2,#navglue3,#navglue4,#navgluef1,#navgluef2,#navgluef3,#navgluef4{display:block;width:100%;}

#dtnav li ul li a{color:#fff;min-width:110px;text-align:left;}
#dtnav li:hover ul{display:block;}
#dtnav li:focus ul{display:block;}

#numsoc{
float:right;
padding:0;
margin:-42px 8% 0 0;
color:#fff;
font-size:30px;
}

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

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

footer h2{font-size:33px;margin:30px 0 40px 0;}

#footcon{
width:1047px;
padding:100px 0;
margin:auto;
text-align:center;
overflow:hidden;
}

#foot1,#foot2,#foot3,#foot4{
float:left;
overflow:hidden;
}

#foot1{width:316px;margin:0;}
#foot2{width:250px;margin:0 4px 0 0;}
#foot3{width:250px;margin:0 7px 0 0;}
#foot4{width:220px;margin:0}
#foot1 ul{list-style:none;text-align:left;padding-left:0;}
#foot2 ul{list-style:none;text-align:left;padding-left:40px;}
#foot3 ul{list-style:none;text-align:left;padding-left:36px;}
#foot4 ul{list-style:none;text-align:left;padding-left:60px;}

#saheader{
font-size:40px;
margin:30px 0 50px 0;
font-family:rt,sans-serif;
text-align:center;
}

#foot4 h3{font-family:rl,sans-serif;font-size:20px;margin:0;}
#foot1 li,#foot2 li,#foot3 li,#foot4 li{margin:10px 0;}

#foot1 a:link,#foot2 a:link,#foot3 a:link,#foot4 a:link{color:#333;}
#foot1 a:visited,#foot2 a:visited,#foot3 a:visited,#foot4 a:visited{color:#333;}
#foot1 a:focus,#foot2 a:focus,#foot3 a:focus,#foot4 a:focus{color:#66cc33;}
#foot1 a:hover,#foot2 a:hover,#foot3 a:hover,#foot4 a:hover{color:#66cc33;}
#foot1 a:active,#foot2 a:active,#foot3 a:active,#foot4 a:active{color:#66cc33;}

#foot1b{
float:left;
width:320px;
text-align:left;
margin:105px 14px 0 14px;
}

#foot2b{
float:left;
width:320px;
text-align:center;
margin:119px 14px 0 14px;
}

#foot3b{
float:left;
width:320px;
text-align:right;
margin:119px 14px 0 14px;
}

.footsmicons,.footarw{
color:#66cc33;
cursor:pointer;
text-align:center;
text-decoration:none;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
}

.footsmicons:focus,.footsmicons:hover,.footarw:focus,.footarw:hover{color:#333;}

#xft{height:48.1px;margin-bottom:-9px;}
.st0ft{transition:all 0.3s ease-in-out;}
a svg:hover .st0ft,a svg:focus .st0ft{fill:#333;}

#topbut{
display:none;
position:fixed;
bottom:30px;
right:30px;
z-index:999999999;
}

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

#lup{
width:100%;
text-align:center;
position:fixed;
bottom:0;
padding:2vw 1%;
line-height:normal;
background:#f2f2f2;
z-index:99999999;
border-top:1px solid #555;
}

#lup img{width:15%;margin:auto;}
#lup p{width:75%;margin:auto;}
#lup h3{padding:0;margin:1vw auto;}

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

.quotebut{
background:#66cc33;
width:250px;
margin:auto;
overflow:hidden;
box-shadow:2px 0 18px rgba(0,0,0,0.3);
color:#666;
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:#66cc33;}
.quotebut span:hover,.quotebut span:focus{background-color:#444;}

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

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

#qbutform i{
color:#666;
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:#66cc33;}
#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:#666;
background:#fff;
border:1px solid #aeaeac;
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:#666;
background:#fff;
border:1px solid #aeaeac;
margin:0 auto;
outline:none;
cursor:pointer;
}

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

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

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

#homehead{
background-color:transparent;
background-image:url(smart-home-automation.jpg);
background-size:cover;
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:2;
margin:auto;
}

#hqtext{
padding:400px 0 0 0;
line-height:normal;
margin:auto;
min-width:1044px;
width:56%;
height:700px;
text-align:center;
}

#hqdynam > div{position:absolute;text-align:center;}

#hqdynam{
text-align:center;
font-family:mb,sans-serif;
font-size:90px;
color:#66cc33;
background-color:transparent;
line-height:normal;
height:90px;
position:relative;
}

.ssitem{font-size:90px;text-align:center;}

.hqstatic{
line-height:normal;
font-family:mb,sans-serif;
font-size:90px;
color:#fff;
background-color:transparent;
width:100%;
}

#fadehead{
position:fixed;
background-color:#555;
top:0;
width:100%;
height:115px;
margin:auto;
line-height:normal;
z-index:9999999999;
display:none;
box-shadow:0 4px 16px 0 rgba(0,0,0,0.3);
}

#logoboxf{
display:block;
margin:0;
padding:10px 0 0 3%;
width:34%;
float:left;
text-align:left;
}

#navf{
float:left;
width:60%;
min-width:519px;
text-align:right;
padding:25px 3% 0 0;
height:90px;
}

#dtnavf{
box-sizing:border-box;
display:inline-block;
font-size:20px;
height:64px;
line-height:20px;
list-style-type:none;
margin:0;
padding:0;
text-align:right;
width:auto;
}

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

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

#dtnavf li .curpage{background-color:#66cc33;}
#dtnavf li a:focus,#dtnavf li a:hover{background-color:#66cc33;}

#dtnavf li ul{
background-color:rgba(4,4,4,.8);
box-sizing:border-box;
display:none;
height:auto;
left:0px;
line-height:20px;
margin:0;
padding:15px 10px;
position:absolute;
text-align:left;
width:240px;
z-index:99999;
}

#dtnavf li ul li a{color:#fff;min-width:110px;text-align:left;}
#dtnavf li:hover ul{display:block;}
#dtnavf li:focus ul{display:block;}

#numsocf{
float:right;
padding:0;
margin:-42px 8% 0 0;
color:#fff;
font-size:30px;
}

#hmarket{
background-color:transparent;
background-image:url('home-theater.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#hmarkdes{
padding:150px 0;
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
}

#hval{
background-color:rgba(4,4,4,0.7);
padding:75px 0;
line-height:normal;
min-width:1044px;
width:56%;
margin:auto;
color:#fff;
overflow:hidden;
}

#hval h1{margin-top:0;}

.hvals{
float:left;
width:31%;
margin:0 0 0 2%;
height:507px;
}

.hvalslm{margin:0 0 0 5px;}
.hvals h6{margin:25px 0 20px 0;font-size:25px;}
.hdesicon{margin:30px 0;}
.hbordl{border-left:#fff solid 1px;}
.hbordr{border-right:#fff solid 1px;}

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

.hdes h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.hdes h6{margin:30px 0;}

.hdestext1{
float:left;
line-height:normal;
color:#666;
width:47%;
padding:0 0 0 3%;
text-align:center;
}

.hdestext1 p{text-align:left;}

.hdestext2{
float:left;
line-height:normal;
color:#666;
width:99%;
text-align:center;
padding-left:1%;
}

/* .................................. DESKTOP RESIDENTIAL ................................. */

#rescontent{
padding:150px 0;
background-color:transparent;
background-image:url('../residential/dt-smart-home.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#resdes{
background-color:rgba(4,4,4,0.7);
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
}

#resdestext{
float:left;
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:74%;
text-align:left;
margin:0 0 0 45px;
}

#resdespic{float:left;margin:60px 0 0 45px;}
#resdestext h1{margin:40px 0 30px 0;}
#resdestext h6{margin:20px 0 40px 0;}
#resdestext p{padding:0 50px 0 0;text-align:justify;}

.resscrollpic{
height:500px;
background-color:transparent;
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
z-index:-99999;
}

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

.resdespicl{float:left;margin:20px 20px 0 20px;}
.resdespicr{float:right;margin:20px 20px 20px 0;}
#resdespiclight{float:right;margin:110px 20px 20px 0;}
.resdes h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.resdes h6{margin:30px 0 0 0;}

.resdestext{
float:left;
line-height:normal;
color:#666;
width:75%;
text-align:left;
padding-left:20px;
}

#resscrollpic2{background-image:url('../residential/dt-home-theater.jpg');}
#resscrollpic3{background-image:url('../residential/dt-whole-home-audio.jpg');}
#resscrollpic4{background-image:url('../residential/dt-security-cameras.jpg');}
#resscrollpic5{background-image:url('../residential/dt-install-service.jpg');}
#resscrollpic6{background-image:url('../residential/dt-lighting-shades.jpg');}

/* .................................. DESKTOP BOULDER RESIDENTIAL ................................. */

#brescontent{
padding:150px 0;
background-color:transparent;
background-image:url('../../boulder/boulder-smart-home.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#bresscrollpic2{background-image:url('../../boulder/boulder-home-theater.jpg');}
#bresscrollpic3{background-image:url('../../boulder/boulder-whole-home-audio.jpg');}
#bresscrollpic4{background-image:url('../../boulder/boulder-security-cameras.jpg');}
#bresscrollpic5{background-image:url('../../boulder/boulder-install-service.jpg');}
#bresscrollpic6{background-image:url('../../boulder/boulder-lighting-shades.jpg');}

/* .................................. DESKTOP FORT COLLINS RESIDENTIAL ................................. */

#ftrescontent{
padding:150px 0;
background-color:transparent;
background-image:url('../../fort-collins/fort-collins-smart-home.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#ftresscrollpic2{background-image:url('../../fort-collins/fort-collins-home-theater.jpg');}
#ftresscrollpic3{background-image:url('../../fort-collins/fort-collins-whole-home-audio.jpg');}
#ftresscrollpic4{background-image:url('../../fort-collins/fort-collins-security-cameras.jpg');}
#ftresscrollpic5{background-image:url('../../fort-collins/fort-collins-install-service.jpg');}
#ftresscrollpic6{background-image:url('../../fort-collins/fort-collins-lighting-shades.jpg');}

/* .................................. DESKTOP COMMERCIAL ................................. */

#comcontent{
padding:150px 0;
background-color:transparent;
background-image:url('../commercial/dt-commercial-audio-video.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#comdes{
background-color:rgba(4,4,4,0.7);
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
}

#comdestext{
float:left;
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:74%;
text-align:left;
margin:0 0 0 45px;
}

#comdespic{float:left;margin:80px 0 0 45px;}
#comdestext h1{margin:40px 0 30px 0;}
#comdestext h6{margin:20px 0 40px 0;}
#comdestext p{padding:0 50px 0 0;text-align:justify;}

.comscrollpic{
height:500px;
background-color:transparent;
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
z-index:-99999;
}

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

.comdespicl{float:left;margin:20px 20px 0 20px;}
.comdespicr{float:right;margin:20px 20px 20px 0;}
#comdespiclight{float:right;margin:110px 20px 20px 0;}
.comdes h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.comdes h6{margin:30px 0 0 0;}

.comdestext{
float:left;
line-height:normal;
color:#666;
width:75%;
text-align:left;
padding-left:20px;
}

#comscrollpic2{background-image:url('../commercial/dt-network-cabling.jpg');}
#comscrollpic3{background-image:url('../commercial/dt-conference-rooms.jpg');}
#comscrollpic4{background-image:url('../commercial/dt-resaurants-bars.jpg');}
#comscrollpic5{background-image:url('../commercial/dt-education.jpg');}
#comscrollpic6{background-image:url('../commercial/dt-government.jpg');}
#comscrollpic7{background-image:url('../commercial/dt-medical.jpg');}

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

#procontent{
background-color:#fff;
z-index:-99999;
width:56%;
min-width:1044px;
overflow:hidden;
margin:auto;
}

#prodes{
float:left;
margin:auto;
width:55%;
overflow:hidden;
}
	
#prodespic{float:left;height:420px;margin:50px 0 0 0;}

#prodes h2{
font-family:mb,sans-serif;
font-weight:normal;
line-height:normal;
color:#666;
font-size:40px;

margin:130px 0 0 0;
}

#prodes p{margin:70px 0 0 0;line-height:normal;color:#666;}
#prodes h2 span{color:#66cc33;}
#prodestitle h1{font-family:mb,sans-serif;font-size:50px;margin:0;}

#prodestitle{
float:left;
margin:auto;
line-height:80px;
color:#fff;
background-color:#66cc33;
width:100%;
text-align:center;
margin:0;
}

#prodesnavcon{
width:100%;
border-bottom:2px solid rgba(4,4,4,0.2);
float:left;
text-align:center;
}

#prodesnav{
margin:auto;
line-height:normal;
color:#fff;
background-color:#fff;
width:56%;
min-width:1044px;
overflow:hidden;
margin:auto;
}

.prodesnavpic{
display:inline-block;
width:82px;
margin:5px 0 0 0;
padding:0;
}

#prodesnavcon p{display:none;}
.ringanchor{margin-top:180px;}

.prodes{
margin:auto;
min-width:1044px;
width:56%;
padding:60px 0;
overflow:hidden;
border-bottom:2px solid rgba(4,4,4,0.2);
}

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

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

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

/* .................................. WINDOW SHADES ................................. */


#shadecontent{
padding:150px 0;
background-color:transparent;
background-image:url('../window-shades-blinds/lutron-window-treatments.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#shadedes{
background-color:rgba(4,4,4,0.7);
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
}

#shadedestext{
float:left;
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:74%;
text-align:left;
margin:0 0 0 45px;
}

#shadedespic{float:left;margin:80px 0 0 45px;}
#shadedestext h1{margin:40px 0 30px 0;}
#shadedestext h6{margin:20px 0 40px 0;}
#shadedestext p{padding:0 50px 0 0;text-align:justify;}

.shadescrollpic{
height:500px;
background-color:transparent;
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
z-index:-99999;
}

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

.shadedespicl{float:left;margin:20px 20px 0 20px;}
.shadedespicr{float:right;margin:20px 20px 20px 0;}
#shadedespiclight{float:right;margin:110px 20px 20px 0;}
.shadedes h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.shadedes h6{margin:30px 0 0 0;}

.shadedestext{
float:left;
line-height:normal;
color:#666;
width:75%;
text-align:left;
padding-left:20px;
}

#shadescrollpic2{background-image:url('../window-shades-blinds/window-shades.jpg');}
#shadescrollpic3{background-image:url('../window-shades-blinds/window-blinds.jpg');}
#shadescrollpic5{background-image:url('../window-shades-blinds/motorized-blinds-shades.jpg');}

/* .................................. DESKTOP BOULDER RESIDENTIAL ................................. */

#brescontent{
padding:150px 0;
background-color:transparent;
background-image:url('../../boulder/boulder-smart-home.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#bresscrollpic2{background-image:url('../../boulder/boulder-home-theater.jpg');}
#bresscrollpic3{background-image:url('../../boulder/boulder-whole-home-audio.jpg');}
#bresscrollpic4{background-image:url('../../boulder/boulder-security-cameras.jpg');}
#bresscrollpic5{background-image:url('../../boulder/boulder-install-service.jpg');}
#bresscrollpic6{background-image:url('../../boulder/boulder-lighting-shades.jpg');}


/* .................................. PRO SUPPORT ................................. */

#pscontent{
padding:150px 0;
background-color:transparent;
background-image:url('../pro-support-plans/pro-support-bg.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#psdes{
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
max-width:1066px;
}

#psdestext{
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:auto;
text-align:left;
margin:0;
}

#psdespic{float:right;margin:-90px 90px 107px 0;max-width:630px;}
#psdestext h1{margin:0 0 0 40px;font-family:mb,sans-serif;font-size:90px;}
#psdestext h6{margin:20px 0 40px 0;}
#psdestext p{padding:0 50px 0 0;text-align:justify;}
#pscenter{text-align:center;padding:0 0 0 35.5%;width:45%;}

.psscrollpic{
height:500px;
background-color:transparent;
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
z-index:-99999;
}

.psdes{
margin:auto;
min-width:1044px;
width:56%;
padding:100px 0;
overflow:hidden;
border-bottom:1px solid #ddd;
}

.psdespicl{float:left;margin:20px 20px 0 20px;}
.psdespicr{float:right;margin:20px 20px 20px 0;}
#psdespiclight{float:right;margin:110px 20px 20px 0;}
.psdes h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.psdes h6{margin:30px 0 0 0;}

.psdestext{
float:left;
line-height:normal;
color:#666;
width:75%;
text-align:left;
padding-left:20px;
}

#psmain{
min-width:1044px;
width:56%;
margin:100px auto 0 auto;
padding:0 0 100px 0;
color:#666;
text-align:center;
border-bottom:1px solid #ddd;
}

#cuinfo{width:33%;float:left;padding-right:2%;}
#cuinfo h1{margin-bottom:75px;}
#cuinfo p{line-height:normal;text-align:left;}

#psformcon{width:60%;text-align:left;margin:auto;}
#psformcon h1{text-align:center;margin-bottom:49px;}
#psformcon label{line-height:normal;margin-left:10px;}

#psform input[type=text]{
font-family:rl,sans-serif;
font-size:20px;
width:96%;
height:26px;
padding:10px;
color:#666;
background:#fff;
border:1px solid #aeaeac;
margin:5px auto 20px auto;
outline:none;
}

#psform .submit input{
font-family:rl,sans-serif;
font-size:20px;
width:123px;
height:58px;
color:#fff;
background:#555;
border:none;
border-bottom:2px solid #66cc33;
margin:5px auto 0 auto;
outline:none;
}

input[type=checkbox]:not(old){display:inline-block;margin-left:-2em;line-height:1.5em;}

input[type=radio]:not(old){
width:1em;
margin:0;
padding:0;
font-size:1em;
opacity:0;
}

input[type=radio]:not(old) + label{display:inline-block;margin-left:-2em;line-height:1.5em;}

input[type=radio]:not(old) + label > span{
display:inline-block;
width:1em;
height:1em;
margin:0.25em 0.5em 0.25em 0.25em;
border:1px solid #aeaeac;
background:#fff;
vertical-align:bottom;
}

input[type=radio]:not(old):checked + label > span{background:#fff;}

input[type=radio]:not(old):checked +label > span > span{
display:block;
width:1em;
height:1em;
margin:0;
border:none;
background:#66cc33;
}

#psfcom{display:block;line-height:normal;}

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

#psforminfo{display:block;line-height:normal;}

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

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

#mostpop1{
position:absolute;
width:20.79%;
margin-top:-71px;
min-width:305px;
max-width:397px;
}

#mostpop2{
position:absolute;
width:20.79%;
margin-top:-21px;
min-width:305px;
max-width:397px;
}

#mostpop1 h2,#mostpop2 h2{
font-family:mb,sans-serif;
background-color:#66cc33;
color:#fff;
line-height:50px;
font-size:25px;
}

#mostpopmob{display:none;}

.psrow2col{
display:inline-block;
width:33%;
padding:0;
margin:0 -3px 0 -2px;
overflow-x:hidden;
}

#psrow2 img{display:block;margin:auto;max-width:150px;margin-top:20px;}

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

.pspricebord{border-bottom:1px solid #ddd;}
.psrow2bord{border-left:1px solid #ddd;}
.psrow2bsub h2{font-size:25px;margin:0 auto;}
.psrow2bsub p{font-size:17px;margin:10% 0 25px 0;}

/* .................................. CONTROL 4 ................................. */

#con4content{
padding:150px 0;
background-color:transparent;
background-image:url('../control-4/control-4-smart-home.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
}

#con4des{
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
max-width:1066px;
}

#con4destext{
float:left;
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:auto;
text-align:left;
margin:0;
}

#con4despic{float:right;margin:-90px 90px 107px 0;max-width:630px;}
#con4destext h1{margin:0 0 0 40px;font-family:mb,sans-serif;font-size:90px;}
#con4destext h6{margin:20px 0 40px 0;}
#con4destext p{padding:0 50px 0 0;text-align:justify;}

.con4scrollpic{
height:500px;
background-color:transparent;
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
width:100%;
z-index:-99999;
}

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

.con4despicl{float:left;margin:20px 20px 0 20px;}
.con4despicr{float:right;margin:20px 20px 20px 0;}
#con4despiclight{float:right;margin:110px 20px 20px 0;}
.con4des h1{margin:0 0 30px 0;font-family:rl,sans-serif;}
.con4des h6{margin:30px 0 0 0;}

.con4destext{
float:left;
line-height:normal;
color:#666;
width:75%;
text-align:left;
padding-left:20px;
}

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

#hrow2wrap h2{
text-align:center;
margin:0 0 40px 0;
font-size:50px;
color:#666;
font-family:rl,sans-serif;
}

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

#hserv a{
max-width:276px;
width:18%;
margin:.5%;
display:inline-block;
}

.servcon{padding:50px 0 30px 0;}
#hrow2wrap a{transition:all 0.3s ease-in-out;}
.servcon img{height:50px;}
#hrow2wrap a:link,#hrow2wrap a:visited{color:#666;}
#hrow2wrap a:hover,#hrow2wrap a:focus{color:#fff;background-color:#66cc33;}

.servcon h3{font-size:20px;font-family:rm,sans-serif;}
.servitem{margin:0;}

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

#hrow4wrap h2{
margin:60px auto 50px auto;
font-size:50px;
font-family:rl,sans-serif;
color:#666;
}

#hrow4wrap p{max-width:850px;margin:0 auto 20px auto;color:#666;}
#hrow4wrap h3{font-size:25px;font-family:rm,sans-serif;color:#666;margin:0;}
.affilcon{display:inline-block;width:11.5%;line-height:125px;}

.icon-nest,
.icon-netflix,
.icon-pandora,
.icon-amazon,
.icon-google,
.icon-apple,
.icon-android,
.icon-playstation,
.icon-windows,
.icon-spotify,
.icon-xbox,
.icon-youtube,
.icon-sonos{font-size:50px;}
.icon-roku,.icon-honeywell,.icon-sonos{font-size:25px;}
.icon-hulu{font-size:70px;}

#c4markdes{
padding:0;
margin:auto;
min-width:1044px;
width:56%;
overflow:hidden;
}

#c4val{
padding:60px 0;
line-height:normal;
min-width:1044px;
width:56%;
margin:auto;
color:#666;
overflow:hidden;
}

#c4val h1{margin:0 0 30px 0;font-family:rl,sans-serif;}

.c4vals{
float:left;
width:31%;
margin:0 0 0 2%;
height:310px;
}

.c4vals img{height:125px;}
.c4valslm{margin:0 0 0 5px;}
.c4vals h6{margin:25px 0 20px 0;font-size:25px;}
.c4desicon{margin:30px 0;}
.c4bordl{border-left:2px solid rgba(4,4,4,0.2);}
.c4bordr{border-right:2px solid rgba(4,4,4,0.2);}

#con4scrollpic2{background-image:url('../control-4/control-4-touchscreen-tablet.jpg');}
#con4scrollpic3{background-image:url('../control-4/control-4-outdoor-home-theater.jpg');}
#con4scrollpic4{background-image:url('../control-4/control-4-interior-smart-lighting.jpg');}
#con4scrollpic5{background-image:url('../control-4/control-4-whole-home-audio.jpg');}

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

#aucontent{
padding:150px 0;
background-color:transparent;
background-image:url('../about-timberline-audio-video/mountains.jpg');
background-size:cover;
background-position:center 115px;
background-repeat:no-repeat;
background-attachment:fixed;
z-index:-99999;
overflow:hidden;
}

#audes{
background-color:rgba(4,4,4,0.5);
margin:auto;
min-width:1044px;
width:56%;
min-height:300px;
overflow:hidden;
}

#auscrolldn{
font-family:rli,sans-serif;
font-size:15px;
float:right;
margin:35px 20px 0 0;
color:#fff;
line-height:0;
display:block;
}

#audestext{
float:left;
margin:auto;
line-height:normal;
color:#fff;
background-color:transparent;
width:50%;
}

#audespic{float:left;margin:50px 0 0 19%;}

#audestext p{padding:0 50px;text-align:justify;}

#auval{
padding:150px 0 90px 0;
line-height:normal;
min-width:1044px;
width:56%;
overflow:hidden;
margin:auto;
color:#666;
}

#auval h1{margin-top:0;}

.auvals{
text-align:left;
float:left;
width:244px;
margin:0 0 0 20px;
}

.auvalslm{margin:0 0 0 5px;}
.auvals h5{margin:0;font-size:60px;}
.auvalsh6t{margin:25px 0 0 0;}
.auvalsh6b{margin:0 0 20px 0;}

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

#aurow3wrap h3{font-size:40px;}

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

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

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

#affil1{background-image:url(../about-timberline-audio-video/cedia.png);}
#affil2{background-image:url(../about-timberline-audio-video/control4.png);}
#affil3{background-image:url(../about-timberline-audio-video/home-advisor.png);}
#affil4{background-image:url(../about-timberline-audio-video/lutron.png);}
#affil5{background-image:url(../about-timberline-audio-video/loveland-chamber.png);}
#affil6{background-image:url(../about-timberline-audio-video/smart-home-award.png);}

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

#cumain{
min-width:1044px;
width:56%;
height:1295px;
margin:auto;
color:#666;
}

#cumain img{max-width:100%;}
#dt-cumap{margin:100px auto 50px auto;}
#cuinfo{width:33%;float:left;padding-right:2%;}
#cuinfo h1{margin-bottom:75px;}
#cuinfo p{line-height:normal;text-align:left;}

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

#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:#666;
background:#fff;
border:1px solid #aeaeac;
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:#fff;
background:#555;
border:none;
border-bottom:2px solid #66cc33;
margin:5px auto 0 auto;
outline:none;
}

.submit:hover #subhov,.submit:focus #subhov{
background:#66cc33;
transition-delay:0s;
transition-duration:0.3s;
transition-property:all;
transition-timing-function:ease-in-out;
border-bottom:2px solid #666;
}

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

/* .................................. DESKTOP PRIVACY ................................. */

#primain{
min-width:1004px;
width:56%;
margin:50px auto;
padding:0 20px;  
color:#666;
line-height:normal;
text-align:left;
}

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

@media screen and (max-width:1064px) {
	
.mobilekill{display:none;}
.dtkill{display:initial;}
p{margin:0 0 0 0;}
a.anchor{top:-58px;}
.scrolldn{display:none;}
p{max-width:677px;margin:auto;}

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



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

#mobnavcon{display:block;font-family:rt,sans-serif;}

#mobmenuico{
display:block;
position:absolute;
left:15px;
top:15px;
color:#fff;
}

header{
padding:0;
width:100%;
height:56px;
max-height:56px;
position:fixed;
background-color:#444;
z-index:99;
border-bottom:1px solid #707379;
}

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

#moblogo{margin:9px 0 0 0;height:40px;}

#mobnavcon nav{text-align:left;}

#mobnavcon nav a{
display:block;
padding:15px 0 15px 20px;
border-bottom:1px solid #707379;
color:#fff;
}

#mobnavcon nav li{
padding:0;
margin:0;
list-style-type:none;
line-height:26px;
font-size:24px;
}

#mobnavcon nav ul{padding:0;margin:0;background-color:rgba(111,190,68,.8);}
#mobnavcon nav ul:first-child{background-color:rgba(4,4,4,.9);}
#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{line-height:26px;}
#mobnavcon nav ul li ul li a{border-bottom:1px solid #040404;color:#fff;padding:15px 0 15px 40px;}

#mwebul,#mmarkul,#mc4ul{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;text-align:right;}

#webcheck,#markcheck,#c4check{display:none;}
#webcheck:checked ~ #mwebul{display:block;}
#markcheck:checked ~ #mmarkul{display:block;}
#c4check:checked ~ #mc4ul{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.3s;
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;}
#xmb{height:48.1px;margin-top:-5px;}
#mhspacer{display:block;height:60px;}
#hspacer{height:57px;}
#allhead{height:60px;}
#logobox{display:none;}
.smicons{display:none;}
#dtnavtag{display:none;}
#dtnav{display:none;}


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

footer h1{margin:0 0 20px 0;}
#footcon{width:100%;padding:50px 0 100px 0;text-align:center;}

#foot1,#foot2,#foot3,#foot4{
float:none;
width:100%;
max-width:320px;
margin:0 auto 30px auto;
}

#foot1 ul{margin-left:15px;}
#foot2 ul,#foot3 ul{padding-left:70px;}
#foot4 ul{padding-left:100px;}
#foot1b{width:100%;margin:0 0 40px 0;text-align:center;}
#foot2b{width:100%;margin:0 0 5px 0;text-align:left;}
#foot2b p,#foot3b p{text-align:center;}
#foot3b{width:100%;margin:0;text-align:left;}
#topbut{bottom:30vw;right:10px;}

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

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

#lup{
padding:2vw 1%;
line-height:normal;
background:#f2f2f2;
z-index:99999999;
border-top:1px solid #555;
}

#lup img{width:25%;margin:2vw auto;}
#lup p{width:90%;margin:auto;font-size:15px;}
#lup h3{padding:0;margin:2vw auto;font-size:18px;}

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

#homehead{background-attachment:scroll;}

#hqtext{
min-width:320px;
width:98%;
padding:150px 0;
height:150px;
}

#hqdynam > div{z-index:1;}

#hqdynam{
font-size:35px;
height:40px;
margin:auto;
max-width:677px;
}

#hqdynam .m-small-txt{font-size:28px;}
.ssitem{font-size:35px;}
.hqstatic{font-size:35px;}
#numsoc{display:none;}
#hmarket{background-position:center top;background-attachment:scroll;padding:0;}
#hmarkdes{min-width:320px;width:98%;padding:75px 0;}
#hval{min-width:320px;width:100%;padding:50px 0 0 0;}
#hval h1{margin:0 auto 50px auto;}

.hvals{
width:90%;
height:auto;
overflow:hidden;
margin:0 5%;
text-align:center;
}

.hvals h6{margin:0 0 20px 0;}
.hdesicon{margin:0 0 40px 0;}
.m-hdesicon{margin:75px 0 40px 0;}
.hbordl{border-left:0;}
.hbordr{border-right:0;}
#hval img{margin:0 0 20px 0;}
#hval p{margin:0 auto 50px auto;}

.hdes{
min-width:320px;
width:98%;
padding:75px 0;
height:auto;
}

.hdestext1,.hdestext2{
width:90%;
margin:0 5%;
padding:0;
text-align:center;
}

.hdestext2 p{text-align:left;}

/* .................................. MOBILE RESIDENTIAL ................................. */

#rescontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#resdes{min-width:320px;width:98%;}

#resdestext{
float:none;
width:90%;
margin:0 auto;
max-width:677px;
}

#resdespic{
float:none;
margin:50px 0 0 0;
height:50%;
width:50%;
max-height:175px;
max-width:175px;
}

#resdestext h6{margin:20px 0 50px 0;}
#resdestext p{padding:0;text-align:left;}
.resscrollpic{background-position:center top;background-attachment:scroll;}
.resdes{min-width:320px;width:98%;padding:75px 0;}

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

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

#resdespiclight{float:none;margin:0 0 40px 0;}

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

#brescontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#ftrescontent{padding:75px 0;background-position:center top;background-attachment:scroll;}

/* .................................. MOBILE COMMERCIAL ................................. */

#comcontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#comdes{min-width:320px;width:98%;}

#comdestext{
float:none;
width:90%;
margin:0 auto;
max-width:677px;
}

#comdespic{
float:none;
margin:50px 0 0 0;
height:50%;
width:50%;
max-height:175px;
max-width:175px;
}

#comdestext h6{margin:20px 0 50px 0;}
#comdestext p{padding:0;text-align:left;}

.comscrollpic{background-position:center top;background-attachment:scroll;}
.comdes{min-width:320px;width:98%;padding:75px 0;}

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

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

#comdespiclight{float:none;}

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

#comscrollpic2{background-image:url('../commercial/dt-network-cabling.jpg');}
#comscrollpic3{background-image:url('../commercial/dt-conference-rooms.jpg');}
#comscrollpic4{background-image:url('../commercial/dt-resaurants-bars.jpg');}
#comscrollpic5{background-image:url('../commercial/dt-education.jpg');}
#comscrollpic6{background-image:url('../commercial/dt-government.jpg');}
#comscrollpic7{background-image:url('../commercial/dt-medical.jpg');}

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

#procontent{
width:100%;
min-width:320px;
}

#prodes{
float:none;
width:100%;
}
	
#prodespic{
float:none;
height:auto;
margin:50px 0 0 0;
width:100%;
max-width:460px;
}

#prodes h2{
font-size:40px;
margin:50px 0 0 0;
}

#prodes p{display:none;}
#prodestitle h1{font-size:50px;margin:0;}

#prodestitle{
float:none;
}

#prodesnavcon{
width:100%;
float:none;
}

#prodesnav{
width:100%;
min-width:320px;
}

.prodesnavpic{
width:80px;
margin:5px 0 0 0;
padding:0;
text-align:center;
}

#prodesnavcon p{display:block;margin:30px auto;line-height:normal;}

.ringanchor{margin-top:0px;}
.prodes{min-width:320px;width:98%;padding:75px 0;}
.prodesl{min-width:320px;width:98%;padding:75px 0;}

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

.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;}

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







/* .................................. MOBILE WINDOW SHADES ................................. */

#shadecontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#shadedes{min-width:320px;width:98%;}

#shadedestext{
float:none;
width:90%;
margin:0 auto;
max-width:677px;
}

#shadedespic{
float:none;
margin:50px 0 0 0;
height:50%;
width:50%;
max-height:175px;
max-width:175px;
}

#shadedestext h6{margin:20px 0 50px 0;}
#shadedestext p{padding:0;text-align:left;}
.shadescrollpic{background-position:center top;background-attachment:scroll;}
.shadedes{min-width:320px;width:98%;padding:75px 0;}

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

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

#shadedespiclight{float:none;margin:0 0 40px 0;}

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

#bshadecontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#ftshadecontent{padding:75px 0;background-position:center top;background-attachment:scroll;}

/* .................................. MOBILE PRO SUPPORT ................................. */

#pscontent{padding:15px 0;background-position:right -30px;background-attachment:scroll;}

#psdes{min-width:320px;
width:98%;
padding:150px 0;
height:150px;}

#psdestext{
float:none;
width:90%;
margin:0 auto;
max-width:677px;
text-align:center;
}

#psdespic{
float:none;
margin:auto;
height:50%;
width:50%;
max-height:175px;
max-width:225px;
}

#psdestext h1{margin:auto;font-size:35px;text-align:center;}
#psdestext h6{margin:20px 0 50px 0;}
#psdestext p{padding:0;text-align:left;}
.psscrollpic{background-position:center top;background-attachment:scroll;}
.psdes{min-width:320px;width:98%;padding:75px 0;margin:0 0 75px 0;}

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

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

#psdespiclight{float:none;margin:0 0 40px 0;}

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

#psmain{min-width:320px;height:auto;margin:60px auto 0 auto;padding:0 0 75px 0;}
#psformcon{width:98%;float:none;}
#psformcon h1{line-height:normal;margin:0 0 50px 0;}
#psformcon label{margin-left:2%;display:inline-block;}
#psformcon p{padding:0 0 0 15px;}
.m-text-18px{font-size:18px;}
#psform{width:98%;float:none;margin-bottom:0;}
#psform h1{line-height:normal;margin:50px 0;}
#psform input[type=text]{width:91%;margin:5px 0 20px 2%;}
#psform textarea{width:91%;margin:5px 0 30px 2%;}


#psrow2wrap{padding:0 0 50px 0;}
#psrow2{min-width:320px;width:100%;}
#mostpop1,#mostpop2{display:none;}

#mostpopmob{
display:block;
position:absolute;
margin-top:-45px;
font-family:mb,sans-serif;
background-color:#66cc33;
color:#fff;
line-height:35px;
font-size:20px;
width:26.4%;
max-width:280px;
min-width:216px;
}

.psrow2col{min-width:270px;margin:-5px -3px 0 -2px;height:auto;overflow:hidden;}
.psrow2bsub{height:auto;}
.psrow2bsub p{height:auto;}
.psrow2bord{border:none}

/* .................................. MOBILE CONTROL4 ................................. */

#con4content{padding:15px 0;background-position:right -30px;background-attachment:scroll;}

#con4des{min-width:320px;
width:98%;
padding:150px 0;
height:150px;}

#con4destext{
float:none;
width:90%;
margin:0 auto;
max-width:677px;
text-align:center;
}

#con4despic{
float:none;
margin:auto;
height:50%;
width:50%;
max-height:175px;
max-width:225px;
}

#con4destext h1{margin:auto;font-size:35px;text-align:center;}
#con4destext h6{margin:20px 0 50px 0;}
#con4destext p{padding:0;text-align:left;}
.con4scrollpic{background-position:center top;background-attachment:scroll;}
.con4des{min-width:320px;width:98%;padding:75px 0;}

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

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

#con4despiclight{float:none;margin:0 0 40px 0;}
.con4des h1{}
.con4des h6{}

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

#hrow2wrap{padding:50px 0;}
#hrow2wrap h2{margin:0 0 20px 0;font-size:50px;}
#hserv{min-width:320px;width:100%;}
#hserv a{width:98%;margin:1%;}
.servcon{padding:50px 0 0 0;}
.servcon img{}
.servcon h3{}
.servitem{}
#hrow4wrap{margin:auto;padding:0 0 10px 0;}
#hrow4wrap h2{}
#hrow4wrap p{text-align:left;margin:0 5% 20px 5%;}
#hrow4wrap h3{font-size:45px;margin:50px 0 20px 0;}
.affilcon{height:145px;width:120px;margin:20px 20px 0 20px;}

.icon-nest,
.icon-netflix,
.icon-pandora,
.icon-amazon,
.icon-google,
.icon-apple,
.icon-android,
.icon-playstation,
.icon-windows,
.icon-spotify,
.icon-xbox,
.icon-youtube,
.icon-sonos{}
.icon-roku,.icon-honeywell,.icon-sonos{}
.icon-hulu{}

#c4markdes{min-width:320px;width:98%;padding:75px 0;}
#c4val{min-width:320px;width:100%;padding:50px 0 0 0;}
#c4val h1{margin:0 auto 50px auto;}

.c4vals{
width:90%;
height:auto;
overflow:hidden;
margin:0 5%;
text-align:center;
}

.c4vals img{}
.c4valslm{margin:0 5%;}
.c4vals h6{margin:0 0 20px 0;}
.c4desicon{margin:0 0 40px 0;}
.c4bordl{border-left:0;}
.c4bordr{border-right:0;}
#c4val img{margin:0 0 20px 0;}
#c4val p{margin:0 auto 50px auto;}

#con4scrollpic2{background-position:-60px top;}
#con4scrollpic3{}
#con4scrollpic4{background-position:-30px 75px;}
#con4scrollpic5{}

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

#aucontent{padding:75px 0;background-position:center top;background-attachment:scroll;}
#audes{min-width:320px;width:100%;}
#auscrolldn{display:none;}
#audestext{float:none;width:96%;max-width:677px;}

#audespic{
float:none;
margin:50px 0 0 0;
height:50%;
width:50%;
max-height:206px;
max-width:180px;
}

#audestext p{padding:0 2%;text-align:center;margin:0 0 50px 0;}
#auval{padding:75px 0;min-width:320px;width:98%;}

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

.auvalslm{margin:0 auto;}
.auvals h5{margin:30px 0 0 0;font-size:35px;}
.auvals h6{display:inline-block;}
.auvalsh6t{margin:0;}
.auvalsh6b{margin:0 0 15px 0;}

#aurow3wrap{margin:auto;padding:0 0 10px 0;}
#aurow3wrap h3{font-size:45px;margin:50px 0 20px 0;}
.affilcon{height:145px;width:120px;margin:20px;}
.affilthumb{height:145px;}

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

#cumain{min-width:320px;height:auto;}
#m-cumap{margin:0 0 50px 0;}
#cuinfo{width:98%;float:none;}
#cuinfo h1{line-height:normal;margin:0 0 50px 0;}
#cuinfo p{padding:0 0 0 15px;}
.m-text-18px{font-size:18px;}
#cuform{width:98%;float:none;margin-bottom:75px;}
#cuform h1{line-height:normal;margin:50px 0;}
#form input{width:91%;margin:5px 0 20px 2%;}
#form textarea{width:91%;margin:5px 0 30px 2%;}

}

/* .................................. MOBILE PRIVACY ................................. */

#primain{min-width:320px;height:auto;}

/* .................................. CSS MOBILE MENU................................. */