@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i);

#scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#F5F5F5;
}
#scrollbar::-webkit-scrollbar{
    width:6px;
    background-color:#F5F5F5;
}
#scrollbar::-webkit-scrollbar-thumb{
    background-color:#242424;
    border-left:1px solid #242424;
}
body{
    font-size:15px;
    font-family:Roboto,sans-serif;
    color:#464545;
    line-height:1.7;
}
.menu-header,.top-header,h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
}
 
.loader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999;
    background: url(../img/loader.gif) 50% 50% no-repeat #fff;
}
.top-header{
    background:#0298fd;
    padding:5px 0;
}
.top-header-call{
    color:#fff;
    margin-right:20px;
    font-size:17px;
}
.menu-header{
    background:#fff;
}
.logo-img{
    width:100px;
}
.product-section{
    padding:30px 0;
}
.pro-heading{
    font-size:25px;
	color: #7e7f85;
    margin:0;
}
.title-heading-underline{
    position:relative;
    padding-bottom:10px;
}
.title-heading-underline:after,.title-heading-underline:before{
    content:"";
    position:absolute;
    left:50%;
}
.product-slider-arrow-left,.product-slider-arrow-right{
    top:-15px!important;
    padding:0!important;
    font-size:20px!important;
}
.title-heading-underline:before{
    width:140px;
    bottom:0;
    margin-left:-70px;
    height:2px;
    background:#0298fd;
}
.title-heading-underline:after{
    width: 15px;
    height: 15px;
    bottom: -6px;
    margin-left: -7px;
    background: #0298fd;
    border-radius: 100%;
    border: 1px dashed #ffffff;
}
.product-slider-arrow-left{
    right:38%!important;
    left:95%!important;
}

.some-fun-facts
{
background: #0298fd;
    padding: 10px 0 30px 0;
    color: #fff;
}

.fun-facts-icon
{
margin: 0;
    font-size: 40px;
    line-height: 1.2;
 
}

.fun-facts-heading
{
margin:0 0 0 0;
font-size:16px;
text-transform:uppercase;
}

.services-boxing
{
background:#fff;
padding:30px;
border-radius:10px;

}



.services-col img{
    transition:transform 0s linear 0s!important;
    transform:scale(1)!important;
 
}
.product-title{
    font-size: 17px;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: #0298fd;
    position: relative;
    margin-top: 0.5%;
}
.aboutus-section{
    padding:30px 0;
    background:url(../img/services-bg.jpg) center fixed;
    background-size:cover;
    
}
.form-get-quote{
    padding:30px 20px 20px 25px;
    position:relative;
    margin-top:-50px;
    background: #1e252da6;
}
.installation-section{
    padding:20px 0 40px;
}
.footer-content{
    background:#2b2b2b;
    padding:30px 0 10px;
}
.aboutpage-section{
    padding:40px 0;
}
.social-icon-footer{
    margin:10px;
    color:#bbb;
}
.color-gray,.social-icon-footer:hover{
    color:#b1b1b1;
}
.inner-tite{
    background:url(../img/about-bg1.jpg) bottom;
    background-size:cover;
    color:#fff;
	padding:10px 0;
}
.modal-body{
    padding:10px!important;
}
.modal-content{
    border-radius:0;
}
.modal-dialog img{
    text-align:center;
    margin:0 auto;
}
.controls{
    width:50px;
    display:block;
    font-size:11px;
    padding-top:8px;
    font-weight:700;
}
.next{
    float:right;
    text-align:right;
}
.gallery{
    cursor:pointer;
}
.contact-form{
     background: #8aa7c7;
    padding: 20px 20px 5px 20px;
     
}
.banner-section{
    background:#000;
    padding:0;
}
.banner-title{
    margin:0;
    font-size:30px;
}
.banner-sub-title{
    margin:4px 0 0;
	    font-size: 18px;
}
.title-bg{
  padding: 6px 15px;
    border-radius: 3px;
    color: #fff;
    background: #4444448f;
}
.carousel-fade .carousel-inner .item{
    opacity:0;
    transition-property:opacity;
    overflow:hidden;
}
.item.active img{
    transition:transform 2s linear 0s;
    transform:scale(1.05,1.05);
}
.carousel-fade .carousel-inner .active{
    opacity:1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    left:0;
    opacity:0;
    z-index:1;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1;
}
.carousel-fade .carousel-control{
    z-index:2;
}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.next,.carousel-fade .carousel-inner>.item.prev{
        opacity:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
    }
    .carousel-fade .carousel-inner>.item.active,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
    }
}


.background-none
{
background:#f1f0f0 !important;
}

.text-left-tb{
    text-align:left;
}
.text-right,.text-right-tb{
    text-align:right;
}
.background-white{
    background:#fff;
}
.color-white{
    color:#fff;
}
.color-gray{
    color:#ccc;
}
.border-right-none{
    border:none;
}
.text-left{
    text-align:left;
}
.m-center{
    margin-right:auto;
    margin-left:auto;
}
.m-top-10{
    margin-top:10px;
}
.m-top-20{
    margin-top:20px;
}
.m-top-30{
    margin-top:30px;
}
.m-top-40{
    margin-top:40px;
}
.m-top-50{
    margin-top:50px;
}
.m-top-60{
    margin-top:60px;
}
.m-top-70{
    margin-top:70px;
}
.m-top-80{
    margin-top:80px;
}
.m-top-90{
    margin-top:90px;
}
.m-top-100{
    margin-top:100px;
}
.m-top-110{
    margin-top:110px;
}
.m-top-120{
    margin-top:120px;
}
.m-top-130{
    margin-top:130px;
}
.m-top-140{
    margin-top:140px;
}
.clr-fix{
    clear:both;
}
.padding-left-0{
    padding-left:0!important;
}