body {
	margin:0;
}
.container {
	width:100%;
	margin:auto;
}
.container .wapper {
	width:1200px;
	margin:auto;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:25px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:15px;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:12px;
}
.container .logo {
	background-size:contain !important;
	background-repeat:no-repeat;
	width:500px;
	height:128px;
	margin:30px 0;
	float:left;
	display:block;
	text-indent:-33333px;
}
.heading-strip {
	background-color:#f2f2f2;
	padding:15px;
	text-align:center;
	clear:both;
}
.heading-strip h1 {
	color:#333;
	text-transform:uppercase;
	font-size:24px;
}	
.content-main {
	padding:30px 0;
	width:100%;
	float:left;
}
.gallery-box {
	width:32%;
	float:left;
	background-color:#f2f2f2;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-right:2%;
	margin-bottom:20px;
}
.gallery-box:nth-child(3n) {
	margin:0;
}
.gallery-box h2 {
	background-color:rgb(0, 103, 178);
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	padding:10px 0;
	text-align:center;
	color:#fff;
}
.gallery-box .img {
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	overflow:hidden;
	width:100%;
	height:125px;
}
.gallery-box .img img {
	width:100%;
	height:100%;
}
.back-links {
	float:right;
	margin-top:60px;
}
.back-links a {
	border:1px solid #333;
	background-color:#f2f2f2;
	border-radius:30px;
	-moz-border-radius:30px;
	padding:5px 10px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	float:left;
}
.back-links a i {
	border-radius:30px;
	-moz-border-radius:30px;
	background-color:#333;
	border:none;
	font-size:16px;
	color:#fff;
	margin-right:5px;
	width:25px;
	line-height:25px;
	text-align:center;
}
.product-window {
	width:50%;
	float:left;
}
.viewer-window {
	width:50%;
	float:left;
}
.viewer-window iframe {
	border:1px solid #ccc;
}
.product-slider {
	width:auto;
	position:relative;
	padding:0 50px;
	margin-right:20px;
}
.product-slider .navigation.left {
	left:0;
	background:url(../images/product-arrow-l.png) no-repeat;
	width:32px;
	height:62px;
	position:absolute;
	top:200px;
	cursor:pointer;
}
.product-slider .navigation.right {
	right:0;
	background:url(../images/product-arrow-r.png) no-repeat;
	width:32px;
	height:62px;
	position:absolute;
	top:200px;
	cursor:pointer;
}
.product-slider h1 {
	color:#333;
	text-align:center;
	text-transform:uppercase;
}
.product-slider .product-img {
	margin:20px auto;
	text-align:center;
}
.product-slider .product-img img {
	width:auto;
	height:400px;
}
.product-slider .product-detail ul {
	margin:0;
	padding:0;
	text-align:center;
}
.product-slider .product-detail li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
	background-color:#f5f5f5;
	padding:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:110px;
}
.product-slider .product-detail li a i {
	color:#333;
	display:block;
	font-size:35px;
	margin-bottom:7px;
}
.product-slider .product-detail li a {
	color:#333;
	text-decoration:none;
}
.framer-main {
	width:100%;
	text-align:center;
}
.framer-main img {
	width:auto;
}
.framer-main h1 {
	padding:20px 0;
}
.cd-top {
	display:none;
}
/* width <= 1200px */
@media (max-width: 1280px) {
}
/* width <= 991px */
@media (max-width: 991px) {
	.container .wapper {
		width:100%;
	}
	.container .logo {
		margin:30px;
	}
	.gallery-box {
		width:28%;
		margin-left:4%;
		margin-right:0;
		margin-bottom:30px;
	}
	.gallery-box:nth-child(3n) {
		margin-left:4%;
		margin-right:4%;
		margin-bottom:30px;
	}
	.back-links {
		margin-right:20px;
	}
	.product-slider {
		margin-left:20px;
	}
	.viewer-window {
		width:48%;
	}
	.product-slider .product-detail li {
		margin:0 0 10px 0;
		width:100%;
	}
}
@media (max-width: 800px) {
	.gallery-box {
		width:44%;
		margin-left:4%;
		margin-right:0;
		margin-bottom:30px;
	}
	.gallery-box:nth-child(3n) {
		margin-left:4%;
		margin-right:0;
		margin-bottom:30px;
	}
	.gallery-box:nth-child(2n) {
		margin-left:4%;
		margin-right:4%;
		margin-bottom:30px;
	}
	.product-window {
		width:100%;
		padding-bottom:20px;
	}
	.product-slider .product-img img {
		height:250px;
	}
	.product-slider .product-detail li {
		width:110px;
		margin:0 10px;
	}
	.viewer-window {
		width:90%;
		margin:auto;
		float:none;
		clear:both;
	}
}
/* width <= 767px */
@media (max-width: 767px) {
	.container .logo {
		width:250px;
		height:64px;
		margin:30px auto;
		float:none;
	}
	h1 {
		font-size:20px;
	}
	.gallery-box {
		width:90%;
		margin:0 5% 20px 5% !important;
	}
	.back-links {
		float:none;
		margin:0 auto 20px;
		text-align:center;
	}
	.back-links a {
		display:inline-block;
		float:none;
	}
	.product-slider .product-detail li {
		margin:0 0 10px 0;
		width:100%;
	}
	.product-slider {
		margin:0 10px;
		padding:0 30px;
	}
	.product-slider .product-img img {
		height:150px;
	}
	.product-slider .product-detail li {
		padding:10px 0;
		margin-bottom:5px;
	}
	.product-slider .navigation.left {
		top:93px;
		background-size:contain;
		width:20px;
		height:40px;
		left:5px;
	}
	.product-slider .navigation.right {
		top:93px;
		background-size:contain;
		width:20px;
		height:40px;
		right:5px;
	}
	.container .logo {
		margin:20px auto;
	}
	.product-slider h1 {
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	.product-slider .product-img {
		width:20%;
		float:left;
		margin:0 auto;
	}
	.product-slider .product-img img {
		width:100%;
		height:auto;
	}
	.product-slider .product-detail {
		margin-left:5%;
		width:75%;
		float:left;
	}
	.product-slider .product-detail li {
		width:100%;
		font-size:13px;
		text-align:left;
		font-weight:bold;
	}
	.product-slider .product-detail li a i {
		margin:0 8px 0 10px;
		float:left;
		font-size:18px;
	}
	.product-slider {
		min-height:200px;
		margin:0;
	}
	.heading-strip h1 {
		font-size:18px;
	}
	.heading-strip {
		padding:10px;
	}
	.framer-main {
		width:100%;
		text-align:center;
	}
	.framer-main img {
		width:70%;
	}
	.framer-main h1 {
		padding:20px;
	}
	.cd-top {
		display: inline-block;
		padding:7px 10px;
		position: fixed;
		bottom: 20px;
		right: 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		/* image replacement properties */
		overflow: hidden;
		white-space: nowrap;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
		color:#fff;
		background-color:rgba(0, 0, 0, 0.5)
	}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	.cd-top.cd-is-visible {
		/* the button becomes visible */
		visibility: visible;
		opacity: 1;
	}
	.cd-top.cd-fade-out {
		/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
		opacity: .5;
	}
	.no-touch .cd-top:hover {
		background-color: #e86256;
		opacity: 1;
	}
}