/********************reset css start ************************/

@charset "utf-8";
a, a:active, a:focus, a:hover, input {
	outline:0
}

a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	
	background:0 0;
	resize:none
}
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
	font-family: 'Montserrat', sans-serif;

    position: relative;
    font-size:14px;
    line-height:24px;
    color:#000;
}

a, a:hover, a:focus {
	text-decoration:none;
	color:#fff;
	transition: all 0.3s ease-in;
}
img {
	max-width:100%;

}

a{color:inherit;}

ul{list-style:none;}

section{
	padding:70px 0;
}
::selection {
    background: #9E9E9E;
    text-shadow: none;
    color: #fff;
}
/********************reset css finish ************************/

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/loader1.gif);}

.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}





.navbar-brand>img {
    display: block;
    width: 375px;
    margin: -7px 0;
}

.top-band {
    padding: 12px 0 0px;
    background: #222222;
    
}

.top-left ul li {
    display: inline-block;
    padding: 0;
    font-weight: 500;
    margin-right: 15px;
}

.top-band a {
    color: #fff;
}

.top-left .fa {
   color: #ffffff;
}

.top-right {
    float: right;
}

.top-right span {
    font: normal 15px 'FontAwesome';
    color: #fff;
	margin-right:10px;
}

.top-right ul li {
    display: inline-block;
	    margin-right: 15px;
}

.social a {
    display: inline-block;
    margin-right: -4px;
    color: #999;
    width: 35px;
    text-align: center;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 50%;
    left: 60%;
    z-index: 10;
    /* background: #00a63fb3; */
    width: 36%;
    color: #fff;
    /* height: 63%; */
    /* padding: 50px; */
    text-align: left;
    text-shadow: none;
}
.carousel-caption h1{
   font-size: 50px;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 2px;
    line-height: 70px;
}

.carousel-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 15px;
    height: 7%;
    width: 3%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
    background: #000000b3 !important;
    filter: alpha(opacity=50);
    opacity: 1;
    border: 1px solid #fff !important;
}

.carousel-control.right {
    right: 15px;
}

h1.title:before {
    content: '';
    position: absolute;
    width: 300px;
    height: 50px;
    background: #002ea8;
    left: 0;
    top: -10px;
    z-index: -1;
}

h1.title {
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    font-weight: 200;
}

#abt {
    background: #f1f1f1;
}

.abt-txt p {
    line-height: 35px;
    font-size: 15px;
}

.pad-mar0{
    padding: 0px;
    margin: 0px;
}

.right-abt {
    background: url(../images/right-abt.jpg);
    height: 467px;
    background-position: center;
    background-size: cover;
}


.abt-left {
    padding: 10% 10% 10% 27%;
}




.product:hover img {
    opacity: 0.4;
}

.product img {
   transition:all 0.3s ease-in;
}



.prod-box {
    margin: 15px 0;
}

.view {
    text-align: center;
    padding: 30px 0 0;
}

.btn {
    display: inline-block;
    padding: 15px 30px;
   transition: all 0.3s ease-in;
    font-size: 17px;
    font-weight: 500;
	color: #fff;
    background: #002ea8;
    border: 1px solid transparent;
    border-radius: 30px;
}

.btn:hover{
	background:#fff;
	border: 1px solid #002ea8;
	color:#002ea8;
}

section#contact-band {
    background: #222127;
	  color: #ccc;
}

section#contact-band .fa {
    font-size: 5em;
    float: left;
    margin-right: 20px;
}

section#contact-band p {
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}

.phone p, .email p {
    line-height: 30px;
}

.email p {
    text-transform: none !important;
	line-height: 25px;
}


ul.ban {
    position: absolute;
    left: 150px;
    text-align: left;
    top: 100px;
    line-height: 30px;
    font-size: 17px;
}

ul.ban li:before {
    content: '~';
    margin-right: 10px;
    font-weight: 400;
    font-size: 20px;
}



.counter-box {
    text-align: center;

}

#counter {
    background: url(../images/fact.jpg)no-repeat fixed;
    background-position: center center;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.48);
}

.counting_sl {
    text-align: center;
}

.counting_sl h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100px;
}

.counting_sl h4 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 100;
}



.caption {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: #333333a3;
    color: #fff;
    width: 100%;
}

section#contact {
    background: #2d2c32;
	    color: #fff;
}

section#contact h3 {
    color: #fff;
    margin-bottom: 30px;
}



.form-group {
    margin-bottom: 15px;
    padding-left: 0;
}

.form-control {
    background-color: transparent;
   color:#fff;
    border-radius: 0px;

}

.form-control:focus {
    border-color: #0046ff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 46, 168, 0.52);
    box-shadow: none;
}

.sub:hover {
    background: #2d2c32;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.sub {
    display: inline-block;
    padding: 9px 20px;
    transition: all 0.3s ease-in;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #002ea8;
    border: 1px solid transparent;
    border-radius: 0px;
}

.pad-0{
	padding:0;
}

.footer-bottom {
    background: #222127;
    padding: 20px 0;
    border-top: 1px solid #fff;
    text-align: center;
	color:#fff;
	    font-weight: 500;
}

#inner{
	background: url('../images/product-inner.jpg');
	background-size:cover;
}

.banner-caption h2 {
    color: #fff;
    font-weight: 800;
    background: #002ea8;
    padding: 20px;
	line-height: 50px;
	text-align:center;
}

.product h3{ font-size:19px;}
.wrap-sticky nav.navbar.bootsnav{ width: 88% !important;    left: 5% !important;}
.carousel-caption  span{ display:block;}
.lft-flt { padding-left:60px;}


@media (max-width:767px){
	

.top-right {
    float: right;
    display: none;
}

.top-left ul {
    text-align: center;
}

.navbar-brand>img {
    display: block;
    width: 250px;
    margin: -5px 10px;
}

section#contact-band .fa {
    font-size: 3em;
    float: left;
    width: 10%;
    margin-right: 20px;
	margin-top: 10px;
}

section#contact-band p {
    font-weight: 500;
    font-size: 15px;
    float: left;
    width: 83%;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 20%;
    left: 60%;
    z-index: 10;
    
    width: auto;
    color: #fff;
   
  
    text-align: left;

}

.carousel-caption h1 {
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
       letter-spacing: normal;
    line-height: 25px;
}

.carousel-control {
  
    top: 80%;
    
    left: 15px;
    height: 12%;
    width: 5%;
    font-size: 17px;
   
}

.map {
    margin-bottom: 20px;
}

.footer-abt {
    margin-bottom: 20px;
}

.abt-left {
    padding: 10% 0;
}

.right-abt {
    height: 225px;
}

}

@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -17px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -16px;
    font-size: 30px;

}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px;
}

}

@media screen and (max-width: 360px){
.wrap-sticky nav.navbar.bootsnav{    position: relative !important;     width: 100% !important;
    left: 0% !important;     top: 0px !important;}
	nav.navbar.bootsnav{    border-radius: 0px  !important;}
.carousel-caption{padding-top: 7px; padding-bottom: 0px;  top: 0%;   left: 55%;}
.carousel-caption h1 {    font-size: 16px;     line-height: 16px;}
.carousel-control {      top: 50%;}
.carousel-caption  span{ display:inline;}
ul.ban{    left: 30px;     top: 32px;}
ul.ban li { font-size:9px; line-height:14px;}
ul.ban li:before{ display:none;}
ul.ban li:nth-child(5) { display: none;}
ul.ban li:nth-child(6){ display: none;}
ul.ban li:nth-child(7){ display: none;}
ul.ban li:nth-child(8){ display: none;}
ul.ban li:nth-child(9){ display: none;}
 
.footer-bottom p{    font-size: 12px;}
section#contact-band p{ font-size:14px;}
.lft-flt {
    padding-left: 42px;
    font-size: 21px;
    margin-bottom: 5px;
}


 }