@charset "utf-8";
/* CSS Document */
.text-center{text-align:center}
.banner-text div .submit{line-height:50px;width:auto;margin-right:0;margin:10px auto;padding:0px 15px}
.spam { display:none;}
html{scroll-behavior:smooth;transition:all .4s ease;overflow-x:hidden}
a{color:inherit;text-decoration:none}
li{list-style:none}
ul{padding:0}
*,::after,::before{box-sizing:border-box;transition-property:all;transition-duration:0.6s;transition-timing-function:ease}
p{font-size:18px;line-height:1.5;text-align: justify}
body{font-family: 'Montserrat', sans-serif;margin:0px;color:#4f5168;background: #e2e5e9}

.header-top-left {
    background: #ff6600;
    position: relative;width: 25%; float: left
}
.header-top-left span {
    color: #ffffff;
    display: block;
}
.header-top-left::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 22px;
    border-color: transparent transparent #e2e5e9 transparent;
}
.header-top-left span i {
    font-size: 30px;
    color: #ffffff;
    margin-right: 5px;
    line-height: 1;
    animation: rotated 2s infinite linear;
    display: inline-block;
}
@keyframes rotated{
0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}	
}
.address,.social{width:23%;border-right: 1px solid #d6d8db;float:right;padding:0px 2%;height:60px;line-height: 60px}

.btn{background:#ff6600;border:1px solid rgba(0,0,0,0.2);border-radius:3px;color:#fff;display:inline-block;padding:.2em 1em;text-align:center;text-decoration:none;box-shadow:1px 1px 2px rgba(0,0,0,0.5);transition:.5s;float:right;line-height: 35px;margin-top:25px}
.btn:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.7);transform:scale(0.95)}
.btn--shimmer{animation:shimmer 3s linear infinite;background-image:linear-gradient(-70deg,rgba(255,255,255,0) 46%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.8) 52%,rgba(255,255,255,0) 56%);background-size:400% 100%}
@keyframes shimmer{0%{background-position:100% 50%}
30%{background-position:0 50%}
}
#banner{
    float: left;
    width: 100%;
position: relative;}
.banner-text{width:60%;top:28%;left:20%;position: absolute;z-index: 9;background:rgba(21,23,53,.6);padding: 50px 3%;color:#fff;text-align: center}

/*slider*/
.outer-wrapper {
  width: 100%;float: left;
}

.s-wrap {
  width: 100%;
  padding-bottom: 35%;
  position: relative;
  background-color: #efefe8;
  overflow: hidden;
}
.s-wrap .s-content {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 100%;
  font-size: 0;
  list-style: none;
  transition: transform 1s;
}
.s-wrap .s-item {
  display: inline-block;
  width: 20%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.s-wrap .s-item-1 {
  background-image: url("professional-services/water-heater-repair-houston.webp");
}
.s-wrap .s-item-2 {
  background-image: url("professional-services/plumbing-repair-service.webp");
}
.s-wrap .s-item-3 {
  background-image: url("professional-services/drain-cleaning.webp");
}
.s-wrap .s-item-4 {
  background-image: url("professional-services/water-leak-repair.webp");
}
.s-wrap .s-item-5 {
  background-image: url("professional-services/toilet-repair.webp");
}

.s-type-2 .s-content {
  animation: slider-animation 50s ease-in-out infinite;
}


@keyframes slider-animation {
  0%, 7% {
    transform: translateX(0%);
  }
  12.5%, 19.5% {
    transform: translateX(-20%);
  }
  25%, 32% {
    transform: translateX(-40%);
  }
  37.5%, 44.5% {
    transform: translateX(-60%);
  }
  50%, 57% {
    transform: translateX(-80%);
  }
  62.5%, 69.5% {
    transform: translateX(-60%);
  }
  75%, 82% {
    transform: translateX(-40%);
  }
  87.5%, 94.5% {
    transform: translateX(-20%);
  }
}
/*slider*/




.g-recaptcha{float:left;max-width:63%;overflow-x:hidden;border-radius:30px}.g-recaptcha *{float:left;width:100%}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}
.button2{width:auto;float:right;background-color:#27adc5;color:#fff;line-height:50px; padding:0px 1%;border-radius:3px;margin:20px 0px;}
.button2{background-color:#e7496e;float:left}
.button2:hover{background-color:#e22551;}
#social{float:right}

.row3::before{z-index:1;right:0px;bottom:0!important;top:inherit}
.img-animation{-webkit-animation:alltuchtopdown 1.5s ease-in-out 0s infinite alternate;animation:alltuchtopdown 1.5s ease-in-out 0s infinite alternate;animation-duration:1.5s;-webkit-animation-duration:2.5s;margin-right:3%}

.phone{float:right;padding-right:2%;color:#151735;font-size:20px}
.phone-icon{animation: phone-icon-animate 1s ease-in-out infinite;}
@keyframes phone-icon-animate{
0%, 100% {
    transform: rotate(0)scale(1)skew(1deg);
}
10% {
    transform: rotate(-25deg)scale(1)skew(1deg);
}
20%, 40% {
    transform: rotate(25deg)scale(1)skew(1deg);
}
30% {
    transform: rotate(-25deg)scale(1)skew(1deg);
}
50% {
    transform: rotate(0)scale(1)skew(1deg);
}	
}
#top{width:100%;padding:0px 5%;float:left;line-height:90px;height:90px;background: #fff;position: sticky;top: 0;z-index: 99999}

#logo{float:left;padding-top:20px}
.nav{margin-left:5%;float:left;width:50%;color:#151735;position: relative;margin-top:-20px;font-size: 1vw}
.menu-link{color:#151735;text-shadow:none;padding:.75em .75em 0;height:3em;position:absolute;left:0;top:0;z-index:1001}
.menu-link:after{position:absolute;content:"☰";font-size:30px;color:#151735;width:50px;height:50px;text-align:center;line-height:50px;border:1px #151735 solid;border-radius:50%}
.menu-link:hover{text-decoration:none}
.menu li{list-style:none}
.menu li a{color:#ff6600;text-decoration:none;background-color:#212532;display:inline-block;height:2em;line-height:1em;padding:.4em;border-bottom:1px solid #333;width:100%}
.menu li a:hover{color:#212532;background-color:#fffdea}
body:not(:target) #menu{margin:0;padding-top:3em;position:absolute;left:0;z-index:1000;top:30px;width:100%}
body:not(:target) #menu li{width:100%;height:0;line-height:0;overflow:hidden;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}
body:not(:target) #menu:target{z-index:1001}
body:not(:target) #menu:target li{height:2em;overflow:visible;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}
body:not(:target) #menu:target .back{height:0;line-height:0}
body:not(:target) #menu:target .back a{width:100%;background-color:transparent;border:0;height:auto;position:absolute;top:-101em;bottom:-101em;left:0;text-indent:-999em;z-index:-1}
@media(min-width:1300px){.menu-link{display:none}
body:not(:target) #menu{padding-top:0}
body:not(:target) #menu li{display:inline;border:0}
body:not(:target) #menu li a{color:#151735;line-height:1em;height:2em;width:auto;border:0;background-color:transparent}
body:not(:target) #menu li a:hover{color:#27adc5}
body:not(:target) #menu .back{display:none}
}
.row1{width:100%;float:left;color:#fff;position: relative;padding:70px 0px;background-color:#1d284b;}
h2{color:#151735;text-transform:capitalize;font-size:32px}
/*moving*/
.team-shape {
    position: absolute;
    font-size: 52px;
    top:10px;
}
.team-shape i{color: #616981;}
.team-shape-1 {
    top: 50px;
    left: 190px;
    animation: team-shape-1 20s infinite linear;
}
.team-shape-2 {
    top: 600px;
    left: 30px;
    animation: scale-up-one infinite 3s linear;
}
.team-shape-3 {
    top: 50px;
    right: 205px;
    animation: team-shape-3 20s infinite linear;
}
.team-shape-4 {
    top: 550px;
    right: 35px;
    animation: rotated 5s infinite linear;z-index: 9;
}
.team-shape-4 i{color: #fff}
@keyframes team-shape-1{
0% {
    transform: translate(0, 0) rotate(0deg);
}
25% {
    transform: translate(50px, -20px) rotate(0deg);
}
50% {
    transform: translate(100px, -40px) rotate(0deg);
}
75% {
    transform: translate(-50px, -70px) rotate(0deg);
}
100% {
    transform: translate(90px, 50px) rotate(0deg);
}	
}
@keyframes scale-up-one{
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}	
}
@keyframes team-shape-3{
0% {
    transform: translate(0, 0) rotate(0deg);
}
25% {
    transform: translate(-50px, 20px) rotate(0deg);
}
50% {
    transform: translate(-180px, 40px) rotate(0deg);
}
75% {
    transform: translate(-50px, -70px) rotate(0deg);
}
100% {
    transform: translate(90px, 50px) rotate(0deg);
}	
}
@keyframes rotated{
0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}}
/*moving*/
.container{width:100%;float:left;margin:50px 0px;position: relative}
.content1{width:1300px;margin:auto}
.row5{float: left; padding:70px 0px;background-color:#f1f1f1;background-image: url("professional-services/service-bg.jpg");background-position:center bottom;width:100%;background-repeat:no-repeat;background-size:100%}
.margin-r{margin-right:10%}
.div-service1{width:30%;float: left}
.service-layout-2:hover {
    background-color: #e7496e;
    color: #ffffff;
}
.service-layout-2 i{font-size:30px;width:100%}
.service-layout-2 {
    position: relative;
    border-radius: 3px;
    background-color: #ffffff;
    transition: all .3s ease-in-out;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);    
	padding: 120px 45px 95px;
	float:left;margin:30px 1%;text-align: center;color:#484848;line-height:35px;height:450px;}
/*icons*/
.icons{padding-left: 20px;position: relative;font-size: 18px;font-weight: 500;float: left;width: 25%;}
.icons i{z-index: 2;position: relative;font-size:50px;color:#151735}
.icons::before {
    position: absolute;
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #ffb482;
    background: transparent;
    display: inline-block;
    top: 0px;
    left: 0px;	
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*icons*/
.div-icon{width:25%;float:left;text-align: center;margin-top:20px;background: #ffffff;border: 1px solid #dfe4ea;border-radius: 5px;margin-right:1%;padding:1%;transition:all ease .2s;padding-bottom:30px}
.div-icon i {color:#2270ff;font-size: 45px;height: 80px;width: 80px;line-height: 50px;text-align: center;display: inline-block;background: #f1f4f7;margin: 34px auto;border-radius: 5px;}	
.div-icon strong{font-size: 24px}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;background: #ff6600
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.row2{background-image:url("professional-services/garage-door-opener.jpg");background-position:right top;background-repeat:no-repeat}
.div1{width:60%;float:right;padding:70px 3%;margin:60px 0px;background: url("professional-services/service-bg.jpg");position: absolute;z-index: 99;right:0}
.row3,.row2{position:relative;z-index:1;width:100%;float:left;}
.row3{margin-top:20px;padding-bottom:30px}
@keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
50%{-webkit-transform:rotateX(0) translateY(-20px);-ms-transform:rotateX(0) translateY(-20px);transform:rotateX(0) translateY(-20px)}
100%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
}
@-webkit-keyframes alltuchtopdown{0%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
50%{-webkit-transform:rotateX(0) translateY(-20px);-ms-transform:rotateX(0) translateY(-20px);transform:rotateX(0) translateY(-20px)}
100%{-webkit-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}
}
/*line*/
.em-bar.em-bar-big{height:5px;width:90px;background:#aec6ef;margin:20px auto;position:relative;border-radius:30px}
.em-bar.em-bar-big:before{content:'';position:absolute;left:0;top:-2.7px;height:10px;width:10px;border-radius:50%;background:#27adc5;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:MOVE-BG;animation-name:MOVE-BG}
@-webkit-keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
@keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
.img-l{float:left;margin:20px 2% 20px 0px;position: relative;overflow: hidden;}
.img-l img {
    max-width: 100%;
    transition: all 1.5s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.img-l:hover img {
    transform: scale3d(1.1, 1.1, 1.1)
}
.img-l ul{position: absolute;left:5%;bottom:10px;width:60%;background: rgba(255,255,255,.7);font-size: 16px;font-weight: 500;box-shadow: 0 0 5px #333 ;padding:20px}
.img-l ul li{width:100%!important;float: left;padding:0;margin: 10px 2%!important;}
.img-l ul:hover{border-left:solid 3px #fe6500;transition: all 0.3s ease-out 0s;}

/*gallery*/
.gallery {
  padding: 75px 0;
  margin: 0 auto;
  width: 90%;
}
.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh;
}
.gallery h2{color:#e7496e}
.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: flex 0.8s ease;margin-top:40px
}
.item:hover {
  flex: 7;
  background-color:rgba(0,0,0,1)
}
.item-1 {
  background: url("professional-services/garage-door-near-me.jpg") no-repeat center top;
}

.item-2 {
  background: url("professional-services/emergency-garage-door-repair.jpg") no-repeat center top;
}

.item-3 {
  background: url("professional-services/garage-door-opener-repair.jpg") no-repeat left top;
}

.item-4 {
  background: url("professional-services/garage-door-spring-repair.jpg") no-repeat center top;
}

.item-5 {
  background: url("professional-services/garage-door-installation.jpg") no-repeat center top;
}

.row4{background-color:#373768;background-image:url("professional-services/testimonials-bg.jpg");background-repeat:no-repeat;background-position:center top;background-attachment: fixed; float:left;width:100%;color:#fff;font-size:25px;text-transform:uppercase;padding:50px 0px;line-height:45px}
.row4 .buttons{margin-top:30px}
.span::before {content: url(professional-services/logo-before.webp);}
span{color:#ff6600;font-size:18px;font-weight: 500}
.headline{background: #d1d2d3;padding:15px 2%;float:left;font-size: 27px;color: #151735;font-weight: 600;}
/*Light Box*/
#coupon{margin:70px 0px}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:999999999999}
.lightbox-target img,.lightbox-target iframe{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;transition:.5s ease-in-out;z-index:999999999999}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target iframe,.lightbox-target:target img{max-height:100%;max-width:100%}
.div1 ul li{padding:0;margin:30px 10px 30px 0px;list-style-position:outside;float:left;line-height:30px;text-align:left;width: 23%}
.div1 i{padding-left:0;}
.achoose--icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    line-height: 116px;
    border: 7px solid #c1d7ff;
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 30px;
    animation: pulse-blue 6s infinite;
}
.achoose--icon.theme-bg {
    border-color: #ffd5b9;
    animation: pulse-orange 6s infinite;
}
.theme-bg-blue {
    background: #2371ff;
}
.theme-bg {
    background: #ff6600;
}
@keyframes pulse-blue{
0% {
    box-shadow: 0 0 0 0 #2371ff;
}
50% {
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}	
}
@keyframes pulse-orange{
0% {
    box-shadow: 0 0 0 0 #ff6600;
}
50% {
    box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}	
}
.row1 h2{color: #fff}
#form{float:right;width:30%;color:#3a3a6a;margin-top:30px;padding:50px 0px;background-color:#ff6600;}
#form h2{color:#3a3a6a}
.input,.comment{width:90%;float:left;background:#fff;border:#8f8f8f 1px solid;margin:10px 5%;height:40px;color:#3a3a6a;border-radius:5px;padding:10px 1%}
.comment{height:60px;}
.submit{height:50px;width:30%;float:left;margin:10px 5%;font-size:20px;text-transform:uppercase;color:#fff;margin-right:75%;border-radius:5px;background: #1d284b;border:solid 2px}
.submit:hover{background: #ff6600;color:#1d284b;box-shadow: 0 0 5px #333}
#footer{color:#fff;background-image:url("professional-services/footer-bg.jpg");background-repeat: repeat;float:left;width:100%;padding:50px 20px;display:flex;justify-content:space-between;line-height:30px;font-weight:200}
#footer i{padding:8px}
#footer h3{font-size:20px;text-transform:none;font-weight:normal;color:#ff6600}
.footer1{width:50%;padding-right:100px}
#footer span,#copy-right span{color:inherit;font-size:inherit;font-weight: inherit}
.circle-icon{background-color:#e2e5e9;color:#151735;border-radius:5px;text-align:center;vertical-align:middle;padding:8px;transition:.5s;font-size:19px;width:1.8em;margin:10px 5px}
.circle-icon:hover{background-color:#ff6600;color:#fff}
#footer ul{list-style-type:none;padding-left:0;padding-top:25px}
#footer li{float:left;margin:5px;padding:0 10px;border:1px solid #ff6600}
#footer li:hover{background-color:#ff6600;color:#151735!important;font-weight: bold}
#copy-right{font-size:18px;line-height:80px;text-align:center;float:left;width:100%;color:#fff;border-top: 1px solid rgba(255, 255, 255, 0.102);background-image:url("professional-services/footer-bg.jpg");background-repeat: repeat;}
/*fontawesome*/
 .fa,.fas,.far,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#ff6600;padding:15px}

.fa-caret-square-right:before{content:"\f152"}
.fa-clock:before{content:"\f017"}
.fa-fan:before{content:"\f863"}
.fa-grin-hearts:before{content:"\f584"}
.fa-gripfire:before{content:"\f3ac"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-pagelines:before{content:"\f18c"}
.fa-phone:before{content:"\f095"}
.fa-search-dollar:before{content:"\f688"}
.fa-truck:before{content:"\f0d1"}
.fa-user-friends:before{content:"\f500"}
.fa-wind:before{content:"\f72e"}
.fa-arrow-alt-circle-right:before{content:"\f35a"}
.fa-blogger-b:before{content:"\f37d"}
.fa-border-all:before{content:"\f84c"}
.fa-comment-alt:before{content:"\f27a"}
.fa-couch:before{content:"\f4b8"}
.fa-envelope:before{content:"\f0e0"}
.fa-foursquare:before{content:"\f180"}
.fa-th-large:before{content:"\f009"}
.fa-globe:before{content:"\f0ac"}
.fa-google:before{content:"\f1a0"}
.fa-hotjar:before{content:"\f3b1"}
.fa-maxcdn:before{content:"\f136"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-phone:before{content:"\f095"}
.fa-wind:before{content:"\f72e"}
.fa-yahoo:before{content:"\f19e"}
.fa-yelp:before{content:"\f1e9"}
.fa-facebook-f:before{content:"\f39e"}
.fa-youtube:before{content:"\f167"}
.fa-tools:before{content:"\f7d9"}
.fa-bath:before {content: "\f2cd"; }
.fa-toolbox:before{content:"\f552"}
.fa-hand-holding-usd:before{content:"\f4c0"}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:swap;src:url("webfonts/fa-brands-400.eot");src:url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-brands-400.woff2") format("woff2"),url("webfonts/fa-brands-400.woff") format("woff"),url("webfonts/fa-brands-400.ttf") format("truetype"),url("webfonts/fa-brands-400.svg#fontawesome") format("svg")}
.fab{font-family:'Font Awesome 5 Brands';font-weight:400}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:swap;src:url("webfonts/fa-regular-400.eot");src:url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-regular-400.woff2") format("woff2"),url("webfonts/fa-regular-400.woff") format("woff"),url("webfonts/fa-regular-400.ttf") format("truetype"),url("webfonts/fa-regular-400.svg#fontawesome") format("svg")}
.far{font-family:'Font Awesome 5 Free';font-weight:400}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:swap;src:url("webfonts/fa-solid-900.eot");src:url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-solid-900.woff2") format("woff2"),url("webfonts/fa-solid-900.woff") format("woff"),url("webfonts/fa-solid-900.ttf") format("truetype"),url("webfonts/fa-solid-900.svg#fontawesome") format("svg")}
.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900}

@media only screen and (max-width:1300px){
.address,.social{display:none}	
.header-top-left {width: auto;padding-right:5%}
#top .btn{display:none}
.phone{margin-top:-10px}	
.banner-text {width: 80%;top: 5%;left: 10%; }
h1{font-size:3vw}
.banner-text p{font-size:1em}
.content1{width:90%;}
.img-l{width:50%;margin:auto;margin-bottom:20px}
.img-l ul {width: 70%}
h2{font-size:4vw}
.row5 .img-l{width:100%}
.div-icon{width:49%;}
img{max-width:100%;height:auto}
.margin-r{margin-right:0}
 .nav{margin-top:10px;font-size:2vw}
.menu li a{padding: .8em;height: 3em;}	
#social,.address{display:none}
#form {width: 100%;}
.div1 {width: 100%;position: relative;}
.div1 ul li {width: 47%;}
.icons { width: 50%;padding-bottom:30px}
.row1{display:block}
.div ul li{width:45%}	
.footer1 {width: 100%;padding-right:0}	
#footer{display:block}
#footer li{width:18%;margin:20px 1%}
}

@media(max-width:650px){
.banner-text p{font-size:.55em}
#footer li{width:98%;margin:20px 1%}
#logo{width:20%}
	.nav{width:20%}	.phone{width:60%;white-space: nowrap}
}