/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }


/* Default Font Styles
______________________*/
body, input, select, textarea{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#565656;
	line-height:1.3;
}
body{
	background:#1b222e;
}

/* Headings
______________________*/
h1{

}
h2{
	font-size:45px;
	font-size:42px;
	color:#000000;
	line-height:1.2;
	margin:0 0 20px;
}	
h3{

}
h4{

}


/* Links
______________________*/
a{ color:#f28021; outline:none !important; }
a:hover { color:#f28021; text-decoration:underline; }

/* p, blockquote, address
______________________*/
p{
	margin:0;
	padding:0 0 17px;
}
img{
	max-width:100%;
}
.btn-orange{
	background:#f38021;
	padding:7px 15px;
	color:#fff;
	border-bottom:3px solid #d86d27;
}
.btn-orange:hover{
	color:#fff;
	opacity:0.9;
}

/* Header
______________________*/
#header-wrap{
	background:url(../images/header-bg.jpg);
	padding:6px 0 17px;
	border-top:5px solid #e9e9e9;
}
.navbar{
	margin:0;
}
.navbar-nav{
	padding:25px 40px 0 0;
}
.navbar-nav > li{
	padding:0 40px 12px 0;
}
.navbar-nav > li:last-child{
	padding-right:0;
}
.navbar-nav > li > a{
	padding:0;
	font-size:16px;
	color:#fff;
	position:relative;
	background:none !important;
}
.navbar-nav > li > a:hover{
	color:#f38120;
	background:none;
}
.navbar-nav > li.active > a{
	color:#f58220 !important;
}
	#home-page .navbar-nav > li{
		position:relative;
	}
	#home-page .navbar-nav > li > a{
		color:#010101;
	}
	#home-page .navbar-nav > li > a:hover,
	.navbar-nav > li:hover > a{
		color:#f58220;
	}
	/*.navbar-nav > li:hover > ul{
		display:block;
	}*/
		.navbar-nav > li ul.dropdown-menu{
			display:none;
			position:absolute;
			left: 0;
			top:100%;
			list-style-type: square;
			min-width:150px;
			background:#f4f4f4;
			padding:5px 8px;
			text-align:center;
			box-shadow:0 0 2px rgba(0,0,0, 0.2);
		}

@media (min-width: 0px) and (max-width: 768px) {
	.navbar-nav > li ul.dropdown-menu {
		background: rgba(255, 255, 255, .1);
		color: #fff;
		float: none;
		position: relative !important;
		text-align: left;
		text-indent: 25px;
	}
}
		.dropdown-menu {
			list-style-type: disk !important;
		}

		.navbar-nav > li ul li{
			padding:0 0 7px;
			margin:0 0 7px;
		}
		.navbar-nav > li ul li:last-child{
			padding-bottom:0;
			margin-bottom:0;
		}
		.dropdown-menu {
			background: rgba(0, 0, 0, .5) !important;
		}
		.dropdown-menu li a {
			color: #fff !important;
		}
		.dropdown-menu li a:hover {
			background: none;
			color: #f58220 !important;
		}
		#homepage .dropdown-menu {
			background: rgba(255, 255, 255, .5);
		}
		#homepgae .dropdown-menu li a {
			color: #111 !important;
		}
		.navbar-nav > li ul a{
			color:#000000;
		}
		.navbar-nav > li ul a:hover,
		.navbar-nav > li ul li.active a{
			color:#f58220;
			text-decoration:none;
		}

/*  Main Area
-------------------------------------- */
#main-wrap{
	background:#fff;
}
#main{

}
.banner-wrap{
	background:url(../images/banner.jpg) center top no-repeat;
	background-size:cover;
	height:418px;
	position:relative;
}
	.banner-content{
		padding:90px 20px 0;
		text-align:center;
	}
	.banner-content h1{
		color:#fff;
		font-size:60px;
		font-size:50px;
		font-weight:bold;
		line-height:1;
		margin:0 0 20px;
	}
		.banner-content h1 span{
			display:block;
		}
	.banner-content a{
		color:#fff;
		font-size:28px;
		font-weight:bold;
	}
	.banner-content a:hover{
		color:#f58220;
		text-decoration:none;
	}
	.banner-article{
		max-width:915px;
		margin:60px auto 0;
	}
		.banner-article {
			color:#fff;
			text-align:center;
			display:block;
			position:relative;
			font-size:20px;
		}
			.banner-article strong{
				position:absolute;
				left:0;
				top:45px;
				width:100%;
				display:block;
				font-weight:600;
				text-shadow:0 0 1px #000;
			}
				.banner-article strong span{
					display:block;
				}
				.banner-article strong em{
					display:block;
					font-style:normal;
					font-size:15px;
					font-weight:normal;
				}
			.overlay{
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				width:100%;
				height:100%;
				background:rgba(0,0,0, 0.5);
				display:block;
			}
		.banner-article img {
			display: inline-block;
			border:5px solid #fff;
		}
		.banner-article a:hover .overlay{
			display:none;
		}
.article-wrap{
	padding:90px 0 20px;
}
	.article-wrap h2{
		text-align:center;
	}
	.article{
	}
		.article-img{
			border:4px solid #1c222e;
			margin:0 0 20px;
		}
			.article-img img{
				display:block;
				margin:0 auto;
			}
		.article-in{
			padding:0 0 0 10px;
		}
		.article h3{
			color:#000;
			font-size:18px;
			font-weight:normal;
			line-height:1.2;
			margin:0 0 10px;
		}
/*  product-page  */
#product-page{
	background:#1A212D url(../images/product-page12.jpg) center top no-repeat;
}

	#product-page #header-wrap{
		background:none;
		border:none;
	}
	#product-page #main-wrap{
		background:none;
	}
#product-page2{
	background:#1b222e url(../images/product-page12.jpg) center top no-repeat;
}
#product-page2 #header-wrap{
	background:none;
	border:none;
}
#product-page2 #main-wrap{
	background:none;
}
.product-wrap{
	position:relative;
	padding:22px 0 0;
	margin-top:-20px;
}
	.product-wrap h2{
		font-size:28px;
		color:#fff;
		font-weight:bold;
		margin:0 0 32px 100px;
	}
	.arrow-contain{
		position:absolute;
		right:100px;
		top:30px;
	}
		.arrow-contain a{
			display:inline-block;
			margin:0 4px;
		}
.product{
	max-width:930px;
	margin:0 auto;
}
	.product{
		text-align:center;
	}
		.product ul,
		.product li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.product li{
			float:left;
		}
		.product-img{
			margin:0 10px 12px;
		}
		.product-item{
			margin:0 0 30px;
		}
		.product h3{
			font-size:13px;
			color:#fff;
			font-weight:300;
			margin:12px 0 10px;
            height: 30px;
			padding: 0px 4px 0px 10px;
		}
		.view{
			background: #f28020;
			color:#fff;
			display:inline-block;
			padding:6px 14px;
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
		}
		.view:hover, .view:focus {
			background: #49a605;
			color:#fff;
			text-decoration: none;
		}
		.product .flex-prev,
		.product .flex-next{
			background:url(../images/arrow-left.jpg) no-repeat;
			width:19px;
			height:19px;
			left:auto;
			right:135px;
			top:30px;
		}
		.product .flex-next{
			background:url(../images/arrow-right.jpg) no-repeat;
			right:105px;
		}
.our-client{
}
	.our-client-top{
		padding:0 0 20px 20px;
	}
		.our-client-top h2{
			margin:0 70px 20px;
			margin-top:20px;
			font-weight:normal;
		}
	.our-client .product{
		position:relative;
	}
	.our-client  .product .flex-prev,
	.our-client  .product .flex-next{
		top:-40px;
		right:40px;
	}
	.our-client  .product .flex-next{
		right:10px;
	}
/* folio-page  */
#folio-page{
}
	#folio-page #header-wrap,
	#services-page #header-wrap{
		background:url(../images/header-folio.jpg) center top no-repeat;
		background-size:cover;
		border:none;
	}
	#folio-page #main-wrap{
		background:url(../images/folio-main.jpg) center top no-repeat;
		background-size:cover;
		padding:33px 0;
		background-color:#fff;
	}
.tabs-section{
}
.tabs{
	padding:34px 90px 0px;
}

	.tabs ul,
	.tabs li{
		list-style:none;
		margin:0;
		padding:0;
	}
	.tabs li{
		float:left;
		margin:0 25px 10px 0;
	}
	.tabs a{
		display:block;
		padding:8px 30px;
		color:#fff;
		font-size:17px;
		border:2px solid #fff;
		position:relative;
	}
	.tabs .fa-caret-down{
		position:absolute;
		left:50%;
		bottom:-20px;
		margin-left:-15px;
		color:#f5821f;
		font-size:30px;
		display:none;
	}
	.tabs a:hover,
	.tabs li.active a{
		background:#f5821f;
		border-color:#f5821f;
		text-decoration:none;
	}
	.tabs li.active .fa-caret-down{
		display:block;
	}
.tabs-content-wrap{
	padding:0 0 40px;
}
.tabs-content{
	height:0;
	overflow:hidden;
	padding:0;
}






.tabs1{
	padding:34px 0px 25px;
}

	.tabs1 ul,
	.tabs1 li{
		list-style:none;
		margin:0;
		padding:0;
	}
	.tabs1 li{
		float:left;
		margin:0 25px 10px 0;
	}
	.tabs1 a{
		display:block;
		padding:8px 30px;
		color:#fff;
		font-size:22px;
		border:2px solid #fff;
		position:relative;
	}
	.tabs1 .fa-caret-down{
		position:absolute;
		left:50%;
		bottom:-20px;
		margin-left:-15px;
		color:#f5821f;
		font-size:30px;
		display:none;
	}
	.tabs1 a:hover,
	.tabs1 li.active a{
		background:#f5821f;
		border-color:#f5821f;
		text-decoration:none;
	}
	.tabs1 li.active .fa-caret-down{
		display:block;
	}
.tabs-content-wrap{
	padding:0 0 40px;
}
.tabs-content{
	height:0;
	overflow:hidden;
	padding:0;
}

	.blg-img{
		border:4px solid #e6e5e5;
		margin:0 0 15px;
	}
		.blg-img img{
			width:100%;
		}
	.blg-content{
		color:#fff;
	}
	.blg-content h3{
		color:#f58220;
		font-size:20px;
		font-weight:bold;
		line-height:1.2;
		margin:0 0 15px;
	}
.slider-wrap{
	text-align:center;
	font-size:10px;
	color:#fff;
	position:relative;
}
	.slider-wrap ul,
	.slider-wrap li{
		list-style:none;
		margin:0;
		padding:0;
	}
	.slider-wrap li{
		float:left;
	}
	.slide-img{
		margin:0 0 7px;
	}
	.slider-wrap h3{
		font-size:11px;
		text-transform:uppercase;
		color:#fff;
		line-height:1.2;
		letter-spacing:-0.5;
		margin:0 0 3px;
	}
.slider-wrap p{
		font-size:11px;
		color:#fff;
		line-height:1.2;
		margin:0 0 3px;
	}
	.flex-prev,
	.flex-next{
		position:absolute;
		left:-25px;
		top:35px;
		background:url(../images/slider-left.png) no-repeat;
		width:24px;
		height:43px;
		font-size:0;
		outline:none;
	}
	.flex-next{
		left:auto;
		right:-25px;
		background:url(../images/slider-right.png) no-repeat;
	}
/*  about page  */
#about-page{
}
	#about-page #container-fluid{
		background:url(../images/about.jpg) center top no-repeat;
		background-size:cover;
	}
	#about-page #main-wrap{
		background:none;
	}
	#about-page #header-wrap{
		background:none;
		border:none;
	}
.about-content-wrap{
	padding:55px 0 30px;
	color:#fff;
}
	.about-content-wrap h2{
		color:#fff;
		font-size:35px;
		line-height:1.1;
		margin:0 0 15px;
	}
	.about-content-wrap p{
		padding:0 0 20px;
	}
.gallery-wrap{
	padding:0 0 10px;
}
	.gallery-lg{
		border:5px solid #fff;
		margin:0 0 20px;
	}
		.gallery-lg img{
			width:100%;
			max-height:227px;
		}
	.gallery{
	}
		.gallery ul,
		.gallery li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.gallery li{
			float:left;
			width:33.33%;
			padding:0 7px;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
		}
		.gallery a{
			display:block;
			border:2px solid #818181;
		}
		.gallery a img{
			width:100%;
		}
.about-img{
	margin:0 0 20px;
}
	.about-img img{
		width:100%;
	}
/*  contact-page  */
#contact-page{
}
	#contact-page #container-fluid{
		background:url(../images/folio-main.jpg) center top no-repeat;
		background-size:cover;
	}
	#contact-page #main-wrap{
		background:none;
	}
	#contact-page #header-wrap{
		border:none;
		background:rgba(0,0,0, 0.8);
	}
.contact-section-wrap{
	max-width:860px;
	margin:0 auto;
	padding:35px 0 50px;
}
	.contact-section-wrap h1{
		color:#fff;
		text-align:center;
		font-size:27px;
		line-height:1.2;
		margin:0 80px 30px;
	}
	.map-section{
		color:#fff;
		margin:0 0 15px;
	}
		.map-img{
			margin:0 0 10px;
			text-align:center;
		}
	.form-secton{
	}
		.form-secton p{
			padding:0 0 10px;
		}
		.field,
		select,
		textarea{
			border:1px solid #dcdce4;
			background:rgba(255,255,255, 0.5);
			color:#333333;
			padding:6px 12px;
			width:100%;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
		.submit-btn{
			padding:7px 30px;
			margin-top:5px;
		}
/*  support-page  */
#support-page{
}
	#support-page #header-wrap{
		background:url(../images/header-folio.jpg) center top no-repeat;
		background-size:cover;
		border:none;
	}
	#support-page #main-wrap{
		background:url(../images/folio-main.jpg) center top no-repeat;
		background-size:cover;
		padding:33px 0;
	}
.support-wrap{
	max-width:825px;
	margin:0 auto;
	color:#fff;
	padding:20px 0 50px;
}
	.support-wrap h1{
		color:#fff;
		text-align:center;
		font-size:45px;
		line-height:1.2;
		margin:0 80px 30px;
	}
	.support-img{
		border:5px solid #fff;
		margin:0 0 20px;
	}
		.support-img img{
			width:100%;
		}
	.support-wrap h3{
		color:#fff;
		font-size:24px;
		line-height:1.1;
		margin:0 0 15px;
	}
/*  services-page  */
.services-title{
	max-width:800px;
	margin:0 auto;
	padding:20px 0;
	color:#fff;
	text-align:center;
}
	#services-page #main-wrap{
		background:#fff url(../images/folio-main.jpg) center top;
		padding:33px 0;
  background-repeat: no-repeat;
  background-size: contain;
	}
	.services-title h1{
		color:#fff;
		text-align:center;
		font-size:40px;
		line-height:1.2;
		margin:0 0 20px;
	}
	.services-nav{
		text-align:center;
	}
		.services-nav span,
		.services-nav a{
			display:inline-block;
			vertical-align:middle;
			margin:0 5px 5px;
		}
		.services-nav a{
			padding:8px 10px;
			color:#fff;
			border:1px solid #fff;
		}
		.services-nav a:hover,
		.services-nav .active{
			background:#f5821f;
			border-color:#f5821f;
			text-decoration:none;
		}
.services-section{
	background:#fff;
	padding:25px;
}
.section-container{
	border-bottom:1px solid #c2c2c2;
	padding:0 0 30px;
	margin:0 0 30px;
}
.section-container:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.section-info{
	font-size:14px;
	padding:0 0 0;
}
	.section-info h3{
		color:#f58220;
		font-weight:bold;
		font-size:34px;
		margin:0 0 20px;
	}
	.section-info p{
		padding:0 0 25px;
		line-height:1.8;
	}
.section-photo-wrap{
	font-size:14px;
}
	.section-photo{
		border:5px solid #d4d4d6;
		margin:0 0 7px;
	}
		.section-photo img{
			width:100%;
		}
	.section-photo-wrap h3{
		color:#000;
		font-size:14px;
		line-height:1.2;
		margin:0 0 10px;
		font-weight: 600;
	}
	.section-photo-wrap p{
		padding:0 0 10px;
	}
	


/*  Footer 
-------------------------------------- */
#footer-wrap{
	background:#1b222e url(../images/footer-bg.jpg) left top repeat-x;
	padding:15px 0 5px;
}
#footer{
	font-size:12px;
	color:#cdcccc;
}
	.footer-nav{
		text-align:center;
		padding:13px 0 0;
	}
		.footer-nav ul,
		.footer-nav li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.footer-nav li{
			display:inline-block;
			border-left:1px solid #cdcccc;
			padding:0 3px 0 5px;
			line-height:1;
		}
		.footer-nav li:first-child{
			border:none;
		}
		.footer-nav a{
			color:#cdcccc;
		}
		.footer-nav a:hover{
			text-decoration:none;
		}
	#footer .social-section{
		text-align:center;
		padding:15px 0 0;
	}
		.social-section a{
			
			width:24px;
			height:24px;
			line-height:24px;
			font-size:16px;
			display:inline-block;
			background:#fff;
			color:#1b222e;
			text-align:center;
			margin:0 3px 5px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
		}
		.social-section a:hover{
			background:#f28021;
			color:#fff;
		}
		.clee{
			color:#cdcccc;
		}
		.clee:hover{
			color:#f58220;
			text-decoration:none;
		}
.copyright{
	padding:18px 0 0;
}

.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }

@media (max-width: 1200px) {
.navbar-nav > li{
	padding-right:20px;
}
.navbar-header > a{
	max-width:250px;
	display:block;
}
.product-wrap h2{
	margin:10px 0 35px 20px;
}
	.product .flex-prev,
	.product .flex-next{

		top:40px;
	}
}
@media (max-width: 992px) {
.navbar-nav > li{
	padding-right:13px;
}
.navbar-nav li > a{
	font-size:13px;
}
.navbar-header > a{
	max-width:200px;
	display:block;
}
.banner-wrap{
	height:320px;
}
.banner-content{
	padding:40px 20px 0;
}
.banner-content h1{
	font-size:40px;
	margin:0;
	padding:0 0 15px;
}
.banner-content h1 span{
	display:inline;
}
	.banner-article strong{
		top:35px;
	}
	.banner-article strong em{
		font-size:14px;
	}
.article-wrap{
}
	.article-wrap .col-sm-3{
		float:left;
		width:50%;
	}
	.article-img img{
		width:100%;
	}
}
@media screen and (max-width: 767px) { 
h2{
	font-size:30px;
}
#header-wrap{
	padding:5px 0;
}
	.navbar-toggle{
		background:url(../images/menu-white.png) no-repeat;
		background-size:100% auto;
		width:80px;
		height:17px;
		padding:0;
		border:none;
		margin:18px 0 0;
	}
	#home-page .navbar-toggle{
		background:url(../images/menu.png) no-repeat;
		background-size:100% auto;
	}
	#product-page #header-wrap{
		background:#191b27;
	}
	#about-page #header-wrap,
	#contact-page #header-wrap{
		background:#000;
	}
		.navbar-collapse{
			border:none !important;
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
		}
		.nav{
			padding:10px 0 0;
			box-shadow:none;
		}
		.navbar-nav > li{
			padding:0 0 5px;
		}
		.navbar-header > a{
			max-width:250px;
		}
.banner-wrap{
	height:auto;
}
.banner-content{
	padding:30px 0 0;
}
	.banner-content h1{
		font-size:30px;
	}
	.banner-content a{
		font-size:20px;
	}
.banner-article{
	margin:0 0 -50px 0;
}
	.banner-article img{
		width:100%;
		-moz-box-shadow:0 0 7px rgba(0,0,0, 0.6);
		-webkit-box-shadow:0 0 7px rgba(0,0,0, 0.6);
		box-shadow:0 0 7px rgba(0,0,0, 0.6);
	}
	.banner-article a:hover img{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.article-img{
		margin:0 0 10px;
	}
	.article{
		padding:0 0 15px;
	}
.article-wrap{
	padding:60px 0;
}
	.article-img img{
		width:100%;
	}
.tabs li{
	margin:0 10px 15px 0;
}
	.tabs a{
		font-size:17px;
		padding:6px 20px;
	}
.product-wrap{
	padding:50px 0 0;
}
.about-content-wrap{
	padding:20px 0;
}
#contact-page #container-fluid,
#product-page #container-fluid{
	background:url(../images/contact-mobile.jpg) center top no-repeat;
	background-size:cover;
}
	.contact-section-wrap{
		padding:20px 0;
	}
	.contact-section-wrap h1{
		font-size:30px;
		margin:0 0 30px;
	}
.slider{
	max-width:220px;
	margin:0 auto;
	position:relative;
}
.flex-prev,
.flex-next{
	left:-35px;
}
.flex-next{
	left:auto;
	right:-35px;
}
.banner-article{
}
	.banner-article .col-sm-4{
		max-width:278px;
		margin:7px auto;
	}
.product{
	max-width:250px;
	margin:0 auto;
	position:relative;
	padding:30px 0 0;
}
	.product .flex-prev,
	.product .flex-next,
	.our-client  .product .flex-prev,
	.our-client  .product .flex-next{
		top:50%;
		margin-top:-20px;
		right:auto;
		left:-20px;
	}
	.product .flex-next,
	.our-client  .product .flex-next{
		left:auto;
		right:-20px;
	}
	.product-wrap h2{
		margin:0 0 20px;
		font-size:20px;
	}
.blg-img{
	max-width:300px;
	margin:0 auto 15px;
}
.gallery-wrap{
	max-width:450px;
	margin:0 auto;
}
.services-section{
	padding:10px;
}
.article-wrap .col-sm-3{
	float:none;
	width:100%;
}
.tabs{
	text-align:center;
}
.tabs li{
	float:none;
	width:100%;
	margin:0 0 10px;
}
	.tabs a{
		display:inline-block;
	}
	.tabs li.active .fa-caret-down{
		display:none !important;
	}
#footer-wrap{
	padding:12px 0 10px;
}
#footer{
	text-align:center;
}
	#footer .social-section{
		text-align:center;
		padding:5px 0 0;
	}
	.footer-nav{
		padding:0;
	}
	#footer p{
		padding:0 0 10px;
	}
}
@media screen and (max-width: 479px) { 
.navbar-header > a{
	max-width:180px;
}
}

/*flip image*/
.flip-container {
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-webkit-perspective: 1000;
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 219px;
	height: 137px;
}

/* flip speed goes here */
.flipper {
	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position:relative;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background:#000;
	opacity:0.7;
	text-align: center;
	line-height:137px;
	color:#000;
	font-size: 18px;
}

.flip-container2 {
  height: 100px !important;
  margin: 0 auto !important;
  text-align: center;
  width: 192px !important;
  line-height: 100px;
}

.article-img {
	overflow: hidden;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease;
}

.article-img:hover {
	border-color: #ccc;
}

.hls img {
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

.hls:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.footer_span{
	margin-top:5px;
	}
.contact_page a{
	color:#fff;
	}
.contact_page a:hover{
	color:#F38221;
}	
@media(max-width:768px)
{
.tabs {
  padding: 34px 0px 0px;
}
}
.product_link_btn{
	margin-left:0px;
	}
@media(max-width:990px){
		#services-page #main-wrap{
		background:#fff url(../images/folio-main.jpg) center top;
		padding:33px 0;
		background-size: contain;
		}
		.spacing {
		  height: 0px!important;
		}
.back_to_top_main{
			  margin-top: 45px !important;
			  margin-right: 15px !important;
			  }
	}
@media(max-width:767px){
		#services-page #main-wrap{
		background:#fff url(../images/folio-main.jpg) center top;
		padding:33px 0;
		background-size: contain;
		}
		.spacing {
		  height: 0px!important;
		}
	}