@charset "utf-8";
p{font-family: 'Open Sans';}
/* Spacing mt-0 - margin top 0  
.d-*-none and .d-*-block*/
/* Header */
.header{z-index: 9999; position: relative;}
.company_licensed{ color: #fff; text-align: center; display: block; font-size: 16px; width: 100%;  }

.banner{
	margin-top: -135px;
 	
    position: relative;
}
ul{font-family: 'Open Sans'}

button{cursor: pointer;}

.header_btn{ border: 1px solid #FFF; color: #FFF; background: none; padding: 8px 10px; border-radius: 8px; position: relative; right: -15px; top: 0; }
.one{position: relative; z-index: 9999;}
.one h4{text-align: center; text-transform: uppercase; font-family: 'Open Sans'; font-size: 
18px; font-weight: bold; color: #FFF;}
.one-box{background-color: #d90b0c; margin-top: -20px; }
.one img{display: block;    margin: auto;    margin-top: -45px;    margin-bottom: 15px;}


.two{    padding: 40px 0px 80px 0px;}
.two h3{font-family: 'Open Sans'; font-size: 22px; font-weight: bold; margin-top: 50px !important; text-transform: uppercase;}
.two h2{font-family: 'Open Sans'; font-size: 30px; text-transform: uppercase; text-align: center; color: #d90b0c}
.two h2 span{font-weight: bold;}
.two h5{    font-family: 'Open Sans'; color: #FFF; font-weight: bold; margin-top: -192px; text-align: center;    font-size: 30px;}

.three{padding: 30px 0px; background:url(../images/bg.jpg);}
.three h2{margin-bottom:15px; font-family: 'Open Sans'; font-size: 30px; text-transform: uppercase; text-align: center; color: #FFF; font-weight:bold; text-transform: uppercase}
.three h3{font-size: 18px; color: #FFF; text-align: center; padding-top: 9px; }
.three-box{border: 1px solid #FFF; padding: 0px; padding-bottom: 15px; border-radius: 5px; }
.three-box{margin-top: 15px}
.three p{color: #FFF; text-align: center; padding: 0px 10px;}
.three button{padding: 10px 25px; border: 1px solid #FFF; background: none; color: #FFF; display: block; margin: auto;}



.four{background: #ebebeb; padding: 40px 0px;}
.four h2{text-align: center; font-family: 'Open Sans'; font-weight: bold; font-size: 28px;  }
.four-right{background: #eadbdb;     padding: 2px 100px; margin: 0px !important;}
.four h3{text-align: center; font-weight: bold; font-family: 'Open Sans';     text-transform: uppercase;
    padding-bottom: 10px; font-size: 25px; }

.five td{color: #FFF; padding-left: 15px; padding-bottom: 15px;}
.five h2{font-family: 'Open Sans'; font-weight: 600; font-size: 25px; }
.red{color: #d90b0c !important;}
.five-left{background:#444444; padding-left: 105px; padding-top: 30px; padding-bottom: 30px; }
.five-right{background: #f7f7f7; padding-right: 105px; padding-top: 30px; padding-bottom: 30px; }
.top-footer{background: url(../images/footer-bg.jpg); padding: 40px 0px;}
.top-footer h3{font-size: 18px; font-weight: bold; color: #FFF; font-family: 'Open Sans'; margin-top: 15px; color: #e0e0e0;}
.top-footer p{color: #727272; font-family: 'Open Sans'; line-height: 30px;}
.top-footer ul{margin: 0px !important; padding: 15px !important;}
.top-footer ul li{color: #727272; font-size: 16px; font-family: 'Open Sans'; line-height: 30px;} 
.top-footer a{font-weight: bold; color: #FFF; font-family: 'Open Sans'}


.footer{ padding: 10px 0px; background: #000; }

.footer p{margin: 0px !important; padding: 0px !important; color: #FFF; }
.footer a{color: #4a88da;}
.footer a:hover{text-decoration:none; }


/* Navigation */
.navbar{border-bottom: 1px solid #FFF;}
.navbar-nav .active{border: 2px solid #d90b0c;  border-radius: 3px;}
.navbar-nav .active .nav-link{color: #FFF !important;}

.nav-item{}
.nav-link{ padding: 10px 8px !important; text-transform: uppercase;   font-size: 15px !important;    font-family: 'Open Sans' !important;    color: #FFF !important;    font-weight: 600;}
/*.navbar-brand:hover{    background: #FFF;    padding: 7px 15px;    border-radius: 5px;    transition: ease-in .2s;} */

/* Dropdown Menu */
.dropdown{ display: none; position: absolute; top: 47px; background: transparent; width: 285px; list-style: none; padding: 15px 0 0 0; }
.dropdown li a{ display: block; background: #fff; color: #000; padding: 5px 10px; border-bottom: #000 solid 1px; text-decoration: none; transition: all linear 0.3s; }
.dropdown li a:hover{ background: #d90b0c; color: #fff; }
.nav-item:hover .dropdown{ display: block; }

/* Tap to Call */
.taptocall{color: #FFF;font-size: 14px !important;border: 1px solid #FFF; width: 50%; margin:5px  auto !important;  padding: 10px 0px;}
.taptocall:hover{background: #FFF; transition: .2s ease-in; color: #000;}

/* Footer */
.footer p{margin-top: 0px; margin-top: 0px; text-align: center;}
.footer a{color: #d90b0c; }

/* Form */
.input-text{height: 40px; border: none; border-bottom: 1px solid #ccc; background: none; width: 100%; font-size: 16px; font-family: 'Open Sans'; padding:5px 15px; }
.input-textarea{width: 100%;border: none; border-bottom: 1px solid #ccc; background: none;  font-size: 16px; font-family: 'Open Sans'; padding: 5px 15px; }
.input-submit{width: 140px; color: #333; font-size: 16px; border:1px solid #999; background: none;  padding: 10px 0px}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 0px solid #FFF !important;}

/* Pay Invoice */
.page-wrapper, .header-navbar {
  position: relative;
}
.payinvoice {
    position: absolute;
    z-index: 99;
    bottom: -10px;
    right: 0;
}
.payinvoice .button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    background-color: #da1a22;
    border-color: #a30d13;
}
.payinvoice .button:hover,
.payinvoice .button:focus {
    color: #fff;
}
.hidden {
    display: none!important;
    visibility: hidden!important;
}

input[type="text"], input[type="email"], input[type="password"], 
input[type="date"], input[type="submit"], input[type="number"], input[type="tel"], textarea{
    font-family: 'Open Sans';
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 15px;
    margin-bottom: 15px;
    background: #f0f0f0;
}

textarea {
 padding: 10px 25px;
 height: 120px;
}

input[type="submit"],
button, .button, .submitform {
    border-radius: 6px;
    margin-bottom: 15px;
    background: #41666e;
    color: #FFF;
    font-weight: 600;
    border: 1px solid #41666e;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Open Sans';
    padding: 10px 25px;
}

#contactForm div {
    position: relative;
}
#submit-loader {
    display: none;
    position: relative;
    left: 0;
    top: 18px;
    width: 100%;
    text-align: center;
}

.form-group label {
  font-weight: 500;
}

.form-group label.error {
    display: block;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 5px 0;
    right: 10px;
    top: 32px;
    color: #d9534f;
}


/* Page */
.page{  padding: 40px 0px;}
.page h1{font-size: 30px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h2{font-size: 24px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h3{font-size: 20px; font-weight: bold; color: #444; font-family: 'Open Sans';}
.page h4{font-size: 18px; font-weight: bold; color: #444; font-family: 'Open Sans';}

/* Scroll To Top */
.scrollTop {  position: fixed;    right: 1%;    bottom: 10px;    background-color: #555;    padding: 10px 14px;    opacity: 0;    transition: all 0.4s ease-in-out 0s;    border-radius: 3px;    -webkit-box-shadow: 0px 0px 92px -6px rgba(158,156,158,1); -moz-box-shadow: 0px 0px 92px -6px rgba(158,156,158,1);    box-shadow: 0px 0px 92px -6px rgba(158,156,158,1);}
.scrollTop a { font-size: 30px; color: #FFF;  font-family: 'Open Sans'; }
.scrollTop a{	text-decoration: none; }
.reset{margin:0px !important; padding: 0px !important; }

/* Services Page */
.service_p_1,
.service_p_2,
.service_p_3,
.service_p_4{ margin-top: 60px; }

.service_list_bullet ul li{ color: red; margin-left: -18px; }
.haha{border: 2px solid #d90b0c }

/* Xtreme Gutter Gard */
.page img{ width: 100%; }
.page .modal{ z-index: 99999999999999999999999999; }
.fancybox-overlay-fixed{ z-index: 99999999999999999999999999; }
.popupVideo{ padding: 0; padding: 0; }
.videoPop{ height: 186px; background: rgba(0,0,0,0.5); cursor: pointer;  }
.videoPop:hover .youtube_button{ background: #ff0000; }
.youtube_button{ position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 50px; border-radius: 20px; background: #666; color: #fff; }
.youtube_button .svg-inline--fa{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 24px; color: #fff; }
.video-img-title{ display: block; color: #fff; padding: 5px 10px; text-align: center; }
.popupVideo .modal-body{ padding: 5px 5px 0; }
.modal-body .close{ position: absolute; top: -33px; right: -26px; color: #fff; opacity: 1; font-size: 50px; }

.cvideoPop{ height: 186px; background: rgba(0,0,0,1); cursor: pointer; margin-bottom: 15px; overflow: hidden; }
.cvideoPop:hover .youtube_button{ background: #ff0000; }
.service-img { display: block; background: rgba(0,0,0,0.5); color: #fff; padding: 5px 10px; text-align: center; }

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.responsive-hr{width: 100%; display: none;}
.payinvoice {
    bottom: -38px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.one-box{margin: 0px !important; padding: 0px !important;}
.one{background: #d90b0c; margin: 0px !important;}
.one img {margin-top: 15px; margin-bottom: 15px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.one{background: #d90b0c;}
.one-box{background-color: #d90b0c; margin-top: 60px; }
.banner{	margin-top: -0px;    position: relative; }
.nav-link{color: #333 !important;}
.nav-link:active{color: #333;}
.navbar-nav .active .nav-link{color: #FFF !important;}
.two h3{font-size: 16px;}
.two h3{ margin-top: 10px !important;  }
.header_btn{ right: 0; }
.dropdown{ position: inherit; padding: 0; top: 0; width: 100%; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.two h5{font-size: 15px;}
  .two h3{ margin-top:10px !important; }
.header-navbar{background: #333;}
.tap-to-call , .tap-to-sms{color: #ededed !important; border-radius: 4px;}
.navbar-light .navbar-toggler {    color: rgba(0,0,0,.5); border-color: #FFF; background: #FFF; }
.nav-link{color: #FFF !important; }
.five-left{background:#444444; padding-left: 15px; padding-top: 30px; padding-bottom: 30px; }
.five-right{background: #f7f7f7; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; }
.two h5{margin: 0px; padding: 0px; color: #333;}
.header_btn{ right: 0; }
.four h2{font-size: 17px;}
.four h3{font-size: 17px;}
.four-right{padding: 5px;}

.dropdown{ position: inherit; padding: 0; top: 0; width: 100%; }

.payinvoice{ left: 0; bottom: -45px; width: 100%; display: block; text-align: center; }
.header{ padding: 0!important; }


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

	.service_p_1,
	.service_p_2,
	.service_p_3,
	.service_p_4{ margin-top: 0; }

}