/* Fonts */
@import url(font-awesome/css/font-awesome.min.css);
@import url(effect.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Niconne');

/* Fonts */



html { margin: 0; padding:0; overflow-x:hidden; background:#fff;}
body{ 
font-family: 'Open Sans', sans-serif; font-weight:400; padding:0; color:#494949;
font-size:14px;
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;
transition: 1s;
}
*:hover{
}

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


.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;
}


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

.header-area{ display:block; overflow:hidden; padding:20px 0; text-align:center;}
.header-area > div span{ display:block; font-size:34px; font-family: 'Quicksand', sans-serif; font-weight:500; text-transform:uppercase; color: #373737;}
.header-area > div ul{ display:block; list-style-type:none; padding:10px 0 0;}
.header-area > div ul li{ display:inline-block; margin:0px 8px; font-size:20px; font-weight:bold;}



.nav-area{  display: block; position:relative; border-top:1px rgba(0,0,0,0.1) solid; border-bottom:1px rgba(0,0,0,0.1) solid; z-index:100; text-align:center; }

/* --- Navigation Style --- */
ul#navigation, #navigation ul { list-style: none; margin:0; padding:0;}

ul#navigation{-webkit-font-smoothing:antialiased; list-style-type:none; margin:0px;}
ul#navigation > li {position: relative; display:inline-block; text-align:left;}
ul#navigation > li > a{color:#000; font-size:14px; line-height:1px; padding:20px 60px; font-weight:400; -webkit-transition: all .25s ease;  text-transform:uppercase; /*float:left;*/ display:block;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
ul#navigation > li:hover a {color:#fff; text-decoration:none; background:#000;}
/*ul#navigation > li:hover:after{position:absolute; left:0; right:0; bottom:-9px; background:#8cc63f; height:5px; content:''; display:block;}
*/

ul#navigation > li ul {float: left; left: 0; top:110px; opacity: 0; position: absolute; visibility: hidden; z-index: 102; width:200px; text-align:left;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
ul#navigation > li:hover > ul{opacity: 1;top: 40px;visibility: visible;}
ul#navigation > li > ul li a{clear:both; display:block; overflow:hidden; color:#fff!important; padding:8px 12px; border-top:1px #fff solid; background-color:#000!important;}
ul#navigation > li > ul a:hover { background-color:#333!important; color:#fff;}

ul#navigation > li > ul li{position:relative;}
ul#navigation > li > ul ul {left: 100%; top:50px;}
ul#navigation > li li:hover > ul{opacity: 1;top: 0;visibility: visible;}
ul#navigation > li > ul li li a{background-color:#1e4070!important;}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-caption{ padding-bottom:200px!important; font-family:"Times New Roman", Times, serif; left: 10%; width: 30%; color:#2d2a29; text-shadow:none;}
.carousel-caption span{ display:block; font-size:45px; font-weight:normal; line-height:1.2; margin-bottom:20px; text-transform:uppercase;}
.carousel-caption p{ display:block; font-size:20px;}

.side-right{ left: auto; right: 10%; color:#fff;}

.welcome-area{ display:block; margin:50px 0;}
.welcome-area fieldset { border:none; border:2px #101010 solid; margin:0 0 30px; padding:45px 20px; line-height:10px; position:relative;}
.welcome-area fieldset legend {width:auto; margin:0; padding:0 25px; border:none; text-align:center; }
.welcome-area fieldset legend h1 { margin:0; font-family: 'Niconne', cursive; font-size:60px; color:#101010;}
.welcome-area fieldset legend h1 span{ display:block; font-size:50px; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase;}
.welcome-area fieldset div{ display:block; width:60%; margin:0px auto; text-align:center;}
.welcome-area fieldset div p{ display:block; margin-bottom:25px; line-height:1.5; }
.welcome-area fieldset div a{ display:inline-block; padding:12px 25px; background:#000; color:#fff; font-size:15px; font-weight:300;}
.welcome-area fieldset div a:hover{ color:#e69341;}
.lft-img{ position:absolute; left: -130px; top:-60px; height:129%;}
.right-img{ position:absolute; right:-2px; top:-60px;  height:129%;}


.index-pro-area{ display:block; margin:80px 0 50px;}
.index-pro-area fieldset { border:none; border-top:1px rgba(199,199,199,0.7) double; margin:0 0 30px; padding:5px; line-height:10px;}
.index-pro-area fieldset legend {width:auto; margin:0; padding:0 25px; border:none; text-transform:uppercase; font-size:25px; font-weight:600; color:#979797;}

/* Carousel */
.owl-carousel{}
.owl-carousel .item{display:block; overflow:hidden; color:#161616; text-align:center;}
.owl-carousel .item > div{padding:10px;}
.owl-carousel div h2{width:100%; display:block; text-transform:uppercase; font-size:16px; font-weight:700; margin:0 0 10px; line-height:1.3;}
.owl-carousel div p{display:block; margin-bottom:15px; line-height:1.3; font-size:14px; text-align: center; /*min-height:50px;*/}
.owl-carousel div a{color:#a9adb6; text-transform:uppercase; font-size:12px; font-weight:700; text-decoration:underline;}
.owl-carousel div a:hover{color:#fff; text-decoration:none;}
/* Carousel End */

.quality-bg-area{ display:block; background:url(../images/quality-bg.jpg) no-repeat; background-size: cover; padding:0px 30px; margin-bottom:50px; min-height:400px;}
.quality-bg-area > div{ width:600px; float:right; background:rgba(0,0,0,0.4); padding:20px 70px; margin:80px 0 0; text-align:center; color:#fff;}
.quality-bg-area > div span{ display:block; font-family:"Times New Roman", Times, serif; font-size:48px; text-transform:uppercase; margin-bottom:20px; font-weight: normal;}
.quality-bg-area > div p{ clear:both; margin-bottom:25px; font-weight:300;}
.quality-bg-area > div a{ display:inline-block; padding:10px 25px; border:2px rgba(255,255,255,0.4) solid; color:#fff; font-size:15px; font-weight:300;}
.quality-bg-area > div a:hover{ border:2px rgba(230,147,65,0.4) solid; color:#e69341;}

.ft-bg-area{ display:block;}
.ft-bg-area img{ float:left; width:100%;}

.footer-area{ display:block; background:url(../images/footer-bg.jpg) no-repeat; background-size:cover; color:#fff; padding:30px 0; clear:both; text-align:center;}

.footer-area > div > div > div:nth-child(2) ul{ display:block; text-align:center; list-style-type:none; margin-bottom:20px; padding: 0; }
.footer-area > div > div > div:nth-child(2) ul li{ display:inline-block; margin:0px 8px;}
.footer-area > div > div > div:nth-child(2) ul li a{ color:#fff; text-transform:capitalize; font-size:17px; font-weight:300;}
.footer-area > div > div > div:nth-child(2) ul li a:hover{ color:#ffb350;}

.footer-area > div > div > div:last-child ul{ display:block; list-style-type:none; padding:15px 0 0;}
.footer-area > div > div > div:last-child ul li{margin-right:5px; display:inline-table;}
.footer-area > div > div > div:last-child ul li a{width:35px;height:35px;display:block;background:#3d5b9b;color:#fff;text-align:center;position:relative;}
.footer-area > div > div > div:last-child ul li a:after{line-height:35px;font-size:22px;content:"\f09a";font-family:'FontAwesome';}
.footer-area > div > div > div:last-child ul li:nth-child(2) a{background:#2caae1;color:#fff;}
.footer-area > div > div > div:last-child ul li:nth-child(2) a:after{content:"\f099";}
.footer-area > div > div > div:last-child ul li:nth-child(3) a{background:#cc2127;color:#fff;}
.footer-area > div > div > div:last-child ul li:nth-child(3) a:after{content:"\f231";}
.footer-area > div > div > div:last-child ul li a:hover{background:#ffb350;color:#000;}

.inner-banner{ display:block; padding:60px 0; background:url(../images/product-bg.jpg) no-repeat; background-size:cover; color:#fff;}
.inner-banner h1 { display:block; text-align:center; margin:0; text-transform:uppercase; font-size:50px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#090909;}


.inner-area{ display:block; padding:40px 0;}
.inner-area p{ display:block; clear:both; margin-bottom:25px; font-size:15px; line-height:22px; text-align:justify;}
.inner-area h2{display:block; overflow:hidden; font-size:28px; margin-bottom:15px; padding-bottom:0; text-transform:uppercase; color:#9e5c44;}

.about-area > div > div:last-child fieldset { border:none; border-top:0!important; margin:0; padding:5px; line-height:10px; margin:0px;}

.product-area > div > div{ display:block;}
.product-area > div > div span{ display:block; font-size:20px; font-weight:600; text-transform:uppercase; margin-bottom:10px;}
.product-area > div > div > ul{ padding:0px; list-style-type:none;}
.product-area > div > div > ul > li > a{ display:block; /*overflow:hidden;*/ clear:both; padding:8px 0; border-bottom:1px rgba(132,132,132,0.4) solid; color:#848484;}
.product-area > div > div > ul > li.active > a{ color: #090909; border-bottom: 1px solid #090909; text-decoration:none;}
.product-area > div > div > ul > li:last-child > a{border-bottom:0;}
   
.product-area > div > div:last-child fieldset { border:none; border-top:1px rgba(132,132,132,0.4) solid; margin:20px 0 0; padding:5px; line-height:10px;}
.product-area > div > div:last-child fieldset legend{width:auto; margin:0; padding-right:20px; border:none;}
.product-area > div > div:last-child fieldset legend h2 { display:block; text-transform:uppercase; font-size:23px; font-weight:normal;}

ul.products-nav{ padding:0; list-style-type:none;}
ul.products-nav li{ margin:15px 0; text-decoration:none;}
ul.products-nav li div{ display:block; padding:15px; text-align:center; text-decoration:none; outline:none;}

ul.products-nav li a img{ 
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

ul.products-nav li:hover a img{
-webkit-transform: translateY(-10px);
transform: translateY(-10px);}

ul.products-nav li div h3{ display:block; font-size:16px; text-transform:uppercase; font-weight:600; margin-top:0;}
ul.products-nav li div:hover h3{ color:#ffb350;}
ul.products-nav li div p{ clear:both; color:#6e6e6e; font-size:15px; text-align:center;}

.product-details-area [class^="col-"]{border-right:1px rgba(214,214,214,0.6) solid; }
.product-details-area [class^="col-"]:last-child{border-right:0;}
.product-details-area [class^="col-"] div img{max-width:100%; float:left;}
.product-details-area [class^="col-"]:first-child div ul{text-align:center; display:block; margin-top:20px; list-style-type:none; padding:0;}
.product-details-area [class^="col-"]:first-child div li{width:18%; display:inline-block; border:1px #ddd solid; margin:1%; padding:5px; cursor:pointer;}

.product-details-area [class^="col-"]:last-child div{ display:block; padding:40px 0 0px 20px;}
/*.product-details-area [class^="col-"] div h2{display:block; overflow:hidden; font-size:28px; margin-bottom:15px; padding-bottom:0; text-transform:uppercase; color:#9e5c44;}*/
.product-details-area [class^="col-"] div span{display:block; overflow:hidden; margin-bottom:15px; font-weight:500; clear:both; font-size:18px; text-transform:uppercase;}
.product-details-area [class^="col-"] div p{display:block; overflow:hidden; line-height:1.5; text-align:justify; margin-bottom:20px;}
.product-details-area [class^="col-"] div p strong{color:#43638d;}
.product-details-area [class^="col-"] div h3{line-height:1.5; display:block; text-transform:uppercase; font-weight:500; font-size:18px; margin: 0 0 15px; display:block; clear:both;}

.product-details-area [class^="col-"] div ol{list-style-type:none; margin:0 0 20px; padding:0; display:block; overflow:hidden; clear:both;}
.product-details-area [class^="col-"] div ol li{float:left; clear:both; padding-left:28px; margin-bottom:8px; text-align:justify; position:relative; display:block;}
.product-details-area [class^="col-"] div ol li:before{position:absolute; left:5px; top:1px; content:'\f055'; display:block; font-family:'FontAwesome'; color:#43638d; font-size:14px;}

.contact-area [class^="col-"] div span{ display:block; font-size:24px; margin-bottom:20px;}
.contact-area [class^="col-"] div ul{ list-style-type:none; padding:0;}
.contact-area [class^="col-"] div ul li{ display:block; position:relative; padding-left:25px; font-size:15px; margin-bottom:10px; line-height:24px;}
.contact-area [class^="col-"] div ul li i{position:absolute; left:0; top:4px; font-size:16px; color: #9e5c44;}
.contact-area [class^="col-"] div ul li:nth-child(3) i{ font-size:25px;}

.btn.btn-default{ background:#9e5c44; padding:10px 20px; font-size:16px; text-transform:uppercase; color:#fff;}
.btn.btn-default:hover{ background:#333;}

.map-area{ display:block; overflow: hidden; margin-top:50px; border: 10px solid #f3f3f3;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34);}
.map-area iframe{ float:left;}







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

@media screen and (max-width: 1300px) and (min-width: 992px) {
	
}

@media (max-width: 1030px){
	
    .carousel-caption{ display:none;}
	.owl-theme .owl-controls, .owl-theme .owl-controls .owl-buttons div{ position:static !important;}
	.lft-img, .right-img{ display:none;}
	.welcome-area fieldset div{ width:100%;}
	.welcome-area fieldset legend{ padding:0;}
	.product-area .col-lg-2{ display:none;}
}


@media (max-width: 991px){
	.quality-bg-area > div{ width:100%;}
	ul#navigation > li > a{ padding:20px;}
	
}



@media (max-width: 767px){
	.row-eq-height{ display:block;}
	.product-details-area [class^="col-"]{ border-right:0;}
	.product-details-area [class^="col-"]:last-child div{ padding-left:0;}
}


@media (max-width: 500px){
	.quality-bg-area > div{ width:100%; padding:20px;}
	.quality-bg-area > div span{ font-size:30px;}
	ul.products-nav li.col-xs-6{ width:100%;}
	.footer-area > div > div > div:nth-child(2) ul li{ padding:4px;}
	
}


/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.lft-img {
    position: absolute;
    left: -130px;
    top: 59px;
    height: 82.4%;
}

.right-img {
    position: absolute;
    right: -2px;
    top: 59px;
    height: 83%;
}



}