/* desktop */



.hello{display:inline-block;}
.hello-bg{background-repeat:no-repeat;background-position:center;}
.hello-flex{display:flex;flex-flow:row nowrap;justify-content:center;align-items: center;height:100%;background-image:url('/img/static/black_20.png');}
.hello-flex-item{}
.hello-txt-wrap{color:#FFFFFF;}
.hello-txt-wrap a{color:#FFFFFF;}
.hello-h1{margin:0px;color:#FFFFFF;font-weight:bold;}
.hello-h1-space{margin-left:20px;}
.hello-h2{}
.hello-txt{}
.hello-ul{list-style-type:none;}
.hello-ul li{}
.hello-ul li:before{content:'»';margin-right:10px;font-weight:normal;}

.hello-action{}
.hello-action a{display:inline-block;width:100%;color:#000000;background-color:#FFFFFF;text-decoration:none;font-weight:bold;border-radius:30px;}
.hello-action-ul{display:block;list-style-type:none;}
.hello-action-ul li{display:block;border-radius:30px; text-align:center;}

div.line{border:1px solid #C0C0C0;margin:20px;}
.why-us-container{background-color:#efefef;width:11in;margin:0 auto;}
.why-us-container h1{margin:30px;display:inline-block;width:100%;}
.counter-container{width:0px;height:px;position:relative;}
.counter{position:absolute;float:right;border-radius:32px;color:#FFFFFF;background-color:red;width:42px;height:42px;text-align:center;padding:3px;font-size:1.5em;top:-8px;left:-8px;border:2px solid #FFFFFF;}
a{color:#FF0000;}
a.visited{color:#FF0000;}

.how-it-works-items{display:grid;gap:1em;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 auto;}



.why-us-wrap{padding:20px;margin-bottom:100px;}
.why-us-wrap h2{font-size:3em;font-weight:bold;margin-top:50px;margin-bottom:80px;text-align:center;}
.why-us{display:flex;justify-content:center;gap:20px;margin-top:40px;}
.why-us-item{border:1px solid #C0C0C0;overflow:hidden;}
.why-us-title{text-align:center;font-weight:bold;font-size:1.5em;letter-spacing:2px;height:130px;padding:30px;color:#FFFFFF;background-color:#3C3535;}
.why-us-image-base{position:relative;width:100%;padding-top:60%;}
.why-us-image{position:absolute;top:0;left:0;right:0;bottom:0;}
.why-us-text{font-size:1.3em;text-align:center;margin-top:30px;padding:20px;background-color:#F3F5F5;height:50%;border-top:1px solid #C0C0C0;}
.why-us-image.experience{background-image:url('/img/root/experience.php');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.handshake{background-image:url('/img/root/handshake.svg');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.installation{background-image:url('/img/root/toolbox.svg');background-repeat:no-repeat;background-size:60%;background-position:center;}
.why-us-image.warranty{background-image:url('/img/root/warranty.svg');background-repeat:no-repeat;background-size:60% 70%;background-position:center;}


.section-row:nth-child(odd){background-color:#FFFFFF;}
.section-row:nth-child(even){background-color:#f3f5f5;border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}


footer.site-map{margin-top:0px;}

@media screen and (min-width:320px){ 
.cell{flex-direction:column;flex-wrap:wrap;justify-content:center; margin-bottom:50px;align-items:center;}
.cell-img {flex:1 1 0;margin:10px;}
.cell-txt{flex:1 1 0;margin:10px;padding-top:0px;}
.cell-txt-2 {flex:1 1 100%;width:75%;}
.image{margin:0 auto;}
.how-it-works-items{display:grid;gap:1em;grid-auto-flow:row;grid-auto-rows:1fr;margin:0 auto;}

.hello{width:100%;height:350px;}
.hello-bg{width:100%;height:350px;background-size:cover;}
.hello-flex{gap:0px;}
.hello-h1{font-size:1.5em;margin:10px;}
.hello-h1-space{margin-left:10px;}
.hello-h2{font-size:1em;margin:10px;}
.hello-h2 br{display:none;}
.hello-ul li{font-size:0.9em;}
.hello-action a{padding:10px;font-size:0.6em;}
.hello-action-ul li{margin:20px;}

.why-us{flex-flow:row wrap;}
}

@media screen and (min-width:481px){
.cell{flex-direction:row;flex-wrap:nowrap;max-width:100%;width:100%}
.cell-img {flex:0 0 50%;max-width:50%;}
.cell-txt {flex:0 0 50%;max-width:50%;padding-top:50px;}
.cell-txt-2 {flex:1 1 0;}
.image{margin-left:auto;margin-right:30px;}

.why-us{flex-flow:row wrap;}
}

@media screen and (min-width:641px){ 
.how-it-works-container{width:4in;margin:0 auto;}

.hello{width:100%;height:350px;}
.hello-bg{width:100%;height:350px;background-size:cover;}
.hello-flex{gap:50px;}
.hello-h1{font-size:2em;}
.hello-h1-space{margin-left:10px;}
.hello-h2 br{display:inline;}
.hello-h2{font-size:1.2em;}
.hello-ul li{font-size:0.8em;}
.hello-action a{padding:10px;font-size:1em;}
.hello-action-ul li{margin:30px;}

.why-us{flex-flow:row wrap;}
.why-us-item{width:45%;}
}
@media screeen and(min-width:800px){ 
.how-it-works-container{width:5in;margin:0 auto;}
.how-it-works-items{display:grid;gap:1em;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 auto;}
.why-us{flex-flow:row nowrap;}
.why-us-item{width:45%;}

}

@media screen and (min-width:1025px){
.how-it-works-items{display:grid;gap:1em;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 auto;}
.why-us-item {flex:1 1 0;}
.why-us{flex-flow:row nowrap;}

}

@media screen and (min-width:1281px){ 
.how-it-works-container{width:12in;margin:0 auto;}
.hello{width:100%;height:500px;}
.hello-bg{width:100%;height:500px;background-size:100% auto;}
.hello-flex{gap:100px;}
.hello-h1{font-size:2.5em;}
.hello-h1-space{margin-left:20px;}
.hello-h2{font-size:1.5em;}
.hello-txt-wrap{padding:10px;}
.hello-ul li{font-size:0.8em;}
.hello-action a{padding:20px;font-size:1.2em;}
.hello-action-ul li{margin:40px;}
}




.cell{display: -ms-flexbox;display:flex;flex-direction:row;max-width:100%;width:100%;}
.cell-img{width:250px;height:250px;}
.cell-img-wrap{margin:0 auto;}
.cell-img-2{margin:8px;}
.cell-txt{height:100%;}
.cell-txt-2{background-color:#FFFFFF;border:1px solid #C0C0C0;padding:10px;border-radius:4px;}
.flex-cell-2{flex:0 0 50%;max-width:50%;}
.flex-row {display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap:wrap;}
.image{border:1px solid #C0C0C0;border-radius:20px;width:250px;height:250px;background-repeat:no-repeat;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


.how-it-works-wrap{display:block;padding-bottom:50px;}
.how-it-works-wrap h2{text-align:center;font-size:2em;font-weight:bold;margin-top:30px;display:inline-block;width:100%;}
.how-it-works-items{margin:20px;}
.how-it-works-item{padding-bottom:320px;}
.how-it-works-content{display:grid;grid-auto-flow:row;grid-auto-rows:1fr;height:90%;background:#FFFFFF;border:1px solid #C0C0C0;margin-top:20px;padding:15px;padding-bottom:0px;}
.how-it-works-txt{}
.how-it-works-title{font-size:1.3em;font-weight:bold;text-align:center;padding:20px;}
.how-it-works-cnt{display:block;text-align:center;height:5px;}
.how-it-works-num{position:relative;line-height:30px;font-size:1.2em;top:5px;text-align:center;color:#FFFFFF;background-color:#FF0000;padding:3px;font-weight:bold;width:36px; height:36px;display:inline-block; border-radius:32px;border:1px solid #C0C0C0;}
.how-it-works-img{position:relative;height:1px;width:100%;}
.how-it-works-image{position:absolute;height:300px;width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}