/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Open Sans', sans-serif;
padding:0!important; color:#000000;
font-size:15px;
font-weight:400;
line-height:1.5;
height:100%; 
min-height:100%;
background:#FFFF;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}


a{color:#000; text-decoration:none;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
a:hover{text-decoration:none; color:#ed1f24;}



.fix{
position:fixed !important ; 
z-index:999999 ; 
padding:0 ;
top: 0 ;
left: 0 ;
right: 0 ;
margin: 0;
width:100%;
padding:0px 25px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
.clear{clear:both; line-height:0; font-size:0;}

.row-eq-height{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; flex-wrap:wrap;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.fixed-soacial-icon{position:fixed; right:0; top:45%; list-style-type:none; margin:0; padding:0; z-index:99991;}
.fixed-soacial-icon li{margin:0px 0;}
.fixed-soacial-icon li a{width:50px; height:50px; color:#fff; text-align:center; font-size:22px; line-height:50px; display:block;}
.fixed-soacial-icon li a:hover{background-color:#272a40;}
.fixed-soacial-icon li:first-child a{background-color:#3b5998;}
.fixed-soacial-icon li:nth-child(2) a{background-color:#55acee; border:1px solid rgba(255,255,255,0.15); border-right:none;}
.fixed-soacial-icon li:nth-child(3) a{background-color:#e02f2f;}
.fixed-soacial-icon li:nth-child(4) a{background-color:#cc2026;}
.fixed-soacial-icon li:nth-child(5) a{background-color:#edbd18; color:#000;}


header{display:block; position:relative; z-index:9999;}
a.logo{display:block; padding:20px 0;}
.headcontact [class^="col-"]{font-size:18px; font-weight:600; color:#000;}
.headcontact [class^="col-"] i{margin-right:22px; font-size:25px; color:#1c63b8; position:relative; top:5px;}


.banner-area{ display:block; position:relative; margin:-35px 0 0;}
.banner-area img{width:100%;}
.carousel-caption{top:61px; bottom:auto; text-align:left; }
.carousel-caption div{max-width:586px; width:80%; background:rgba(0,0,0,0.7); padding:20px 30px 30px;}
.carousel-caption div h2{ font-size:60px; font-weight:900; position:relative; padding-bottom:5px;}
.carousel-caption div h2:after{content:''; height:6px; width:216px; background:#46aaff; position:relative; display:block; margin-top:10px;}
.carousel-caption div h2 small{display:block; clear:both; font-size:35px; font-weight:400;}
.carousel-caption div strong{font-size:22px; font-weight:900;}
.carousel-caption div p{font-size:18px; font-weight:400; line-height:22px;}
.carousel-caption div a{background:#46aaff; color:#FFF; text-align:center; padding:10px 20px; position:relative; display:inline-block; text-transform:uppercase; font-size:13px; font-weight:700;}
.carousel-caption div a:hover{background:#e60013;}


.about-area h1{font-size:30px; font-weight:600; position:relative; margin-bottom:30px;}
.about-area h1:after{content:''; width:80px; height:2px; background:#ddd; position:relative; display:block; text-align:center; top:15px; margin:0 auto;}
.about-area p{font-size:16px; line-height:30px; font-weight:600; margin-bottom:50px;}
.about-area [class^="col-"] div strong{display:block; padding:30px 0 25px; font-size:18px; font-weight:600;}
.about-area [class^="col-"] div a:hover strong{color:#c8191a;}
.about-area [class^="col-"] div span{font-size:15px; line-height:25px; font-weight:400;}
.about-area [class^="col-"] div a{display:block; color:#000;}
.about-area [class^="col-"] div a:hover{color:#000;}

.about-area [class^="col-"] div small{width:100px; border:1px solid #000; margin:0 auto; display:block; clear:both; left:0; right:0; position:absolute; bottom:-50px; visibility:hidden; opacity:0; transition:1s;}
.about-area [class^="col-"] div a:hover small{bottom:-30px; visibility:visible; opacity:1;}


.product-area{background:#1c63b8; color:#FFF;}
.product-area h2{font-family: 'Roboto Condensed', sans-serif; font-size:43px; font-weight:700; dsplay:block; margin-bottom:50px;}
.product-area h2 small{font-family: 'Open Sans', sans-serif; display:block; font-size:21px; font-weight:300; padding-bottom:10px;}
.product-area .owl-carousel .item div{display:block; background:#FFF; padding:3px; transition:1s;}
.product-area .owl-carousel .item a:hover span{color:#f9e1e1;}
.product-area .owl-carousel .item a:hover div{background:#c8191a;}
.product-area .owl-carousel .item a:hover div img{opacity:0.9;}
.product-area .owl-carousel .item span{display:block; text-align:center; color:#FFF; font-size:18px; line-height:50px;}
.product-area .owl-theme .owl-nav{position:absolute;width:100%;left:0;top:30%;}
.product-area .owl-carousel .owl-nav button.owl-prev{position:absolute; left:-65px; width:38px; height:38px; line-height:30px; text-align:center; background:#1d518f; color:#FFF; font-size:24px; border-radius:50%;}
.product-area .owl-carousel .owl-nav button.owl-prev i{position:relative; right:2px;}
.product-area .owl-carousel .owl-nav button.owl-next{position:absolute; right:-65px; width:38px; height:38px; line-height:30px; text-align:center;background:#1d518f; color:#FFF; font-size:24px; border-radius:50%;}
.product-area .owl-carousel .owl-nav button.owl-next i{position:relative; left:2px;}


.advantage-area{display:block; background:url('../images/advantage-bg.jpg') no-repeat center center; background-size:cover;}
.advantage-area h2{font-size:30px; font-weight:700;}
.advantage-area [class^="col-"]{margin-bottom:25px;}
.advantage-area [class^="col-"] div{display:block; transition:1s; }
/*.advantage-area [class^="col-"] div:hover{background:#db2d2e;}*/
.advantage-area [class^="col-"] div a{display:block; padding:15px 22px 22px; background:#FFF; min-height:370px;}
.advantage-area [class^="col-"] div a:hover{background:#db2d2e;}
.advantage-area [class^="col-"] div a:hover strong{color:#FFF}
.advantage-area [class^="col-"] div a:hover span{color:#FFF}
.advantage-area [class^="col-"] div img{display:block;}
.advantage-area [class^="col-"] div i{font-size:25px; color:#de3d3e; margin-bottom:15px; margin-top:8px; margin-left:10px;}
.advantage-area [class^="col-"] div a:hover i{color:#FFF;}
.advantage-area [class^="col-"] div strong{display:block; padding:5px 0 8px; font-size:18px; font-weight:600; color:#000;}
.advantage-area [class^="col-"] div span{font-size:16px; line-height:25px; font-weight:400; color:#000;} 
 

.testiasso-area h2{font-size:30px; color:#000;}
.testim-box{display:block; border:1px solid #dbdbdb; padding:26px; font-size:16px; margin-bottom:15px;}
.testim-box strong{display:block; clear:both; width:150px; float:right; margin-top:10px; color:#2363ba; font-size:15px;}
.testim-box strong small{display:block; clear:both; color:#797979;}
.testiasso-area .img-thumbnail{border-radius:0;}

footer{background:#20252b; color:#FFF;}
footer span{display:block; clear:both; font-weight:300; font-size:14px;}
footer h3{font-size:18px; font-weight:600; position:relative; margin-bottom:55px;}
footer h3:after{content:''; width:50px; height:2px; background:#1c63b8; position:relative; display:block; text-align:center; top:15px; left:0;}
footer ul{display:block; margin:0; padding:0; list-style:none;}
footer ul li{display:block; position:relative; padding-left:20px; margin-bottom:10px;}
footer ul li img{position:absolute; left:0; top:10px;}
footer ul li a{color:#FFF; font-weight:300; font-size:16px;}
footer [class^="col-"]:nth-child(3) div ul{display:inline-block; vertical-align:top; margin-right:12px;}
footer hr{border-top:1px solid rgba(255, 255, 255, 0.1)}

.sub-footer [class^="col-"]{padding-top:10px;}
.sub-footer [class^="col-"]:last-child div{ font-size:14px; font-weight:300; padding:0;}
.sub-footer [class^="col-"]:last-child div span{display:inline; margin:0; padding:0; color:#13a529; font-weight:600; text-transform:uppercase;}
.sub-footer [class^="col-"]:first-child div a{color:#FFF; font-size:20px; display:inline-block; margin:0 8px;}
.sub-footer [class^="col-"]:first-child div span{display:inline;}

/*-------------------------------------
			inner page
---------------------------------------*/
.inner-page{display:block; position:relative; margin:-35px 0 0; background:#e0e0e0;}
.inner-page h4{font-size:20px; font-weight:600;}
.left-menu{display:block; background:#ff8a33; color:#000; padding:30px 20px}
.left-menu h3{font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight:700;}
.left-menu ul{margin:0; padding:0; list-style:none;}
.left-menu ul li{position:relative; padding-left:15px; border-bottom:1px solid #c46a27; transition:1s;}
.left-menu ul li:last-child{border-bottom:none;}	
.left-menu ul li a img{position:absolute; left:0; top:14px;}
.left-menu ul li a{display:block; font-size:15px; color:#191919; font-weight:400; padding:5px 0;}
.left-menu ul li:hover{background:#f02d32; color:#FFF;}
.left-menu ul li:hover a{color:#FFF;}

.inner-page .breadcrumb{padding:0.75rem 0rem; background-color:inherit;}
.inner-page .breadcrumb li a{color:#000;}
.inner-page [class^="col-"]:last-child h1{font-weight:700; font-size:25px;}
.inner-page [class^="col-"]:last-child h1 small{font-size:16px; padding-top:8px;}

.inner-page [class^="col-"]:last-child thead{background:#1c63b8; color:#FFF; font-size:15px; font-weight:600;}
.inner-page [class^="col-"]:last-child thead th{font-weight:600; padding:0.95rem 0;}
.inner-page [class^="col-"]:last-child .table-bordered tbody td{border:1px solid #000; padding:2rem 0.75rem;}


.inner-page [class^="col-"]:last-child .table-bordered thead th{border-bottom:none; border-top:none;}
.inner-page [class^="col-"]:last-child .table-bordered thead th:first-child{border-left:1px solid #000; }
.inner-page [class^="col-"]:last-child .table-bordered thead th:last-child{border-right:1px solid #000;}
.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(even){background:#194171; }
.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(even) th{font-size:15px; line-height:20px;  color:#FFF; font-weight:600; padding:0.25rem 0; vertical-align:middle; }
.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(even) th:first-child{border-left:1px solid #000; }
.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(even) th:last-child{border-right:1px solid #000;}

.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(1) td:nth-child(odd){background:#FFF;}
.inner-page [class^="col-"]:last-child .table-bordered tr:nth-child(3) td:nth-child(even){background:#FFF;}

.inner-page [class^="col-"]:last-child h2{font-size:30px;}
.features ul{list-style:none; margin:0; padding:0;}
.features ul li{display:block; position:relative; padding:3px 0 3px 18px; font-size:15px; color:#000;}
.features ul li img{position:absolute; left:3px; top:11px;}

.product-grid [class^="col-"] div{display:block; padding:15px; border:1px solid #ddd; box-shadow:0 1px 2px 1px rgba(0,0,0,0.05); margin-bottom:25px; background:#f4f4f4; }
.product-grid [class^="col-"] div a{display:block; transition:1s; overflow:hidden;}
.product-grid [class^="col-"] div img{background:#e0e0e0; transition:1s;}
.product-grid [class^="col-"] div a:hover img{background:#f4f4f4; transform: scale(1.1);}
.product-grid [class^="col-"] div span{display:block; text-align:center; padding-top:8px; font-weight:600;} 

.contact [class^="col-"]{margin-bottom:25px;}
.contact [class^="col-"] div{background: #FFF;height:100%;padding:15px; min-height:180px;}
.contact [class^="col-"] div h3{font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:400; color:#f17b22;}
.contact [class^="col-"] div ul{display:block;margin:15px 0 5px;padding:0;list-style:none;}
.contact [class^="col-"] div ul li{display: block;position: relative;padding-left: 25px;margin: 10px 0 0;}
.contact [class^="col-"] div ul li i{position: absolute;left:0;top:5px;}

.enquiry{display:block; padding-top:25px;}
.enquiry p{color:#000; margin-bottom:10px;}
.enquiry p strong{font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:400; color:#000;}

.productmenu{display:inline-block; padding:10px 15px; background:#ff8a33; color:#000; font-family:'Roboto Condensed', sans-serif; font-size:18px; display:none;}

.form-area{background:#FFF;}
.form-inner{background:#FFF; display:block; padding:15px; }
.form-inner label{font-weight:600;}
.form-inner h3{font-family:'Roboto Condensed', sans-serif; font-size:22px; font-weight:400; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #ddd;}

.inner-banner{ display:block; position:relative; margin-bottom:25px;}
.inner-banner img{ width:100%;}

.advantage-box{ display:block; margin-bottom:25px;}
.advantage-box i{ color: #de3d3e; margin-right:10px;}

.state-approval{ display:block; padding:7px; background:#de3d3e; font-size:22px; color:#fff; margin-bottom:30px;}

.our-branches{ display:block; background:#de3d3e; padding:15px 25px; color:#fff;}
.our-branches span{ display:block; font-weight: 600; font-size:20px; margin-bottom:10px; text-transform:uppercase;}
.our-branches p{ margin-bottom:0; font-size: 16px;}

.features-txt [class^="col-"] span{ display:block; padding:15px 5px; text-align:center;}

@media (max-width: 1030px){
body{ display:block; overflow:hidden;}
}

@media (max-width: 980px){
	.product-area .owl-carousel .owl-nav button.owl-next{right:10px;}
	.product-area .owl-carousel .owl-nav button.owl-prev{left:10px;}
	.about-area [class^="col-"] div{margin-bottom:25px;}
	.footerul [class^="col-"]:nth-child(2){margin-bottom:35px;}
	.features-txt [class^="col-"] img{ width:100%;} 
}
@media (max-width: 800px){
	.navigation{z-index:99999; display:block;}
	/*.banner-area{z-index:-1;}*/
}
@media (max-width: 490px){
	.headcontact [class^="col-"]{font-size:14px; text-align:center; margin-bottom:15px;}
	.headcontact [class^="col-"] i{margin-right:5px; font-size:20px; top:0;}
	.fixed-soacial-icon{display:none;}
	.testiasso-area .testom{margin-top:35px;}
	footer [class^="col-"]{margin-bottom:25px;}  
	header img{max-width:100%; display:block; margin:0 auto;}
	.banner-area{margin:0;}
	.productmenu{display:block;}
}