@import url('../font/font.css');
* {
	margin: 0 auto;
	padding: 0px;
	outline: none;
	list-style: none;
}

body{ font-size:14px; color:#fff;font-family: 'OpenSansRegular'; position:relative;}

ul{ margin:0px;}

p{ font-size:14px; color:#000000;}

h1,h2,h3,h5{ font-weight:normal;font-family: 'KeplerStdBoldSemicondensedDisplay_26094';	}
h1{}
h2{ font-size:48px;}
h3{ font-size:36px;}
h4{ font-size:14px;}

a{ font-size:15px; transition:all 0.3s; color:#57ada2;}
a:hover{ color:inherit; text-decoration:none !important;}
/*==========================================================================*/
/*                                      HEADER                              */
/*==========================================================================*/

header {	width: 100%;	float: left;  margin: 64px 0px 0px 0px;  z-index: 999;  position: absolute; top:0px; left:0px; 	 }
.container{ width:978px; padding:0px;}

.navbar-brand{ padding: 12px 15px;}
.navbar-brand > img{  z-index: 1;  position: relative;}
.navbar{ margin:0px; border:none;}
.h_logo{ display:none;}

.primary_navigation{ width:100%; float:left; background:#000;    padding: 17px 0px; border-radius:0px;}
.primary_navigation ul {	  float: left;    padding: 0px;}
.primary_navigation ul li {	float: left;     padding: 4px 7px 0px 6px;	}
.primary_navigation ul li:first-child{ padding-left:0px;}
.primary_navigation ul li:nth-child(5){ padding-right:8px;}
.primary_navigation ul li a {	font-size: 18px;	color: #fff;	 	text-decoration: none;	display:inline-block;	text-transform: uppercase;	font-family: 'KeplerStdBoldSemicondensedDisplay_26094';		}
.primary_navigation ul li a.navbar-brand{   margin: -85px 0px 0px 0px !important;  padding: 12px 0px;}
.primary_navigation ul li:hover a {	color: #57ada2;}
.primary_navigation ul.details{    padding: 0px 8px 0px 9px;}
.primary_navigation ul.details li{ float:left; border-right:1px solid #fff;}
.primary_navigation ul.details li:last-child{ border-right:none;}
.primary_navigation ul.details li a{ font-size:16px; text-transform:lowercase;}
 a.fa{ width:25px; height:25px; line-height:25px; text-align:center; font-size:15px; color:#fff; background:#3660a0;  margin: 2px 0px 0px 0px;}
 a.fa-google-plus{background:#D0422A;}
 a.fa:hover{  background-color: #fff;  color: #000 !important;}



.slider{ width:100%; float:left;   /*max-height: 955px;*/  overflow: hidden;}

.slider-description{   position: absolute;   left: 50%;  top: 28.5%; text-align: center;  width: 100%; margin-left: -390px;  max-width: 785px;}
.slider-description p{ font-size:48px; color:#000;  line-height: 48px; font-family: 'KeplerStdBoldSemicondensedDisplay_26094';}

.about-wrapper{ width:100%; float:left; text-align:center; padding:45px 0px 40px 0px; overflow:hidden; }
.about-wrapper.parallax{ background:url(../img/about-bg.png) /*url(../img/slider-1.jpg)*/;
 
  background-attachment: fixed;
 }

.about-wrapper h2{ margin:0px;}
.about-wrapper p.content{ font-size:26px;font-family: 'KeplerStdBoldSemicondensedDisplay_26094';  margin: 0px;  line-height: 30px;  padding: 32px 130px 46px 130px;}
.about-wrapper p{ color:#fff;}

.service-wrapper{ width:100%; float:left; background:#e0e0e0; text-align:center;   padding: 40px 0px 64px 0px;}
.service-wrapper h2{ color:#000;  margin: 0px 0px 15px 0px;}
.service-wrapper h3{ color:#57ada2;  margin: 25px 0px 25px 0px;}
.service{ width:100%; float:left; overflow:hidden;}
.service p{ margin:0px 0px 26px 0px;}
.service:after{ content:'';  width: 25%; border-top:1px solid #000;   display: inline-block;}
.service-wrapper .service:after:last-child{ content:''; border-top:none;}

ul.responsive{ width:100%; float:left;}

.our-work{ width:100%; float:left;  margin-bottom: 72px;}
.our-work h2{  margin: 38px 0px 15px 0px;}
.fabrics{  float: left;  width: 100%;}
.fabrics h2{  margin: 0px 0px 20px 0px;}
.fabrics p{ margin:0px 0px 6px 0px;}

ul.items-list{ text-align:center;}
ul.items-list li{display:inline-block;}
ul.items-list li a{ font-size:14px; color:#000000;  border-right: 1px solid #000;  padding: 0px 8px;}
ul.items-list li:hover a{ color:#57ada2;}
ul.items-list li:last-child a{ border-right:none;}

footer{ width:100%; float:left;}
.footer-top{ width:100%; float:left; background:#323232;  padding: 30px 0px 60px 0px;}
.footer-top p{   font-size: 18px;color:#bebebe;}
.footer-top .col-md-8{   padding: 0px 0px 0px 80px;}
.footer-top form{ float:left;}
.footer-top form input[type="text"],.footer-top form input[type="email"],.footer-top form textarea{ width:100%; height:40px; line-height:40px; font-size:12px; margin:0px 0px 16px 0px; padding:0px 0px 0px 15px; float:left; background:#454545; border:none;}
#contact.footer-top .wpcf7-not-valid{border:1px solid #f00;}
span.wpcf7-not-valid-tip{display:none !important;}
.footer-top form textarea{ height:150px;}
.footer-top form input[type="submit"]{ width:96px; line-height:36px; float:right; border:none; cursor:pointer; font-size:12px; background:#57ada2; text-transform:uppercase;}
.footer-top form input[type="submit"]:hover{ background:#fff; color:#57ada2;}

li.before_slide p.caption{left: 20%; width: 60%;}
p.caption{width: 81%; color:#fff; background:rgba(0, 0, 0, 0.59); position:absolute; bottom:3%; left: 3%; padding: 10px 42px;margin:0px; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
.slick-active p.caption{visibility:visible; opacity:1; transition-delay:2s;}
span.before{ float:left;   padding: 10px 18px;  background-color: rgba(0, 0, 0, 0.5); position: absolute;  left: 0%;   bottom: 3px;}
span.after{ float:right;   padding: 10px 18px;   background-color: rgba(0, 0, 0, 0.5); position: absolute;  right: 4px;    bottom: 3px;}

.address{ float:left;  padding: 100px 0px 64px 0px;}
.address h4{ font-weight:700;}
.address p{ font-size:12px;  line-height: 22px;}

.contact-details{width:100%; float:left;}
.contact-details p{ font-size:12px;color:#fff;  line-height: 22px; margin:0px; }
.contact-details a{ font-size:12px; color:#ffffff;}
.contact-details a:hover{ color:#57ada2;}
.contact-details em{ font-size:14px; color:#57ada2;  min-width: 28px;}

.footer-bottom{ width:100%; float:left; background:#000000;   padding: 28px 0px 56px 0px; text-align:center;}
.footer-bottom p{ font-size:12px; color:#b2b1b1;  margin: 15px 0px 0px 0px;}
.footer-bottom a{ font-size:12px; color:#b2b1b1;}
.footer-bottom a:hover{ color:#fff;}

.nicescroll-rails div{  width: 6px !important;}

@media (max-width: 1700px) {
	.slider-description{  top: 28.5%; }
}

@media (max-width: 1450px) {	
	.slider-description {  top: 33.5%;}
	.slider-description p {  font-size: 38px;}
}

@media (max-width: 1280px) {
	.slider-description{  left: 20%;  top: 33.5%; margin-left:auto;}
	.slider-description p{font-size:38px;}
	.slider{  max-height: 700px;}
	
}

@media (max-width: 1199px) {
	.footer-top .col-md-8{ padding:0px 15px 0px 0px;}
	.slider{  max-height: 665px;}
	.slider-description{ top: 38%; left: 20%; max-width: 60%;} 
	.slider-description p{  font-size: 28px;  line-height: 35px;}
	.slick-prev, .slick-next{    top: 53%;} .slick-prev{  left: 15px;} .slick-next{ right:15px;}
	.footer-top,.footer-bottom{ padding:30px 0px;}
	.footer-top h2{  margin: 0px 0px 8px 0px;}
	
}

@media screen and (max-width: 991px) {
	h2{ font-size:40px;}
	h3{ font-size:30px;}
	.container{ width:100%;  padding: 0px 15px;}
.slider-description{left: 21%; top: 22%;}	
.primary_navigation ul li a.navbar-brand{ display:none;}
.primary_navigation ul li a{ font-size:14px;}
.primary_navigation ul li:first-child{ padding-left:6px;}
.h_logo{   width: 134px;  display: block;  float:left;}
	.h_logo img{  width: 100%; height: auto; z-index: 9999;  position: relative;}
	header{ margin:0px;}
	.primary_navigation ul.navbar-collapse{   margin: 0px 0px 0px 145px !important;}
	.primary_navigation ul.details{ padding:0px 5px;}
	.primary_navigation ul li:nth-child(5){ padding-right:6px;}
	.about-wrapper p.content{ padding:20px;}
	.about-wrapper,.service-wrapper{ padding:30px 0px;}
	.service-wrapper h3{ margin:15px 0px;}
	.address{ padding:10px 0px;} .service p{  margin: 0px 0px 10px 0px;}
	ul.items-list li a{  font-size: 12px;}
	.footer-top form input[type="submit"]{ float:left;} 
	.footer-top .col-md-4,.footer-top .col-md-8{ }
	.primary_navigation a.fa{ display:none;} .primary_navigation ul.details{ float:right;}
	.footer-top form{ width:100%;} .service-wrapper h2{ margin:0px;}
	header{ position:relative;}
.slick-slide img{ width:100%;}
}

@media (max-width: 767px) {
	.footer-bottom p{  font-size: 11px;}
	.navbar-toggle{  padding: 12px 12px;  margin-top: 6px;  background-color: rgb(48, 120, 117);}
	.navbar-toggle .icon-bar{   height: 3px; background-color: #fff;}
	.primary_navigation ul li{ width:100%;}
	.primary_navigation ul.navbar-collapse{   margin: 15px 0px 0px 0px !important;  width: 100%;  float: left;border-top: none;}
	.h_logo{   top: 12%; left:2%;}
	.navbar-header{ float:right;}
	ul.details{ display:none;}
	.h_logo{  width: 96px;}
	.slider-description{  max-width: 458px;  left: 11%; top: 17%;}
	.slider-description p{  font-size: 30px;  line-height: 35px;}
	.slick-prev:before, .slick-next:before{ font-size:40px;}
	
}

@media(max-width:641px){
	
	.footer-top .col-md-4,.footer-top .col-md-8{ width:100%; padding:0;}
}

@media(max-width: 568px){
	.slider-description{ max-width: 70%; left: 15%;    top: 19%;}
	.slider-description p { font-size: 25px;line-height: 27px;}
	
}

@media(max-width: 479px){
	span.before,span.after{ display:none;}
h2{  font-size: 30px;}
h3{  font-size: 25px;}
.about-wrapper p.content{  font-size: 18px;  line-height: 22px;}
.footer-top, .footer-bottom{ text-align:center;}
.contact-details p{ text-align:left;}
.address{ width:100%;}	
.footer-top form input[type="submit"]{ float:none;}
p.caption{  left: 27%;}
.slider-description{  top: 18%; left:15%;}
.slider-description p{  font-size: 16px;  line-height: 18px;}
.about-wrapper p.content{  padding: 20px 0px;}
.responsive .slick-prev, .responsive .slick-next{  top: 108%;}
.slick-prev:before, .slick-next:before{ font-size:30px;}
.slick-prev{ left:0px;} .slick-next{ right:0px;}
	
}