@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'BarlowSemiCondensed-Bold';
  src: url('../fonts/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/BarlowSemiCondensed-Bold.otf')  format('opentype'),
	     url('../fonts/BarlowSemiCondensed-Bold.woff') format('woff'), 
		 url('../fonts/BarlowSemiCondensed-Bold.ttf')  format('truetype'), 
		 url('../fonts/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Light';
  src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/WorkSans-Light.otf')  format('opentype'),
	     url('../fonts/WorkSans-Light.woff') format('woff'), 
		 url('../fonts/WorkSans-Light.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/WorkSans-Regular.otf')  format('opentype'),
	     url('../fonts/WorkSans-Regular.woff') format('woff'), 
		 url('../fonts/WorkSans-Regular.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/WorkSans-Medium.otf')  format('opentype'),
	     url('../fonts/WorkSans-Medium.woff') format('woff'), 
		 url('../fonts/WorkSans-Medium.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
  font-family: 'WorkSans-Light';
}

.clear{
  clear: both;
}
a, button{
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
a:focus, button:focus{
	outline: none;
}
.no-padding{
	padding-left: 0;
	padding-right: 0;
}
.no-margin{
	margin-left: 0;
	margin-right: 0;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1000ms;
  -moz-transition-duration: 1000ms;
  -o-transition-duration: 1000ms;
  -ms-transition-duration: 1000ms;
  transition-duration: 1000ms;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.logo{
  position: absolute;
  left: 100px;
  top: 20px;
  width: 117px;
  height:170px;
  z-index:50;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}

.menu-wrapper {
  position:absolute;
  right: 0;
  top: 0; 
  height: 100%;
  padding: 0 0 0 65px;
  background-color:transparent;
  z-index: 1030;
}
.menu-wrapper .menu-table{
  display: table;
  width: 100%;
  height: 100%;
}
.menu-wrapper .menu-table .menu-tb-cell{
  display: table-cell;
  vertical-align: middle;
  background-color:#000;
}
.menu-wrapper .btn-menu{
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 auto;
  cursor: pointer;
}
.menu-wrapper .btn-menu .menu-icon{
  position: relative;
  width: 25px;
  height: 20px;
  cursor: pointer;
  transition: transform 330ms ease-out;
}
.menu-wrapper .btn-menu .menu-icon .menu-bar{
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  width: 100%;
  height: 1px;
  background-color: #464646;
  border-radius: 5px;
}
.menu-wrapper .btn-menu:hover .menu-icon .menu-bar{
  background-color: #f7941e;
}
/*.menu-wrapper .btn-menu .menu-icon.open .menu-bar{
  background-color: transparent;
}*/
.menu-wrapper .btn-menu .menu-icon .menu-bar:before{
  content: "";
  position: absolute;
  left: 0;
  top: -7px;
  width: 100%;
  height: 1px;
  background-color: #464646;
  border-radius: 5px;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}
.menu-wrapper .btn-menu .menu-icon .menu-bar:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background-color: #464646;
  border-radius: 5px;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}
.menu-wrapper .btn-menu:hover .menu-icon .menu-bar:before,
.menu-wrapper .btn-menu:hover .menu-icon .menu-bar:after{
  background-color: #fdee7d;
}
/*.menu-wrapper .btn-menu .menu-icon.open .menu-bar:before{
  background-color: #fdee7d;
  transform: rotate(35deg) translateX(0px);
}
.menu-wrapper .btn-menu .menu-icon.open .menu-bar:after{
  background-color: #fdee7d;
  transform: rotate(-35deg) translateX(-0px);
}*/
.menu-cell{
  width: 65px;
}
.menu-vs-cell{
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 100%;
}
.menu-social{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  width: 20px;
  margin: 0 auto;
}
.menu-social::before{
	content:"";
	position:absolute;
	height:41px;
	width:1px;
	left:5px;
	top:-35%;
	background-color:#464646;	
}
.menu-social ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-social ul li{
  margin: 10px 0 0 0;
}
.menu-social ul li a{
  color: #464646;
  font-size: 18px;
  text-decoration: none;
}
.menu-social ul li a:hover{
  color: #feef7d;
}
.main-menu{
  width: 225px;
}
.main-menu ul{
  list-style: none;
  padding: 0 0 0 50px;
  margin: 0;
}
.main-menu ul li{
  margin: 0 0 10px 0;
}
.main-menu ul li a{
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-menu ul li a:hover{
  color: #f7941e;
}
.menu-btn-home{
	font-size:12px;
	color:#464646;
	position:absolute;
	font-family: 'WorkSans-Medium';
	display: inline-block;
	transform: rotate(-90deg);
	left:0; 
	right:0; 
	top:28%;
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;	
}

.menu-btn-product{
	font-size:12px;
	color:#464646;
	position:absolute;
	font-family: 'WorkSans-Medium';
	display: inline-block;
	transform: rotate(-90deg);
	left:0; 
	right:0;
	 top:40%;
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;	
}
.menu-btn-contact{
	font-size:12px;
	color:#464646;
	position:absolute;
	font-family: 'WorkSans-Medium';
	display: inline-block;
	transform: rotate(-90deg);
	left:0; right:0; 
	top:55%;
	text-transform:uppercase;
	white-space: nowrap;	
	cursor:pointer;
}
.menu-btn-product a,.menu-btn-contact a, .menu-btn-home a{
	color:#464646;
	text-decoration:none;
}
.menu-btn-product a:hover,.menu-btn-contact a:hover,.menu-btn-home a:hover{
	color:#f8e378;
}
.wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
}
.content-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 65px 0 0;
}
.content-scroll {
  float: left;
  width: 100% !important;
  height: 100%;
}
.banner{
  position: absolute;
  top: 0;
  left: 0;
  position:relative;
  width: 100%;
  height: 100%;
}
.banner .carousel,
.banner .carousel .carousel-inner,
.banner .carousel .carousel-inner .item{
  width: 100%;
  height: 100%;
}

.banner .carousel .carousel-inner .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.banner-content{
  position: absolute;
  left: 100px;
  top:40%;
  width: 100%;
  max-width: 890px;
  z-index: 10;
}
.banner-content .banner-hd{
  width: 100%;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
.banner-content .banner-hd h3{
  color: #dfba4b;
  font-size: 22px;
  padding-left:40px;
  font-family: 'WorkSans-Light';
  letter-spacing:5px;
  margin: 0;
}
.banner-content .banner-hd h3::after{
	width:27px;
	height:2px;
	content:"";
	position:absolute;
	left:0; top:11px;
	background-color:#dfba4b;	
}
.banner-content .banner-hd h1{
  color: #fff;
  font-size: 85px;
  font-family: 'BarlowSemiCondensed-Bold';
  margin: 0;
  text-transform: uppercase;
}
.banner-content .banner-hd h4{
  color: #FFF;
  font-size: 52px;
  font-family: 'WorkSans-Light';
  margin: 0;
}
.content-inner{
	width:1117px;
	position:absolute;
	margin:0 auto;
	left:0; right:0;
	height:100%;	
}
.carousel-indicators{
	width:20px;
	left:50px;
	position:absolute;
	bottom:50px;
	margin:0 auto;
	z-index: 99999;
}
.carousel-indicators li{
	display:block;
	margin:10px auto;
	border:0px;
	background:url(../images/dot.png) no-repeat center;	
}
.carousel-indicators .active{
	width:14px;
	height:14px;
	margin:10px auto;
	border:1px solid #FFF;
	background:url(../images/dot.png) no-repeat center;
}
.carousel{
	position:initial !important;
}

/*=======================ABOUT SECTION STARTING==========================
=======================================================================*/

.about-sec{
	width:100%;
	height:100%;
	position:relative;
	z-index:500;
	background-color:#181818;
	overflow:hidden; 	
}
.about-s{
	width:343px;
	top:-30%;
	z-index:50;
	position:absolute;	
}
.about-s img{
	width:100%;
	height:auto;
	display:block;	
}
.about-lt{
	width:493px;
	height:100%;
	position:absolute;
	z-index:100;
	padding-top:18%;	
}
.sub-hed{
	font-size:14px;
	color:#dfba4b;
	letter-spacing:4px;
	padding:0;
	margin:0;	
}
.heading{
	font-size:60px;
	font-family: 'BarlowSemiCondensed-Bold';
	margin:0;
	padding:0;
	line-height:60px !important;
	color:#FFF;
	text-transform:uppercase;	
}
.about-lt p{
	 font-size:14px;
	 color:#c7c7c7;
	 padding:8% 10% 0 0;
	 line-height:24px;	
}
.about-lt  .more{
	width:144px;
	padding:10px 0;
	text-align:center;
	color:#000;
	background-color:#dfba4b;
	position:relative;
	float:right;
	top:100px;	
	transition: all 0.5s ease-in;	
	cursor:pointer;
}
.about-lt  .more:hover{
	background-color:#FFF;
	color:#dfba4b;
	transition: all 0.2s ease-in;
}
.about-rt{
	width:645px;
	height:100%;
	position:relative;
	float:right;
	right:0;	
}
.about-rt .thump1{
	width:328px;
	position:absolute;
	top:93px; left:19.5%;
	background-color:#090;	
}
.about-rt .thump2{
	width:170px;
	position:absolute;
	right:0; top:277px;
	background-color:#090;	
}
.about-rt .thump3{
	width:125px;
	position:absolute;
	left:0; top:462px;
	background-color:#090;	
}
.about-rt .boxline{
	width:328px;
	height:368px;
	position:absolute;
	top:152px; left:13.3%;
	border:2px solid #dfba4b;	
	display:none!important;
}

/*=======================ABOUT SECTION ENDING==========================
=======================================================================*/


/*=======================SERVICE SECTION STARTING========================
=======================================================================*/

.service-sec{
	width:100%;
	height:100%;
	position:relative;
	z-index:500;
	background:url(../images/service-bg.jpg) repeat;
}
.service-bgtext{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	font-family: 'BarlowSemiCondensed-Bold';
	font-size:394px;
	color:#181818;
	opacity:0.5;
	line-height:normal;
	text-shadow: 0px 0px 17px rgba(0, 0, 0, 1);
	text-transform:uppercase;	
}
.serve-box{
	width:30.7%;
	height:236px;
	float:left;
	position:relative;
	margin:1.3%;
	background-color:#181818;
	border-bottom:2px solid #dfba4b;	
}
.serve-box h3{
	width:100%;
	text-align:center;
	position:absolute;
	margin:0;
	bottom:30px;
	text-transform:uppercase;
	font-family: 'BarlowSemiCondensed-Bold';
	font-size:30px;
	color:#FFF;	
	transition: all 0.5s ease-in;
}
.serve-box:hover h3{
	color:#dfba4b;
	transition: all 0.2s ease-in;
}
.pad-top{
	padding-top:3%;	
}
p{
	font-size:14px;
	color:#c7c7c7;
	line-height:24px;
	padding:0;
	margin:0;	
}
.serve-box .icon-1{
	width:115px;
	height:117px;
	margin:35px auto 0 auto;
	overflow:hidden;	
}
.serve-box .icon-1 img{
  width: 100%;
  object-position: 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.serve-box:hover .icon-1 img{
  width: 100%;
  object-position: 0 -118.5px;
}

.serve-box .icon-2{
	width:147px;
	height:82px;
	margin:50px auto 0 auto;
	overflow:hidden;	
}
.serve-box .icon-2 img{
  width: 100%;
  object-position: 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.serve-box:hover .icon-2 img{
  width: 100%;
  object-position: 0 -81.5px;
}
.serve-box .icon-3{
	width:89px;
	height:110px;
	margin:35px auto 0 auto;
	overflow:hidden;	
}
.serve-box .icon-3 img{
  width: 100%;
  object-position: 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.serve-box:hover .icon-3 img{
  width: 100%;
  object-position: 0 -110.5px;
}
.serve-box .icon-4{
	width:104px;
	height:110px;
	margin:30px auto 0 auto;	
	overflow:hidden;
}
.serve-box .icon-4 img{
  width: 100%;
  object-position: 0 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.serve-box:hover .icon-4 img{
  width: 100%;
  object-position: 0 -111.5px;
}
.serve-text-box{
	width:30.7%;
	height:236px;
	float:left;
	position:relative;
	margin:1.3%;	
}
.serve-text-box h2{
	width:100%;
	text-align:left;
	padding-bottom:5%;
	margin:0;
	text-transform:uppercase;
	font-family: 'BarlowSemiCondensed-Bold';
	font-size:60px;
	color:#FFF;	
	transition: all 0.5s ease-in;
}
.serve-text-box:hover h2{
	color:#dfba4b;
	transition: all 0.2s ease-in;
}
.serve-text-box  .more{
	width:144px;
	padding:10px 0;
	text-align:center;
	color:#000;
	left:0; bottom:0;
	background-color:#dfba4b;
	position:absolute;
	right:0;
	transition: all 0.5s ease-in;	
	cursor:pointer;
}
.serve-text-box  .more:hover{
	background-color:#FFF;
	color:#dfba4b;
	transition: all 0.2s ease-in;
}

/*=======================SERVICE SECTION ENDING==========================
=======================================================================*/


/*======================PRODUCTS SECTION STARTING========================
=======================================================================*/

.product-sec{
	width:100%;
	height:100%;
	padding-top:5%;
	padding-left:125px;
	position:relative;
	z-index:500;
	background:#181818;
}

.pro-slidebox{
	width:68%;
	float:left;
	position:relative;
	margin-top:25px;
	background-color:#F00;	
}
.pro-slidebox-half{
	width:68%;
	margin-left:40px;
	position:absolute;
	left:68.5%;
	margin-top:25px;
	background-color:#090;	
}
.pro-btm-caption{
	width:100%;
	font-size:68px;
	position:absolute;
	bottom:-17%;
	left:5%;
	font-family: 'BarlowSemiCondensed-Bold';
	color:#FFF;
	text-transform:uppercase;	
}
.pro-bg{
	background-color:#181818;	
}


/*=======================PRODUCTS SECTION ENDING=========================
=======================================================================*/


/*=======================GALLERY SECTION STARTING========================
=======================================================================*/

.gallery-sec{
	width:100%;
	height:100%;
	padding-top:5%;
	padding-left:125px;
	position:relative;
	z-index:500;
	background:url(../images/service-bg.jpg) repeat;
}
.gallery{
	width:360px;
	float:left;
	margin:.97%;
	overflow:hidden;
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.gallery img{
	transition: all 0.2s ease-in;
}
.gallery img:hover, .gallery:focus, .gallery:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.2s ease-in;
}
.gallery img{
	width:100%;
	height:auto;
	display:block;	
}
.gallery-sec .sub-hed, .contact-sec .sub-hed{
	width:100%;
	font-size:14px;
	text-align:center;
	color:#dfba4b;
	letter-spacing:4px;
	padding:5% 0 0 0;
	margin:0;	
}
.gallery-sec .heading, .contact-sec .heading{
	width:100%;
	text-align:center;
	font-size:60px;
	font-family: 'BarlowSemiCondensed-Bold';
	margin:0 0 20px 0;
	padding:0;
	line-height:60px !important;
	color:#FFF;
	text-transform:uppercase;	
}
.gal-line-lt{
	width:46%;
	height:274px;
	position:absolute;
	top:450px;
	left:0;
	z-index:-1;
	border-bottom:2px solid #dfba4b;
	border-right:2px solid #dfba4b;
}
.gal-line-rt{
	width:54%;
	height:274px;
	position:absolute;
	top:450px; right:0;
	z-index:-1;
	border-top:2px solid #dfba4b;
}
.overlap{
	position:relative;
	z-index:10;	
}

/*=======================GALLERY SECTION ENDING=========================
=======================================================================*/


/*======================LATEST NEWS SECTION STARTING========================
==========================================================================*/

.news-sec{
	width:100%;
	height:100%;
	padding-top:5%;
	padding-left:125px;
	position:relative;
	z-index:500;
	background:#181818;
}
.news-box{
	width:100%;
	height:100%;
	float:left;
	padding-top:8%;
	position:relative;	
}
.news-sec h3{
	width:100%;
	font-size:14px;
	text-align:left;
	color:#dfba4b;
	letter-spacing:4px;
	padding:5% 0 0 0;
	margin:0;	
}
.news-sec h2{
	width:100%;
	text-align:left;
	font-size:60px;
	font-family: 'BarlowSemiCondensed-Bold';
	margin:0;
	padding:0;
	line-height:60px !important;
	color:#FFF;
	text-transform:uppercase;	
}
.news-box figure{
	width:298px;
	height:280px;
	overflow:hidden;
	float:left;	
    transition: all 0.5s ease-in;
}
.news-box:hover figure{
	width:308px;
	height:290px;
	transition: all 0.5s ease-in;
}
.news-box figcaption{
	width:296px;
	height:280px;
	padding:80px 45px 0 45px;
	margin:-200px 35px 0 0;
	position:relative;
	float:right;
	background-color:#0f0f0f;	
}
.news-box figcaption h3{
	font-family: 'BarlowSemiCondensed-Bold';
	font-size:20px;
	padding:15px 0 0 0;
	margin:0;
	color:#FFF;letter-spacing:normal;
}
.news-box figcaption h4{
	font-family: 'WorkSans-Light';
	font-size:14px;
	padding:0;
	position:relative;
	text-transform:uppercase;
	margin:0;
	color:#dfba4b; letter-spacing:normal;
}
.news-box figcaption .news-more{
	width:90px;
	height:27px;
	overflow:hidden;
	right:-20px; 
	bottom:20px;
	position:absolute;	
}
.news-box figcaption .news-more img{
	transition: all 0.5s ease-in;	
	margin-left:-30px;
}
.news-box figcaption .news-more img:hover{
	margin-left:0px;
	transition: all 0.2s ease-in;
}


/*=======================LATEST NEWS SECTION ENDING=========================
==========================================================================*/


/*========================CAPTION SECTION STARTING==========================
==========================================================================*/

.caption-sec{
	width:100%;
	height:100%;
	padding-top:5%;
	padding-left:125px;
	position:relative;
	z-index:500;
	background:url(../images/service-bg.jpg) repeat;
}
.caption-sec-cover{
	width:100%;
	height:281px;
	top:30%;
	text-align:center;
	position:relative;
}
.caption-imgbg{
	width:233px;
	position:absolute;
	bottom:0;
	left:0;
}
.caption-imgbg img{
	width:100%;
	height:auto;
	display:block;	
}

/*=========================CAPTION SECTION ENDING===========================
==========================================================================*/


/*========================CONTACT SECTION STARTING==========================
==========================================================================*/

.contact-sec{
	width:100%;
	height:100%;
	position:relative;
	z-index:500;
	background:url(../images/getintouch.png) no-repeat top center !important;
	background-size:cover !important;
}
.contact-lt{
	width:334px;
	margin-top:90px;
	position:relative;
	float:left;	
}
.contact-lt h3{
	width:100%;
	font-size:30px;
	color:#FFF;
	position:relative;
	padding:0;
	font-family: 'BarlowSemiCondensed-Bold';
	margin:0;
	text-transform:uppercase;	
}
/*.contact-lt h3::after{
	width:16px;
	height:10px;
	content:"";
	position:absolute;
	right:25%; top:15px;
	background:url(../images/down-arrow.png) no-repeat center;	
}*/
.contact-lt p{
	width:100%;
	color:#c7c7c7;
	line-height:24px;
	padding:20px 0 20px 0; margin:0;
}
.contact-ltrow{
	width:100%;
	font-size:18px;
	color:#dfba4b;
	float:left;
	margin-bottom:15px;	
	font-family: 'WorkSans-Light';
	color:#dfba4b;
}
.contact-ltrow img{
	width:30px;
	margin-right:15px;	
}
.contact-rt{
	width:600px;
	height:auto;
	margin-top:50px;
	position:relative;
	float:right;	
}
.contact-rt-title{
	width:230px;
	height:100%;
	font-size:30px;
	color:#FFF;
	position:absolute;
	font-family: 'BarlowSemiCondensed-Bold';
	display: inline-block;
	text-align:center;
	transform: rotate(-90deg);
	letter-spacing:20px;
	left:0; bottom:30px;
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;	
}
.contact-rt input{
	width:100%;
	height:67px;
	margin-bottom:13px;
	position:relative;
	background-color:#121212;
	font-size:14px;
	color:#272727;
	padding:0 20px;
	font-family: 'WorkSans-Regular';
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #272727;
}
.contact-rt textarea{
	width:100%;
	height:137px;
	margin-bottom:13px;
	position:relative;
	background-color:#121212;
	font-size:14px;
	color:#272727;
	padding:20px;
	font-family: 'WorkSans-Regular';
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #272727;
}
.contact-rt .more{
	width:144px;
	padding:10px 0;
	text-align:center;
	color:#000;
	bottom:0;
	float:right;
	position:relative;
	background-color:#dfba4b;
	right:0;
	transition: all 0.5s ease-in;	
	cursor:pointer;
}
.contact-rt .more:hover{
	background-color:#FFF;
	color:#dfba4b;
	transition: all 0.2s ease-in;
}


/*=========================CONTACT SECTION ENDING===========================
==========================================================================*/


/*========================FOOTER SECTION STARTING===========================
==========================================================================*/
#section9{
	height:200px !important;
	display:block;
	bottom:0;
	vertical-align:top;	
}
footer{
	width:100%;
	height:200px;
	top:0;
	position:absolute;
	z-index:100;
	background:url(../images/service-bg.jpg) repeat;
}
.ftr-logo{
	width:99px;
	float:left;
	margin-top:20px;
}
.ftr-logo img{
	width:100%;
	height:auto;
	display:block;	
}
.copy-row{
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	color:#272727;	
}
.contact-ltrow a {
    color: #dfba4b;
}
.ftr-soc-bg{
	margin-top:7.5%;
	float:right;	
	position:relative;
	z-index:100;
	color:#dfba4b;
	font-size:30px;
}
.ftr-soc-bg i{
	width:50px;
	height:35px;
	text-align:right;
	transition: all 0.5s ease-in;
	white-space:inherit;
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 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;
}

.ftr-soc-bg i:hover, .ftr-soc-bg i:focus, .ftr-soc-bg i:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  color:#FFF;	
  transition: all 0.2s ease-in;
}

/*=========================FOOTER SECTION ENDING============================
==========================================================================*/

.sec-2-mar{
	margin-top:8%;
}
.sec-3-mar{
	margin-top:11%;
}
.sec-4-mar{
	padding-top:8%;
}
.sec-5-mar{
	margin-top:9%;
}
.sec-6-mar{
	margin-top:9%;
}
.sec-8-mar{
	margin-top:9%;
}

.section-nav{
	display:none;	
}





/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
 /* .menu-wrapper{
    right: -400px;
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  .menu-wrapper.open{
    right: 0;
  }*/
  
}

@media (max-width: 1366px) {
  
.sec-2-mar{
	margin-top:0;
}
.sec-3-mar{
	margin-top:4%;
}
.sec-4-mar{
	padding-top:5%;
}
.sec-5-mar{
	margin-top:2%;
}
.sec-6-mar{
	margin-top:2%;
}
.sec-8-mar{
	margin-top:4%;
}
/*.pro-slidebox{
	width:844px;	
}
.pro-slidebox-half{
	width:844px;	
}*/

.about-s{
	width:28%;	
	top: -25%;
}
.about-lt{
	width:44.2%;	
}
.about-rt{
	width:57.6%;	
}
.about-rt .thump1{
	width:51%;
	top: 15%;	
}
.about-rt .boxline{
	width:51%;
	height:59%;
	top: 24%;	
	display:none;
}
.about-rt .thump2{
	width:26.4%;
	top:44%;	
}
.about-rt .thump3{
	width:19.4%;
	top:73.4%;	
}
.owl-carousel-2.owl-theme .owl-nav .owl-next{
	right:24.5% !important;	
}
.owl-carousel-2.owl-theme .owl-nav .owl-prev{
	right:30.5% !important;
}
.gallery{
	width:31.39%;
}
.gal-line-rt{
	height:43.4%;
	top:49%;	
}
.gal-line-lt{
	height:43.4%;	
	top:49%;
}
.news-box figure{
	width:54.6%;
	height:auto;	
}
.news-box figcaption{
	width:54.3%;
	padding: 14% 8.3% 0 8.3%;
}
.contact-lt{
	width:30%;
	margin-top:8%;	
}
.contact-rt{
	width:52%;
	margin-top:4.4%;	
}
.contact-rt input{
	 margin-bottom:2%;	
}
.caption-imgbg{
	width:17%;	
}
.pro-slidebox {
    width: 67.5%;
}
  
}

@media (max-width: 1365px) {
  .top-nav{
		right:60px !important;  
  }
}
@media (max-width: 1280px) {
	.about-lt{
		padding-top: 14%;	
	}
	.about-rt .thump1{
		top:13%;	
	}
	.about-rt .thump3{
		top:70%;	
	}
	.about-rt .thump2{
		top:39%;	
	}
	.sec-3-mar{
		margin-top:1%;	
	}
	.sec-5-mar{
		margin-top:0;	
	}
	.sec-6-mar{
		margin-top:0;	
	}
	.news-sec h3{
		/*padding: 2% 0 0 0;*/
	}
	.sec-8-mar{
		padding-top:0%;	
	}
}
@media (max-width: 1199px) {
  .content-scroll .mCSB_container {
    height: auto;
  }
}

@media (max-width: 1150px) {

.about-lt{
	width:44.2%;	
}
.about-rt{
	width:57.6%;	
}
.about-rt .thump1{
	width:51%;
	top: 15%;	
}
.about-rt .boxline{
	width:51%;
	height:59%;
	top: 24%;	
}
.about-rt .thump2{
	width:26.4%;
	top:44%;	
}
.about-rt .thump3{
	width:19.4%;
	top:73.4%;	
}
.sec-3-mar{
	margin-top:0;
}
.sec-4-mar{
	padding-top:0;
}
.sec-5-mar{
	margin-top:0;
}
.sec-6-mar{
	margin-top:0;
}
.sec-8-mar{
	margin-top:0;
}
.gallery{
	width:31.39%;
}
.gal-line-rt{
	display:none;	
}
.gal-line-lt{
	display:none;
}
.content-inner{ 
	 width:85%;
	 padding-bottom:30px;
  }
  .serve-box{
		width:28.6%;  
  }
  .copy-row{
		width:85%;  
  }
  .ftr-soc-bg i{
		width:35px;  
  }
  .ftr-soc-bg{
		margin-top:80px;  
  }
  .owl-carousel-2.owl-theme .owl-nav .owl-next{
	  right: 22.5% !important;
  }

}

@media (max-width: 1024px) {
	.about-rt .thump1{
		height:400px;	
	}
	.about-rt .thump1 img{
		height:400px;
		object-fit: cover;	
	}
	.content-inner{
		 margin-top:8%;	
	}
	footer .content-inner{
		margin-top:0;
	}
	.sub-hed{
		padding:10% 0 0 0;	
	}
}

@media (max-width:1000px) {
	.caption-sec-cover{
		height:auto;
		padding:0 5%;	
	}
	.caption-sec-cover img{
		width:100%;
		height:auto;
	}
}

@media (max-width: 991px) {
	.news-box figure{
		width:80%;	
	}
	.news-box figcaption{
		width:70%;
		height:240px;	
	}
}

@media (max-width: 900px) {
	  .content-scroll {
    padding: 70px 0 0 0;
    height: 95%;
  }
  .section-nav {
  position: absolute;
  right: 10px;
  bottom: 20px;
  display:block;
  width: 32px;
  height: 70px;
  z-index: 1031;
}
.section-nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.section-nav li {
  margin: 2px 0;
}
.section-nav li a {
  display: block;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #666;
  border: solid 1px #FFF;
  text-align: center;
  opacity: .9;
}
.section-nav li a:hover{
  opacity: 1;
}
.section-nav li a .bounceUp{
  animation: Upbounce 1s infinite alternate;
  -webkit-animation: Upbounce 1s infinite alternate;
}
.section-nav li a .bounceDown{
  animation: Downbounce 1s infinite alternate;
  -webkit-animation: Downbounce 1s infinite alternate;
}
    .content-scroll .mCSB_container {
    height: 100%;
  }
	.menu-wrapper .btn-menu {
    top: 15px;
    left: auto;
    /*right: 105%;*/
  }
  /*.content-wrapper{
    height: auto;
  }*/
  
  .menu-wrapper{
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  .menu-wrapper.open{
    right: 0;
  }
  .menu-wrapper .btn-menu {
    top: 15px;
    left: auto;
    /*right: 105%;*/
  }
  .menu-wrapper.open .btn-menu {
    left: 0;
    right: 0;
  }
  .main-menu {
    width: 200px;
  }
  .main-menu ul {
    padding: 0 0 0 20px;
  }
	.serve-box{
		width:47.4%;	
	}
	.serve-text-box{
		width:100%;	
		margin:0;
		height:auto;
		padding:1.3%;
	}
	/*.sec-3-mar{
		position:relative;
		overflow:auto;	
	}*/
	.serve-text-box .more{
		position:relative;
		margin-top:10px;
	}
	.serve-text-box h2{
		padding-bottom:10px;	
	}
	.contact-lt{
		width:40%;	
	}
	.contact-rt{
		width:50%;	
	}
	.pro-btm-caption{
		font-size:50px;
	}
	.pro-slidebox-half{
		display:none;	
	}
	.pro-slidebox{
		width:100%;	
	}
	.product-sec{
		padding-left: 8.5%;
	}
	.owl-carousel-2.owl-theme .owl-nav .owl-prev{
		width:50px;
		height:50px;
		left:0 !important;
		top:20px !important;
		background-position:center;
	}
	.owl-carousel-2.owl-theme .owl-nav .owl-next{
		width:50px;
		height:50px;
		left:65px !important;
		top:20px !important;
		background-position:center;	
	}
	.owl-carousel-2.owl-theme .owl-nav{
		top:0 !important;	
	}
	.owl-carousel-2.owl-theme .owl-nav .owl-prev:hover{
		background-position:center;
}
.owl-carousel-2.owl-theme .owl-nav .owl-next:hover{
	background-position:center;
}
.product-sec{
	padding-top:50px !important;	
}

.content-inner{
		width:100%;
		margin:25px 0;	
	}
	.sec-2-mar, .sec-3-mar, .sec-4-mar, .sec-5-mar, .sec-6-mar, .sec-7-mar, .sec-8-mar{
		padding:0 20px;
		overflow:auto;
	}
	.sub-hed{
		padding:0;	
	}
	.ftr-logo{
		margin-left:15px;	
	}
	.ftr-soc-bg{
		margin-right:15px;	
	}

}

@media (max-width: 830px) {
	.ftr-logo{
		width:50px;	
	}
	.ftr-soc-bg{
		margin-top:40px;	
	}
	.copy-row{
		width:100%;	
		top:55%;
	}
}

@media (max-width: 767px) {

  .top-nav {
    top: 20px;
  }
  .top-nav ul li {
    margin: 0 0 0 5px;
  }
  .top-nav ul li a.btn-appointment {
    display: none;
    padding: 8px 10px;
  }
  
  .top-nav{
		right:10px !important;  
  }
  .sec-8-mar{
		overflow:auto;  
  }
  .about-rt .thump1{
		height:400px;	
	}
	.about-rt .thump1 img{
		height:400px;
		object-fit: cover;	
	}
  
}

@media (max-width: 699px) {
	.news-box figure{
		width:100%;
		height:250px;	
	}
	.news-box figcaption{
		width:100%;	
		margin:0;
	}
	.news-box:hover figure{
		width:100%;
		height:250px;
	}
	.news-box figcaption .news-more{
		right:auto;
		right:8.3%;
	}
	.sec-6-mar{
		overflow:auto;	
	}
}

@media (max-width: 650px) {
	.serve-box{
		width:100%;	
	}
	.serve-text-box, .serve-box{
		margin:0 0 15px 0;	
	}
	.about-lt{
		width:100%;	
		height:auto;
		position:relative;
	}
	.about-lt .more{
		top:15px;	
	}
	.about-rt{
		width:100%;
		height:auto;	
	}
	.about-rt .thump3, .about-rt .thump2, .about-rt .boxline, .about-rt .thump1{
		display:none;	
	}
	.gallery{
		width:48%;	
	}
	.sec-5-mar{
		overflow:auto;	
	}
	.sec-5-mar .row{
		margin:0;	
	}
	.banner-content .banner-hd h1{
		font-size:40px;	
		padding:2% 0;
	}
	.banner-content .banner-hd h4{
		font-size:30px;	
	}
	.serve-text-box h2{
		font-size:40px;	
	}
	.heading{
		font-size:40px;	
	}
	.gallery-sec .heading, .contact-sec .heading{
		font-size:40px;	
	}
	.news-sec h2{
		font-size:40px;	
	}
	.news-box{
		padding-top:20px;	
	}
	.contact-lt{
		width:100%;	
	}
	.contact-rt{
		width:100%;
		padding-bottom:50px;	
	}
	.contact-sec .row{
		margin-left:0;
		margin-right:0;
	}
	.contact-rt-title{
		transform:none;
		position:relative;
	}
	.logo{
		left:20px;	
	}
	.banner-content{
		left:20px;	
	}
	.carousel-indicators{
		right:30px;
		left:auto;	
	}
	.logo{
		width:50px;
		height:auto;	
	}
	.logo img{
		width:100%;
		height:auto;	
	}
}

@media (max-width: 568px) {}
@media (max-width: 480px) {
  .top-nav{
		right:35px !important;  
  }
  .main-menu ul li a{
		font-size:14px;  
  }
  .menu-social::before{
		display:none;  
  }
  .pro-slidebox{
		height:300px; 
		overflow:hidden; 
  }
  .pro-slidebox img{
	  width:844px !important;
		height:300px;  
  }
  .about-s{
	  display:none;  
  }
}
@media (max-width: 450px) {
	.gallery{
		width:100%;	
	}
	.contact-rt-title{
		padding-top:20px;
	}
}

@media (max-width: 320px) {
	.about-lt{
		padding-top:0;
	}
	
}