/* Fonts */
@import url(effect.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
/* Fonts */


html { margin: 0; padding:0; overflow-x:hidden; background:#fff;}
body{ 
font-family: 'Roboto'; font-weight:normal; padding:85px 0 0; background:#fff; color:#4d4d4f;
font-size:15px;
line-height:1.3;
height:100%; 
min-height:100%;
}

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

img{border:0;}

*{ box-sizing:border-box;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
*:hover{
}

a{color:#373737; text-decoration:none;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
a:hover{text-decoration:none; color:#43638d;}


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}


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

h1, h2, h3, h4{margin:0 0 20px; padding:0; font-weight:normal;}


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


.header{padding:0; background:#fff;
-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);
}

.header a.logo{float:left; position:relative; margin-bottom:-25px;}


/* --- Navigation Style --- */
.navigation{float:right; display:block;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {}
.carousel .item { width:100%;}
.carousel-inner > .item > img {width: 100%;}
.home-slide .item .carousel-caption{position:absolute; left:14%; right:auto; bottom:auto; top:14%; width:auto; text-align:left;}
.home-slide .item .carousel-caption span{font-size:32px; text-shadow:none; font-family:'Playfair Display'; line-height:0.8; letter-spacing:1px; color:#fff;}
.home-slide .item .carousel-caption span strong{display:block; clear:both; overflow:hidden; font-size:60px; line-height:1.2; position:relative; top:-15px;}
.home-slide .item:nth-child(1) .carousel-caption span{color:#000700;}
.home-slide .item:nth-child(2) .carousel-caption{left:auto; right:15%; bottom:auto; top:28%;}
.home-slide .item:nth-child(3) .carousel-caption{left:6%; right:auto; bottom:auto; top:17%;}
.home-slide .item:nth-child(4) .carousel-caption{left:auto; right:6%; bottom:auto; top:30%;}
.home-slide .item:nth-child(5) .carousel-caption{left:12%; right:auto; bottom:auto; top:42%;}
.home-slide .item:nth-child(6) .carousel-caption{left:auto; right:15%; bottom:auto; top:25%;}


.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity;}
.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.next,
.carousel-fade .carousel-inner > .item.active.right{opacity:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left{opacity:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}


.product-scroll-area{display:block; padding:50px 0; background:#f4f5f8; overflow:hidden;}
.product-scroll-area h2{text-align:center; text-transform:uppercase; margin:0 0 35px; color:#262d35; font-size:40px; font-weight:400; letter-spacing:1px;}
.product-scroll-area .item > div{display:block; overflow:hidden; padding:25px 20px; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ffe+0,0060bf+100 */
background: rgb(0,127,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,127,254,1) 0%, rgba(0,96,191,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,127,254,1) 0%,rgba(0,96,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,127,254,1) 0%,rgba(0,96,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ffe', endColorstr='#0060bf',GradientType=0 ); /* IE6-9 */
}
#owl-demo .owl-item:nth-child(even) .item > div{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f7f7f+0,4e4e4e+100 */
background: rgb(127,127,127); /* Old browsers */
background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(78,78,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(78,78,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(127,127,127,1) 0%,rgba(78,78,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
}

.product-scroll-area .item a{background:#000; display:block; overflow:hidden;}
.product-scroll-area .item a img{width:100%;}
.product-scroll-area .item:hover a img{opacity:0.4; transition: 1s;}
.product-scroll-area .item > div h3{font-size:16px; margin-bottom:10px;}
.product-scroll-area .item > div p{font-weight:300; margin-bottom:0;}



.blue-area{background:#12172a; display:block; overflow:hidden; color:#a0a6be; font-size:18px; font-weight:300; line-height:1.5;}
.blue-area [class^="col-"]{position:relative;}
.blue-area [class^="col-"] > div{padding:70px; position:relative; z-index:1; display:block; overflow:hidden;}
.blue-area [class^="col-"]:first-child > div{padding-right:0; padding-left:15px; text-align:right;}
.blue-area [class^="col-"] > div img{max-width:100%;}
.blue-area [class^="col-"]:first-child:before{position:absolute; content:''; display:block; left:-200%; right:0; top:0; bottom:0; background:url('../images/blue-bg.jpg') no-repeat center center; background-size:cover;}
.blue-area h1{text-transform:uppercase; margin:0 0 20px; color:#fff; font-size:40px; font-weight:300; letter-spacing:1px;}
.blue-area p{text-align:justify; margin-bottom:25px;}
.blue-area a{float:left; clear:both; background:#185694; color:#fff; text-transform:uppercase; padding:10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.blue-area a:hover{background:#007ffe;}


.footer-map-area{margin:25px auto;}
.footer-map-area > [class^="col-"]{border-left:1px #ddd solid;}
.footer-map-area > [class^="col-"]:first-child{border:none; text-align:center;}
.footer-map-area > [class^="col-"]:first-child img{max-width:100%;}
.footer-map-area > [class^="col-"] > div{ display:block; overflow:hidden; padding:25px 35px;}
.footer-map-area h3{font-size:15px; text-transform:uppercase; margin:5px 0 7px; font-weight:600; color:#353535;}
.footer-map-area a{color:#185694; text-transform:uppercase; font-size:13px; font-weight:600;}
.footer-map-area a:hover{color:#0080ff;}
.footer-map-area .row img{width:130px; height:130px; display:block; border:7px #dedede solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}



.footer{display:block; overflow:hidden; clear:both; background:#151c22 url('../images/footer-bg.jpg') no-repeat center center fixed; background-size:cover; color:#fff; padding:50px 0;}
.footer ul{list-style-type:none; padding:0; margin:0;}
.footer ul li{display:inline-block;}
.footer ul li a{color:#fff;}
.links > [class^="col-"]:first-child ul{float:right;}
.links > [class^="col-"]:first-child ul li{margin:0 3px; font-size:16px;}
.links > [class^="col-"]:first-child ul li a{width:35px; height:35px; display:block; text-align:center; line-height:35px; background:#2e3f97;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.links > [class^="col-"]:first-child ul li:nth-child(2) a{background:#2a9fd9;}
.links > [class^="col-"]:first-child ul li:nth-child(3) a{background:#f94717;}
.links > [class^="col-"]:first-child ul li a:hover{background:#fff; color:#151c22;}
.links > [class^="col-"]:last-child ul li{padding:10px 0 0; padding-right:10px; margin-right:10px; text-transform:uppercase; font-weight:500; font-size:15px;}
.links > [class^="col-"]:last-child ul li a:hover{color:#0080ff}

.address{padding-top:15px; padding-bottom:15px; margin-top:15px; margin-bottom:20px; border-top:1px rgba(255,255,255,0.2) solid; border-bottom:1px rgba(255,255,255,0.2) solid; font-weight:300; line-height:1.8;}
.address ul li:first-child{display:block;}
.address ul li{margin-right:10px;}
.address ul li strong{padding-right:3px; color:#0080ff;}
.address > [class^="col-"]:last-child{text-align:right;}
.address > [class^="col-"]:last-child a{color:#fff; font-size:24px; margin:5px 15px;}
.address > [class^="col-"]:last-child a:hover{padding-right:3px; color:#0080ff;}
.footer p{font-weight:300; color:#5f6d7b;}



/* --- Inner Area --- */
.inner-white-area{background:#fff; z-index:100; position:relative; top:-70px; margin-bottom:-70px; color:#353535;}
.inner-white-area > div{display:block; padding:40px 100px 0;}
.breadcrumb{padding:0 10px 10px; margin:0 0 10px; background:none; font-size:13px; text-transform:uppercase; border-bottom:1px #ddd solid; position:relative;}
.breadcrumb:before{position:absolute; content:''; display:block; bottom:-2px; height:3px; left:0; width:20%; background:#0080ff;}
.breadcrumb a{color:#0080ff;}
.inner-white-area h1{text-transform:uppercase; line-height:1.5; font-size:28px; font-weight:600; margin-bottom:30px;}

.profile-content{display:block; margin-bottom:50px;}
.profile-content img{max-width:100%;}
.profile-content [class^="col-"] > div{padding:0px 30px 20px;}
.profile-content [class^="col-"] > div p{text-align:justify; font-weight:300; line-height:1.4;}


.vision-mission-box-area{position:relative; padding-top:50px; padding-bottom:30px; display:block;}
.vision-mission-box-area h2{font-size:26px; text-transform:uppercase; color:#fff; padding:0 0 5px; margin-bottom:35px; position:relative; letter-spacing:1px; line-height:1.3; font-weight:700;}
.vision-mission-box-area h2 span{ font-size:15px; display:block; overflow:hidden; font-weight:normal;}
.vision-mission-box-area h2:before{position:absolute; content:''; display:block; bottom:0px; left:0%; height:1px; width:50px; background:#fff;}
.vision-mission-box-area:before, .vision-mission-box-area:after{position:absolute; content:''; display:block; bottom:0px; top:0; left:-100%; right:-400%; background: url('../images/gray-texture-bg.jpg') repeat center center;}
.vision-mission-box-area:after{bottom:0px; left:-400%; right:50%; background:#0080ff;}
.vision-mission-box-area div, .vision-mission-box-area > h2{z-index:101; position:relative;}
.vision-mission-box-area > .row > [class^="col-"] > img{max-width:100%;}
.vision-mission-box-area .row .row > [class^="col-"] > div{background:#fff; display:block; overflow:hidden; padding:35px 30px; text-align:center; margin-bottom:30px;}
.vision-mission-box-area .row .row img{margin-bottom:25px;}
.vision-mission-box-area .row .row h4{text-transform:uppercase; font-weight:600; font-size:15px; margin-bottom:10px;}
.vision-mission-box-area a{font-weight:600; text-transform:uppercase; font-size:13px; color:#406387;}


.table-responsive{background:#fff; padding:20px 2% 0; margin-bottom:60px;}
.table thead{background:#000; color:#fff; border-bottom:0;}


.products{margin-bottom:60px;}
.products a{display:block; clear:both; overflow:hidden; margin-bottom:30px; position:relative;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.products a img{width:100%;}
.products a span{padding:15px 0 0; display:block; position:absolute; bottom:0; top:80%; left:0; right:0; text-align:center; background:rgba(0,0,0,0.7); color:#fff; transition: 1s ease;}
.products a:hover span{padding:40% 0; top:0; background:rgba(0,0,0,0.8); font-size:18px;}


.contact-details{margin-bottom:30px;}
.contact-details h2{font-size:18px; font-weight:600; color:#406387;}
.contact-details ul{list-style-type:none; margin:0; padding:0;}
.contact-details ul li{position:relative; line-height:1.5; margin-bottom:7px; padding-left:25px;}
.contact-details ul li i{position:absolute; left:0; top:3px; color:#406387;}

.map-area{width:100%; padding-bottom:0; margin-bottom:40px;}
.map-area iframe{width:100%; height:300px;}

.send-box{-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2); padding:25px 5px 15px; margin-bottom:20px; background:#fff;}
.send-box div[class^="col-"] span{display:block;clear:both;overflow:hidden;font-size:13px;margin-bottom:5px;}
.send-box div[class^="col-"]{margin-bottom:25px;}
.send-box div[class^="col-"]:last-child{margin:0 0 10px;}
.send-box input, .send-box textarea{width:100%;border:none;background:#fff;border-bottom:1px #ddd solid;}
.send-box input[type="submit"]{width:120px;padding:10px;background:#0080ff;border:none;color:#fff;text-transform:uppercase;}
.send-box input[type="submit"]:hover{background:#7297a9;}
.send-box h2{color:#222;}
.send-box h2:before{background:#222;}
.send-box input[type="file"]{border-bottom:0px #ddd solid;}

.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; overflow:hidden;}
.product-grid [class^="col-"] div img{background:#e0e0e0; max-width:100%;}
.product-grid [class^="col-"] div span{display:block; text-align:center; padding-top:8px; font-weight:600;}





/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1366px){
.container{width:100%;}
.inner-white-area > div{display:block; overflow:hidden; padding:3%;}
}

@media (max-width: 1024px){
.logo img{width:300px;}
body{padding:49px 0 0;}

.home-slide .item .carousel-caption span{font-size:28px;}
.home-slide .item .carousel-caption span strong{font-size:42px; line-height:1.4;}

.inner-white-area{top:0px; margin-bottom:0px;}
}


@media (max-width: 991px){
.row-eq-height{display:block;}
.row-cell-vrtical-content > [class^="col-"]{display:block; float:left; clear:both;}

.navigation{width:100%;}
.stellarnav{height:0;}
.stellarnav.active{height:auto;}

.blue-area [class^="col-"] > div{padding:30px;}
.blue-area [class^="col-"]:first-child > div{padding:30px; text-align:left;}

.footer-map-area > [class^="col-"]:first-child{border-bottom:1px #ddd solid; padding:20px; margin-bottom:25px;}
.footer-map-area > [class^="col-"] > div{padding:0px;}
.footer-map-area .row img{width:110px; height:110px;}

.profile-content [class^="col-"] > div{padding:30px 0;}

}



@media (max-width: 767px){
.header .container, .header .row{padding:0;}

.footer{text-align:center;}
.links > [class^="col-"]:first-child ul{float:none; display:inline-block;}
.address > [class^="col-"]:last-child{text-align:center;}

.vision-mission-box-area:after{bottom:0; right:-100%;}

}


@media (max-width: 500px){
.footer-map-area > [class^="col-"]{border:none;}
.footer-map-area > [class^="col-"] > div{padding:0 0 20px;}
}

@media (max-width: 360px){
}





.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}