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

@font-face {
	font-family: 'Conv_TrajanPro-Regular_0';
	src: url('fonts/TrajanPro-Regular_0.eot');
	src: local('☺'), url('fonts/TrajanPro-Regular_0.woff') format('woff'), url('fonts/TrajanPro-Regular_0.ttf') format('truetype'), url('fonts/TrajanPro-Regular_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Nikosh';
	src: url('../fonts/Nikosh.eot');
	src: local('☺'), url('../fonts/Nikosh.woff') format('woff'), url('../fonts/Nikosh.ttf') format('truetype'), url('../fonts/Nikosh.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Open Sans', sans-serif; font-weight:normal; padding:0; color:#040404; font-weight:400; padding-right:0!important;
font-size:16px;
line-height:1.5;
}

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

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#161616; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1f1917;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; font-family: 'Conv_Nikosh';}

.fix{
position:fixed !important ; 
z-index:999999 ; 
padding:0 ;
top: 0 ;
left: 0 ;
right: 0 ;
margin: 0;
width:100%;
background:rgba(255,255,255,1);
-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);
}

.hader-bg-area{ display:block; border:none; transition: 1s; width:100%; position:relative; width:100%; left:0; top:0; z-index:999; background:#fff;}
.header-area{ display:block; background:#fff; padding:0; border-radius: 5px;}

.relative{position:relative;}
a.logo{ position:relative; top:0; left:0; z-index:999; transition: 1s; padding:0; display:block;}
a.logo img{height:95px; transition: 1s;}
.fix a.logo img{  height:70px; }
.fix .stellarnav > ul > li > a{ padding: 26px 15px;}


.banner-area{ display:block; background:#140c0c; clear:both; position:relative;}
.banner-area img{ width:100%; }
.banner-area .carousel-caption{ font-family: 'Raleway', sans-serif;  left:15%; top:35%; bottom:auto; text-align:left; background:rgba(0, 0, 0, 0.5);}
.banner-area .carousel-caption span{ display:block;  font-size:60px; text-transform:uppercase; font-weight:200; line-height:1.2; margin-bottom:15px;}
.banner-area .carousel-caption a{ color:#f4d432; font-weight:500; text-transform:uppercase;}
.banner-area .carousel-caption a i{ font-size:16px;}
.banner-area .carousel-indicators .active{ background-color:#fff;}
.banner-area .carousel-indicators li{ width:10px; height:10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}


.index-pro-bg-area{ display:block; position:relative; background:url(../images/pro-bg1.png) no-repeat left bottom 20px, url(../images/pro-bg2.jpg) no-repeat right bottom;}
.index-pro-area{ display:block; padding:90px 0;}
.index-pro-area:before{ position:absolute; content:''; background:url(../images/pro-bg.jpg) no-repeat; width:1030px; min-height:360px; top:-64px;}
.index-pro-area [class^="col-"] h1{ display:block; font-family: 'Conv_Nikosh'; font-size: 62px; font-weight: 400; line-height: 1; margin-bottom:150px; padding-left:15px; color:#fff;}
.index-pro-area [class^="col-"] h1 span{ display:block;}
.index-pro-area .carousel-inner .no-gutters>.col, .no-gutters>[class*=col-]{ padding-right: 5px; padding-left: 5px;}
.index-pro-area .carousel-indicators { position: absolute; right: inherit; bottom: -50px; left: 0; margin-right: 0%; margin-left: 0%;}
.index-pro-area .carousel-indicators .active{ border:1px solid rgba(0, 0, 0, 0.3); background:rgba(0, 0, 0, 0.3);}
.index-pro-area .carousel-indicators li{ width:12px; height:12px; border:1px solid rgba(0, 0, 0, 0.3); background:#fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.index-pro-area a{ display:inline-block; padding:8px 12px; font-size:11px; font-weight:700; border:1px solid #ccc; letter-spacing:1px; color:#040404;}
.index-pro-area a:hover{ background:#e02226; border:1px solid #e02226; color:#fff;}

#slider3{ display:none;}

.index-pro-box div{ position:relative;}
.index-pro-box div span{ display:block; position:absolute; left:0; right:0; bottom:0; color:#fff; z-index:100; padding:20px; font-size:22px; text-transform:uppercase; text-align:left; 
font-family:'Conv_TrajanPro-Regular_0',Sans-Serif; line-height:1.3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99,000000+99&0+0,0.62+45,0.98+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 45%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,0.98) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 45%,rgba(0,0,0,0.97) 99%,rgba(0,0,0,0.98) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 45%,rgba(0,0,0,0.97) 99%,rgba(0,0,0,0.98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-9 */}
.index-pro-area2 .carousel-indicators { position: absolute; right: inherit; bottom: -70px; left: 0; margin-right: 0%; margin-left: 0%;}
.index-pro-area2 .carousel-indicators .active{ border:1px solid rgba(0, 0, 0, 0.3); background:rgba(0, 0, 0, 0.3);}
.index-pro-area2 .carousel-indicators li{ width:12px; height:12px; border:1px solid rgba(0, 0, 0, 0.3); background:#fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}


.index-pro-box2 div{ position:relative;}
.index-pro-box2 img{ width:100%;}
.index-pro-box2 div span{ display:block; position:absolute; left:0; right:0; bottom:0; color:#fff; z-index:100; padding:20px; font-size:22px; text-transform:uppercase; text-align:left; 
font-family:'Conv_TrajanPro-Regular_0',Sans-Serif; line-height:1.3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99,000000+99&0+0,0.62+45,0.98+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 45%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,0.98) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 45%,rgba(0,0,0,0.97) 99%,rgba(0,0,0,0.98) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 45%,rgba(0,0,0,0.97) 99%,rgba(0,0,0,0.98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-9 */}


.welcome-bg-area{ display:block; width:100%; background:url(../images/welcome-bg.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover; position:relative;}
/*.welcome-bg-area:after{ position:absolute; content:''; background:url(../images/women-img.png) no-repeat; width:633px; height:100%; padding:0; right:0;}*/
.welcome-area{ display:block; padding:100px 0 130px;}
.welcome-area h2{font-size:48px; font-family: 'Conv_Nikosh'; line-height:1.4; color:#000; margin-bottom:15px;}
.welcome-area a{ display:inline-block; padding:8px 12px; font-size:11px; font-weight:700; border:1px solid #ccc; letter-spacing:1px; color:#040404;}
.welcome-area a:hover{ background:#e02226; border:1px solid #e02226; color:#fff;}


.footer-bg-area{ display:block; width:100%; background:#fff url(../images/footer-bg.jpg) no-repeat; height:100%;  background-position: center; background-size: cover; 
position:relative; padding:0px 0 200px;}
.footer-bg-area1{ display:block; width:100%; background:#fff url(../images/footer-bg1.jpg) no-repeat; height:100%;  background-position: center; background-size: cover; 
position:relative; padding:0px 0 200px;}

.quality-bg-area{ display:block; position:relative; background:url(../images/quality-bg1.png) no-repeat left center, url(../images/quality-bg2.png) no-repeat right center; height:100%;}
.quality-area{ display:block; padding:150px 120px; position:relative; background:url(../images/quality-bg3.jpg) no-repeat center; min-height:578px; top: -60px;}
.quality-area span{ display:block; font-family: 'Conv_Nikosh'; font-size:45px; text-transform:uppercase; font-weight:500; line-height:1.2; margin-bottom:10px;}
.quality-area span strong{ display:block; font-family: 'Conv_Nikosh'; font-size:70px; font-weight:500; }
.quality-area a{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:1px; color:#fe6c48;}
.quality-area a:hover{ text-decoration:underline;}

.footer-area{ display:block; background:#f7b9b3; padding:30px 0px 20px;}
.ft-address-details{ display:block; text-align:center;}
.ft-address-details h3{ font-size:35px;}
.ft-address-details p{ margin-bottom:6px;}


.copy-right-area{ display:block; padding:1px 0; }
ul.copy-nav{ list-style-type:none; padding:0; margin-bottom:0;}
ul.copy-nav li{ display:inline-block; padding:0px; color:#161616;}
ul.copy-nav li a{ color:#161616; font-size:14px;}
ul.copy-nav li a:hover{ color:#d12129;}
.copy-right-area span{ display:block; text-align:right; font-size:14px;}



.inner-bg-area{ display:block; background:#fff; clear: both;}
.inner-sub-bg{ display:block; overflow:hidden; background:url('../images/products-bg.jpg') no-repeat; padding:100px 0 100px; background-size:cover;}

ul.page-path{ list-style-type:none; padding:0; text-align:left; margin-bottom:15px;}
ul.page-path li{ display:inline-block; color:#fff;}
ul.page-path li:before{ color:#fff!important;}
ul.page-path li a{ color:#fff;}
ul.page-path li a:hover{ color:#fff; text-decoration:underline;}

.about{background-image:url('../images/about-bg.jpg');}
.management{background-image:url('../images/management-bg.jpg');}
.strengths{background-image:url('../images/strengths-bg.jpg');}
.quality{background-image:url('../images/quality-bg.jpg');}
.contact{background-image:url('../images/contact-bg.jpg');}

.inner-area{ display:block; background:#fff; padding:40px 30px;}
.content-area{ display:block; margin-top:20px;}
.content-area p{ display:block; font-size:15px; line-height: 1.6;}
.content-area .card-title{ font-size:19px;}
.content-area hr{ display:block; margin:25px 0;}

.products-nav strong{ display:block; margin-bottom:10px; border-bottom:2px dotted #aaaaaa; padding-bottom:10px; font-size:17px; position:relative; padding-left: 20px;}
.products-nav strong i{ font-size:8px; position: absolute; left: 0; top: 8px; margin-right: 4px; color:#ff5041;}
.products-nav ul{ list-style-type:none; padding-left:0px;}
.products-nav ul li{ font-size:14px; line-height:24px; color:#231f20;}
.products-nav ul li > i{ font-size:12px;}
.products-nav ul li strong{ display:inline-block; margin-bottom:16px; border-bottom:2px dotted #aaaaaa; padding-bottom:10px; font-size:17px; position:relative; padding-left: 20px;}
.products-nav ul li strong > i{ font-size:8px; position: absolute; left: 0; top: 8px; margin-right: 4px; color:#ff5041;}


.sub-head{ display:block; position:relative; color:#e8888a; margin-bottom:30px; font-size:25px; font-family: 'Conv_Nikosh'; font-weight:600; letter-spacing:1px; text-align:center;}
.sub-head:before{ position:absolute; content:''; left:25%; bottom:45%; width:16%; height:1px; background:#d4d4d4;}
.sub-head:after{ position:absolute; content:''; right:25%; bottom:45%; width:16%; height:1px; background:#d4d4d4;}

.management-area h2{ display:block; font-size:24px; color:#f2665b; margin-bottom:4px;}
.management-area strong{ display:block; font-weight:600;}
.management-area a{ display:inline-block; font-size:15px; margin-bottom:10px; font-weight:500;}
.management-area i{ color: #f2665b; margin-right:5px; font-size:18px; position:relative; top:2px;}
.management-area img{ margin-bottom:15px;}

ul.strengths-nav { list-style-type:none; padding-left:5px;}
ul.strengths-nav li { display:block; margin-bottom:10px; font-size:15px; position:relative; padding-left: 30px;}
ul.strengths-nav li i{ font-size:16px; position: absolute; left: 0; top: 3px; margin-right: 4px; color:#ff5041;}


.contact-dlt-box { padding:10px;}
.contact-dlt-box span{ display:block; color:#000; padding:5px 10px; /*background:#ddd;*/ margin-bottom:20px; text-transform:uppercase; font-weight:600; font-size:20px;}
.contact-dlt-box iframe{ display:block; margin-bottom:30px;}
.contact-dlt-box ul{ list-style-type:none; padding-left:0;}
.contact-dlt-box ul li{ position:relative; padding-left:25px; margin-bottom:15px; font-size:15px; }
.contact-dlt-box ul li i{ position:absolute; left:0; top:6px; color:#e8888a;}

.send-box{padding:25px;margin:25px 0;-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); background:#fff;}
.send-box div[class^="col-"] span{display:block;clear:both;overflow:hidden; margin-bottom:5px; font-size: 15px; text-transform:capitalize;}
.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; padding:10px;}
.send-box input[type="submit"]{width:120px;padding:10px;background:#dc3545;border:none;color:#fff;text-transform:uppercase;}
.send-box input[type="submit"]:hover{background:#c92c3b; cursor:pointer;}

.quality-box{ display:none;}
.quality-box ul{ display:block;}
.quality-box ul li{display:inline-block; position:relative; overflow:hidden;}
.quality-box ul li a{display:block; position:relative; overflow:hidden;}



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

@media (max-width: 1030px){
	.fix #cssmenu > ul > li > a { padding: 26px 10px;}
	.quality-area{ background:#fff; min-height: 100%; padding:80px;}
}

@media (max-width: 991px){
	.fix #cssmenu > ul > li > a{ padding: 15px 10px;}
	.header-area{ text-align:center; padding:10px;}
	.index-pro-area:before{ display:none;}
	.index-pro-area [class^="col-"] h1{color:#000; margin-bottom:30px;}
	.index-pro-area{ display:block; padding:40px 0; text-align:center;}
	.index-pro-box div span{ font-size:18px;}
	.index-pro-area [class^="col-"] div{ margin-bottom:30px;}
	.index-pro-area .carousel-indicators{ bottom: 14px; left: 0; right:0; right: 0;}
	.quality-area, .copy-right-area{ text-align:center;}
	.copy-right-area span{ text-align:center; margin-top:10px;}
	
	.sub-head:before{ left:18%;}
	.sub-head:after{ right:18%;}
	
	.quality-box{ display:block;}
	.qt-img{ display:none;}

}

@media (max-width: 767px){
	.welcome-area{ padding:50px 0 130px;}
	.index-pro-bg-area .container{ max-width:96%;}
	.index-pro-area .carousel-indicators{ bottom:-24px;}
	.index-pro-box div img{ width:100%;}
	.index-pro-area [class^="col-"] div{ margin-bottom: 10px;}
	.quality-area{ padding:20px;}
	
	.sub-head:before{ left:10%;}
	.sub-head:after{ right:10%;}
}

@media (max-width: 500px){
	#slider2{ display:none;}
	#slider3{ display:block;}
	.index-pro-area2 .carousel-indicators { bottom: 0px;}
	
	.sub-head:before{ left:5%;}
	.sub-head:after{ right:5%;}
	.index-pro-bg-area{ display:block; position:relative; background:url(../images/pro-bg1.png) no-repeat left bottom -80px, url(../images/pro-bg2.jpg) no-repeat right bottom;}
}

@media (max-width: 380px){

	.sub-head:before{ left:0%;}
	.sub-head:after{ right:0%;}
	
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}