body {
	margin:0;
	background:#000;
	color:#fff;
}
.logo-home {
	width:150px;
	margin:35px auto;
}
.logo-home img {
	width:100%;
}
.logo-contact {
	width:250px;
	margin:70px auto 15px auto;
}
.logo-contact img {
	width:100%;
}
.header-product {
	margin-top: 30px;
	height: 90px;
    margin-bottom: 5px;
}
.header-logo {
	text-align: center;
    border-right: 3px solid #fff;
	height: 100%;
}
.header-logo img {
	width: 140px;
}
.header-branch, .header-collection {
	text-align: center;
	height: 100%;
}
.header-collection {
	border-left: 3px solid #fff;
}
.header-branch {
	padding-right: 0;
    padding-left: 20px;
}
.header-branch h1{
	text-transform: lowercase;
}
.header-branch a {
	color: #fff;
}
.header-branch a:hover {
	text-decoration: none;
}
.header-collection h1 {
	text-transform: uppercase;
}
/* Center the loader */
#loader {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 35%;
	z-index: 1;
	width: 320px;
}
#loader img {
	width: 100%;
	height: auto;
}
.progress {
	height: 7px;
	border-radius: 30px;
	margin-bottom: 0;
	margin-top: 30px;
	background-color: #454545;
}
.progress-bar {
	background-color: #fff;
}
/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}
@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
#myDiv {
  display: none;
}
/**************** collection *****************/
#slider, #lightSlider2 {
	height: 400px!important;
}
.lSSlideWrapper {
	width: 95%;
	margin: auto;
}
.lSSlideWrapper > .lSAction > .lSPrev, .lSSlideWrapper > .lSAction > .lSNext {
	display: none;
}
.action-prev > .lSPrev {
	left: -37px;
}
.action-next > .lSNext {
	right: -37px;
}
.collection {
	width: 100%;
	margin: 0 auto;
}
.collection-container {
	padding-right: 17px;
	padding-left: 17px;
}
.collection-container img {
	width: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.collection-container figure {
	text-align: center;
	position: relative;
	background: #000;
}
.collection-container figure figcaption{
	margin: 0 auto;
	position: absolute;
	top: 38%;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 20px;
	text-transform: lowercase;
}
.collection-container figure:hover img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.collection-container figure:hover figcaption{
	visibility: hidden;
}
/*********************** product **************************/
.left-banner img {
	width: 100%;
	margin-top: 53px;
}
#item>.col-md-8 {
	position: relative;
	overflow: hidden;
	height: 641px;
	padding-top: 50px;
}
#item>.col-md-8 .product-container {
	position: absolute;
	overflow: auto;
	height: 641px;
	right: -25px;
	width: 100%;
	padding-top: 0;
	top: 37px;
}
.left-banner .carousel-indicators {
	left: 27%;
	text-align: right;
	width: 100%;
	margin-bottom: -32px;
}
.left-banner .carousel-indicators li {
	border: none;
	background-color: #fff;
}
.left-banner .carousel-indicators .active {
	background-color: #5d5859;
	margin-right: 5px;
	margin-bottom: 1px;
	width: 10px;
	height: 10px;
}
/*********************** Detail product **********************/
.container-info {
	margin-top: 6%;
}
.arrow-left {
	text-align: left;
}
.arrow-left img {
	width: 45px;
	margin-right: 10px;
}
.arrow-right {
	text-align: right;
}
.arrow-right img {
	width: 45px;
	margin-left: 10px;
}
.col-info {
	padding: 0;
}
#dimension .col-info {
	width: 100%;
}
.dimension-size {
	height: 100%;
}
.size-container {
	position: relative;
	height: 100%;
}
.size-group {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
}
#material .col-info a {
	color: #fff;
	text-transform: uppercase;
}
#f1, #f2 {
	margin-right: 0;
}
.mtr-name {
	text-align: right;
}
.framing {
	/*height: 395px;*/
}
#dimension {
	min-height: 100px;
	padding-bottom: 0;
    margin-bottom: 0;
}
#dimension table {
	width: 100%;
}
#dimension .col-name {
	border-right: 3px solid #fff;
}
#dimension .col-name h2 {
	margin-top: 10px;
}
#dimension .col-size p {
	margin: 5px 0;
}
.framing .carousel-indicators {
	left: 33%;
	text-align: left;
	width: 100%;
	margin-bottom: 8px;
}
.framing .carousel-indicators li {
	border: none;
	background-color: #5d5859;
}
.framing .carousel-indicators .active {
	background-color: #000;
	margin-right: 5px;
	margin-bottom: 1px;
	width: 10px;
	height: 10px;
}
.product-arrow {
	margin-bottom: 10px;
	margin-top: 30px;
}
.product-arrow a {
	text-transform: uppercase;
	color: #fff;
}
.arrow-left a {
	margin-left: -70px;
}
.arrow-right a {
	margin-right: -70px;
}
.btn-ask {
	text-align: right;
}
.btn-ask a {
	color: #fff;
}
.share-container i {
	color: #fff;
}
/****************************** Contact ******************************/
.contact-container {
	margin-top: 50px;
	margin-bottom: 30px;
}
.contact-title {
	font-size: 24px;
	font-weight: bold;
}
.reach {
	text-align: center;
}
.reach a {
	width: 100%;
}
a.btn-contact {
	background: transparent;
	border-radius: 0;
	border: 1px solid #fff;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.contact-right {
	text-align: right;
	font-size: 18px;
}
.contact {
	margin-bottom: 20px;
}
.contact a {
	color: #fff;
	text-decoration: underline;
}
.contact .contact-title, .visit .contact-title {
	margin-bottom: 5px;
}
/****************************** Info *******************************/
#c-bg {
	background: transparent;
}
.contactus {
	margin-top: 0;
}
.box-form {
	background: #000;
	border: none;
	margin-bottom: 0;
}
.content-information img {
	width: 100%;
}
.content-information a {
	color: #fff;
}
.form-contact .form-control {
	border-color: #fff;
	border-radius: 0;
}
.form-contact .title-info {
	color: #555;
}
.btn-send-info>button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;

}
/****************************** Footer *******************************/
.footer-sosmed, .footer-contact {
	text-align:center;
	margin-top: 30px;
}
.footer-sosmed img, .footer-contact img {
	padding: 0 5px;
	width: 33px;
}
.footer-contact {
	position: fixed;
	left: 0;
	bottom: 10px;
	width: 100%;
}
.footer-product {
	margin-top: 30px;
}
.footer-detail {
	text-align: center;
	margin-bottom: 10px;
}
.footer-left {
	text-align:left;
}
.footer-left p {
	font-size: 10px;
}
.footer-right {
	text-align:right;
}
.footer-right a {
	font-size: 10px;
}
.footer-right img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
a.btn-footer {
	border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-weight: bold;
    padding: 3px 17px;
}
/****************************** Mobile *******************************/
@media screen and (min-width: 2560px){
	#slider, #lightSlider2 {
		height: 910px!important;
	}
	.logo-home {
		width: 350px;
	}
	#myDiv.animate-bottom, #header>.header-product {
		width: 2000px;
	}
	.framing {
		float: none;
	}
	.collection-container figure figcaption {
		font-size: 36px;
	}
	.header-product {
		width: 2000px;
	}
	.footer-product {
		width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}
	#item>.col-md-8.list-container {
		height: 990px;
	}
	#item>.col-md-8.list-container .product-container {
		height: 990px;
	}
	.item-box {
		height: 300px;
		margin-top: 18px;
	}
	.bx-item {
		width: 284px;
		height: 213px;
	}
	.prod-name {
		font-size: 1.2em;
	}
	.plus-opt {
		min-width: 45px;
	}
	.plus-opt .fa-plus{
		font-size: 2em;
	}
	.material-badges .img-badges {
		height: 50px;
		max-width: 50px;
		min-width: 50px;
	}
	.col-badges {
		top: -8px;
	}
}
@media screen and (min-width: 2304px) and (max-width: 2559px) {
	#slider, #lightSlider2,
	.text-side-slider {
		height: 380px!important;
	}
}
@media screen and (min-width: 1600px){
	.animate-bottom, .header-product {
		width: 1400px;
	}
	.header-product {
		padding: 0;
	}
	.collection-container figure figcaption {
		top: 48%;
	}
	#item>.col-md-8, #item>.col-md-8 .product-container {
		height: 700px;
	}
}
@media screen and (min-width: 1600px) and (max-width: 2304px) {
	#slider, #lightSlider2 {
		height: 600px!important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1599px){
	#slider, #lightSlider2 {
		height: 490px!important;
	}
	.collection-container figure figcaption {
		top: 47%;
	}
}
@media screen and (min-width: 1200px){
	#coll-container {
		width: 1130px;
	}
	.header-product {
		padding: 0;
	}
}
@media screen and (min-width: 768px){
	.carousel-indicators {
		bottom: 0;
	}
}
@media only screen and (max-device-width:991px) {
	.main-3, .main-4 {
		margin-top: -42px;
	}
	.introduction p {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px){
	/************ collection *************/
	.collection-container figure figcaption {
		bottom: 65px;
		font-size: 17px;
	}
	.footer-contact {
		position: relative;
	}
	.contact-right {
		text-align: center;
	}
	.header-product {
		height: auto;
	}
	.header-logo {
		border-right: none;
	}
	.header-collection {
		border-left: none;
	}
	.lSSlideWrapper > .lSAction > .lSPrev, .lSSlideWrapper > .lSAction > .lSNext {
		display: block;
	}
	#item>.col-md-8 .product-container {
		right: 0;
	}
	.container-info {
		padding: 15px;
	}
	.carousel-det {
		min-height: 263px;
	}
	.framing .carousel-indicators {
		margin-bottom: 36px;
	}
	.container-info .left-sm {
		overflow: hidden;
	}
}