@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}

img, textarea {border:none;}

a {text-decoration:none;}

.clear {clear:both;}

html {-webkit-text-size-adjust:none;}


/* general */

body {background:url(../images/background.jpg); font-family:Arial, Helvetica, sans-serif}

#wrapper {margin:50px auto 0 auto; width:90%; background:url(../images/content.jpg)}

#topleft {float:left;  width:69.1%; position:relative; }

#topleft .main-header {width:100%; position:absolute; z-index:1}

#topleft .logo {margin:30px auto 0 auto; display:block; width:30%; max-width:311px; }

#topleft img {position:relative; z-index:2;}

#topleft .social {margin:15px 0 0 0; text-align:center}

#topleft .social img {margin:0 2px}

#topleft .inspected {margin:10px auto 0 auto; display:block; width:70%; max-width:617px}

#topleft .gallery {text-align:center; margin:5px 0 0 0}

#topleft .gallery img {width:22.6%; margin:0 0.5%; max-width:192px;}

#topleft .call-now {margin:5px auto 0 auto; display:block; width:45%; max-width:195px}

#topleft .phone {margin:10px auto 0 auto; display:block; width:55%; max-width:259px}

#topleft .emergency {margin:5px auto 0 auto; display:block; width:70%; max-width:324px}

#topleft .free-estimates {width:100%; max-width:817px; margin:0}

#topright {float:left; width:30.9%;}

.offer {background:#dedede; padding:15px 0 20px 0; margin:0 0 0 -2%}

#topright .we-offer {margin:0 auto; display:block}

#topright ul {margin:10px 10px 0 20px}

#topright ul li {font-size:15px; color:#3e3e3e; text-transform:uppercase; font-weight:bold; list-style-type:none; background:url(../images/bullet.png) no-repeat; padding:2px 0 2px 35px; margin:5px 0 0 0}

#free-estimate {background:#e51a22; padding:20px 3% 20px 3%; }

#free-estimate h4 {text-align:center; font-size:15px; color:#fff; text-transform:uppercase; padding:0}

#free-estimate label span {float:left; clear:left; font-size:13px; color:#fff; text-transform:uppercase; margin:7px 0 0 0}

#free-estimate input {float:left; clear:left; width:100%; margin:4px 0 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif}

#free-estimate .code {margin:13px 0 0 0}

#free-estimate textarea {float:left; clear:left; width:100%; margin:5px 0 0 0; height:60px; font-size:14px; font-family:Arial, Helvetica, sans-serif}

#free-estimate .submit {width:183px; height:39px; background:none; margin:10px 0 0 0; padding:0}

#free-estimate #captcha {text-transform:lowercase}

#header {background:#e51a22; padding:0 0 60px 0}

#content {width:96%; padding:0 2% 15px 2%;}

#leftcontent {float:left; width:28%; padding:0 1%; background:#7a7473; margin:40px 0 0 0; border:3px solid #fff;
-webkit-box-shadow: 2px 2px 5px #8f8f8f;
-moz-box-shadow: 2px 2px 5px #8f8f8f;
box-shadow: 2px 2px 5px #8f8f8f;
padding-bottom:10px;
 }
 
 #leftcontent h3 {color:#000000; font-size:14px; text-transform:uppercase; text-align:center; padding:15px 0 0 0}
 
 #leftcontent h4 {color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; padding:10px 0 0 0}
 
 #leftcontent ul {background:url(../images/list.png) no-repeat; text-indent:-9999px; width:100%; max-width:308px; min-height:178px; background-size:contain; margin:30px 0 0 0 }
 
 #leftcontent ul li {list-style-type:none}

#rightcontent {width:67%; float:right; padding:40px 0 0 1%; }

#rightcontent h2 {font-size:18px; color:#e51a22; text-transform:uppercase;}

#rightcontent p {font-size:16px; color:#3b3b3b; line-height:25px; padding:20px 0 0 0}

#rightcontent img {float:right; margin:-30px 0 0 20px;}

#rightcontent .list { border-top:1px solid #b3b3b3; margin:20px 0 0 0}

#rightcontent .list ul  {float:left; width:33%}

#rightcontent .list ul + ul {width:27%}

#rightcontent .list ul + ul + ul {width:30%}

#rightcontent .list ul li { list-style-type:none; font-size:15px; color:#4f4f4f; background:url(../images/bullet1.png) no-repeat; padding:0 0 0 25px; margin:7px 0 0 0}

#banner {width:100%; margin:30px 0 0 0}

#banner img {margin:0 1.2%; width:31.2%; max-width:360px}

#banner img + img + img {float:right; margin-right:0}

#banner img:first-child {margin-left:0}

#banner p {background:#000; padding:10px 0; text-align:center; display:block; font-size:14px; color:#e51a22; margin:10px 0 0 0}

#footer {margin:0 auto; width:90%; padding-bottom:20px}

#footer .view-full-site {width:100%; max-width:1186px}

#footer p {float:left; width:40%; font-size:11px; color:#d2d2d2; line-height:20px}

#footer h1 {float:right; width:40%; text-align:right; font-size:11px; color:#d2d2d2; font-weight:100; line-height:20px}

#footer a {color:#fff}


@media all and (min-width:981px) and (max-width:1200px) {
#header {background:#e51a22; padding:0}
}



/* WRAPPER */

@media all and (min-width:1025px) {
#wrapper {max-width:1200px; width:90% }
#footer {max-width:1200px; width:90% }
}


@media all and (min-width:0px) and (max-width:1024px) {
#wrapper {width:95%}
#footer {width:95%}
}

@media all and (max-width:240px) {
#wrapper {min-width:240px; width:95%}
#footer {min-width:240px; width:95%}
}

/* TOP */

@media all and (min-width:1200px) and (max-width:1300px) {
#header {padding:0 0 40px 0}
}

@media all and (min-width:900px) and (max-width:1100px) {
#topright ul li {font-size:14px;}
#free-estimate h4 {text-align:center; font-size:14px; color:#fff; text-transform:uppercase; padding:0}
#free-estimate label span {margin:5px 0 0 0}
#free-estimate input {margin:3px 0 0 0}
#free-estimate .code {margin:5px 0 0 0}
#free-estimate textarea {margin:3px 0 0 0; height:40px}
#topleft .gallery img {width:21.6%;}
#header {padding:0}
}

@media all and (min-width:900px) and (max-width:1100px) {
#topleft .social {margin:5px 0 0 0;}
#topleft .inspected {margin:5px auto 0 auto;}
#topleft .gallery {margin:5px 0 0 0}
#topleft .call-now {margin:5px auto 0 auto;}
#topleft .phone {margin:5px auto 0 auto; }
#topleft .emergency {margin:5px auto 0 auto;}
#topleft .free-estimates {margin:0}
#topright ul li {margin-top:3px; font-size:13px}
.offer {padding:5px 0 10px 0;}
#free-estimate {padding-top:10px}
#free-estimate h4 {text-align:center; font-size:12px;}
#free-estimate h4 {text-align:center; font-size:13px; color:#fff; text-transform:uppercase; padding:0}
#free-estimate label span {margin:3px 0 0 0}
#free-estimate input {margin:1px 0 0 0; font-size:12px}
#free-estimate textarea {font-size:12px; height:60px}
#free-estimate .code {margin:3px 0 0 0}
#topright .we-offer {margin:0 auto; display:block; width:40%}
}

@media all and (min-width:831px) and (max-width:900px) {
#header {padding:0}
#topleft .logo {margin-top:10px}
#topleft .social {margin:3px 0 0 0;}
#topleft .inspected {margin:3px auto 0 auto;}
#topleft .gallery {margin:3px 0 0 0}
#topleft .call-now {margin:3px auto 0 auto;}
#topleft .phone {margin:3px auto 0 auto; }
#topleft .emergency {margin:3px auto 0 auto;}
#topleft .free-estimates {margin:-5px 0 0 0}
#topright ul li {margin-top:1px; font-size:12px}
.offer {padding:5px 0 10px 0;}
#free-estimate {padding-top:10px}
#free-estimate h4 {text-align:center; font-size:12px;}
#free-estimate h4 {text-align:center; font-size:13px; color:#fff; text-transform:uppercase; padding:0}
#free-estimate label span {margin:3px 0 0 0}
#free-estimate input {margin:1px 0 0 0; font-size:12px}
#free-estimate textarea {font-size:12px; height:50px}
#free-estimate .code {margin:3px 0 0 0}
#topright .we-offer {margin:0 auto; display:block; width:40%}
#topright ul {margin-top:5px}
#rightcontent h2 {font-size:16px;}
#rightcontent .list ul li {font-size:12px;}
}
.free-estimates1 {display:none}
#topleft .main-header1 {display:none}
@media all and (min-width:0px) and (max-width:830px) {
#topleft .main-header1 {width:100%; position:absolute; z-index:1; display:block}
#topleft .main-header {display:none}
#header {background:#fff; padding: 0}
#topleft {float:none; width:98%; background:#271d1c; padding:0 0 10px 0; margin:0 auto; border-top:5px solid #fff; border-bottom:5px solid #fff
}
#topright {float:none; width:100%;
display:-webkit-flex;
display:-ms-flexbox;
display:-moz-box;
display:flex;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
#topleft .logo {margin:0 auto; padding-top:30px; width:37%}
.offer {margin:0;}
.free-estimates {display:none}
.free-estimates1 {display:block; width:100%}
#free-estimate {margin-top:0}
.google {display:none}
}
.call {display:none}

@media all and (min-width:0px) and (max-width:500px) {
.call {display:block;}
.call img { margin:10px auto 0 auto; display:block; width:50%; max-width:233px}
#topleft .logo {width:50%}
#topleft .inspected {width:95%}
#topleft .gallery img {width:45%;}
.google {display:none}
}

@media all and (min-width:0px) and (max-width:320px) { 
#topleft .logo {width:90%}
#topleft .social img {height:25px}
#topleft .call-now  {width:70%}
#topleft .phone  {width:80%}
#topleft .emergency  {width:90%}
#topleft {border-top:2px solid #fff; border-bottom:2px solid #fff}

}

@media all and (min-width:831px) and (max-width:980px) { 
#rightcontent .list ul li {font-size:12px;}
}

@media all and (min-width:621px) and (max-width:830px) {
.offer {width:50%;}
#topright {background:#dedede;  }
#leftcontent {float:right; margin-top:-170px; width:40%}
#rightcontent {float:none; clear:both; width:100%; padding:0; padding:30px 0 0 0}
}

@media all and (min-width:0px) and (max-width:620px) {
.offer {width:100%;}
#leftcontent {float:none; margin-top:10px; width:97%}
#rightcontent {float:none; clear:both; width:100%; padding:0; padding:30px 0 0 0}
#rightcontent img {float:none; margin:20px 0 0 0}
#rightcontent .list ul li {font-size:12px}
#banner {text-align:center; margin:0}
#banner img {margin:0 1.4%; width:45.2%; max-width:360px; margin-top:20px}
#banner img + img + img {float:none; margin-right:0}
#banner img:first-child {margin-left:0}
}

@media all and (min-width:0px) and (max-width:580px) {
#rightcontent .list {text-align:left}
#rightcontent .list ul {float:none; display:inline; width:45%}
#rightcontent .list ul + ul {width:45%}
#rightcontent .list ul + ul + ul {width:45%}
}

@media all and (min-width:0px) and (max-width:450px) {
#banner img {width:90%; margin:10px auto 0 auto; display:block}
#banner img + img + img {float:none; margin-right:auto}
#rightcontent img {width:100%; max-width:223px}
#banner img:first-child {margin-left:auto}
}
#footer .view-full-site1 {display:none}
@media all and (min-width:0px) and (max-width:580px) {
#footer .view-full-site {display:none}
#footer .view-full-site1 {display:block; margin:0 auto; display:block; width:100%}
}

@media all and (min-width:0px) and (max-width:683px) {
#footer {text-align:center}
#footer p {float:none; width:100%; font-size:11px; color:#d2d2d2; line-height:20px}
#footer h1 {float:none; width:100%; text-align:right; font-size:11px; color:#d2d2d2; font-weight:100; line-height:20px; padding:20px 0 0 0; text-align:center}
}