@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Medium'), url('../fonts/ufonts.com_gotham-medium.woff') format('woff'), url('../fonts/ufonts.com_gotham-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Light'), url('../fonts/ufonts.com_gotham-light.woff') format('woff'), url('../fonts/ufonts.com_gotham-light.ttf') format('truetype');
}

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

.img-thumb {
	text-align: center;
}

.pl_0 {
	padding-left: 0px !important;
}

.pr_0 {
	padding-right: 0px !important;
}

.mt_20 {
	margin-top: 20px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mt_80 {
	margin-top: 80px;
}

.mb_80 {
	margin-bottom: 80px;
}

.section-header {
	font-family: 'Gotham Medium', sans-serif;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.carousel-control {
	text-shadow: 0 1px 2px rgba(0,0,0,0);
}

.carousel-control:hover {
	opacity: 0.5;
}

.image-carousel div a img {
	z-index: 1;
	position: relative;
}

.item:hover{
	cursor: pointer;
}

.fa-angle-right , .fa-angle-left{
	font-size: 40px;
	font-weight: 900;
	top: 0px;
	position: relative;
	right:15%;
	margin-top: 100%;
	z-index: 2;
	color: #fff;
	background-color: #3c3c3c;
	border: 1px solid #3c3c3c;
	border-radius: 50%;
	padding: 10px 23px;
	opacity: 1 !important;
}

.fa-angle-left{
	left : 15%;
	right:0;	
}

.short-big-desc-holder {
	border: 2px solid (255, 255, 255, .6);
	width: 400px;
	height: 400px;
	position: absolute;
}

.section1-big-short-desc {
	background: rgba(255, 255, 255, .6);
	position: absolute;
}

.section1-big-short-desc p.product-title{
	padding-top: 40%;
}

.short-desc-holder {
	/* border: 2px solid rgba(255, 255, 255, .6);
	width: 227.5px;
    height: 227.5px;
    margin: 10px; */
    top: 0;
	position: absolute;
}

.section1-short-desc {
	/* width: 203.5px;
    height: 203.5px; */
    margin: 10px;
}

.section1-short-desc p {
	display: none;
}

.section1-short-desc > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.section1-short-desc, #section3 > div > div > div > div.product-short-desc {
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	z-index: 1;
}

.section1-short-desc p.product-title {
	padding-top: 25%;
	padding-left: 5px;
	padding-right: 5px;
}

.section1-short-desc p.quick-view, .section1-big-short-desc p.quick-view {
	margin-top: 25%;
}

#section2 .product-short-desc {
	border: 1px solid transparent;
	border-top: none;
	height: 135px;
}

#section2 .product-short-desc:hover {
	border: 1px solid #ebebeb;
	border-top: none;
}

.section2-image{
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
		border-color: transparent;
}

.section2-image:hover{
	border-color: #d0d0d0;
}

.img-zoom {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.close{
	margin-top:10px;
}

.product-title {
	font-family: 'Gotham Medium', sans-serif;
	line-height: 18pt;
	font-size: 16px;
	padding: 0 35px;
}

.product-price {
	font-family: GothamMedium, sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.quick-view {
	font-family: 'AvenirNextLTPro-Regular', sans-serif;
	font-size: 14px;
	color: #f14949 !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	cursor: pointer;
}


.blog-short-desc-holder {
	border: 2px solid rgba(255, 255, 255, .6);
	position: absolute;
	z-index: 1;
}

#section3 > div > div > div > div.product-short-desc > p.product-title {
	margin-top: 70%;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}

.zoomIn {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*
@media only screen and (min-width: 376px) and (max-width: 425px) {
	
}
*/

@media only screen and (max-width: 425px) {
	.xs_pl_0 {
		padding-left: 0;
	}

	.xs_pr_0 {
		padding-right: 0;
	}

	.section1-big-short-desc p.product-title{
		margin-top: 20%;
	}

	.img-blog {
		margin-bottom: 50px;
	}

	.section-header {
		margin-top: 40px;
	}


	.section1-short-desc, #section3 > div > div > div > div.product-short-desc {
		width:90px !important;
		height:90px !important;
	}	

	.section1-short-desc p.quick-view, .section1-short-desc p.product-title {
		margin-top: 12%;
	}

	#section3 > div > div > div > div.product-short-desc > p.product-title {
	    margin-top: 70%;
	    padding: 0 5px;
	}

	.blog-short-desc-holder {
		width: 91% !important;
		height: 87% !important;
	}

	.blog-short-desc {
		height: 96% !important;
	}
}

/*

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	p.product-title {
		font-size: 12px;
		padding: 0 5px;
	}

	p.product-price {
		font-size: 12px;
	}

	.short-desc-holder {
		width:20px !important;
		height:20px !important;
	}

	.section1-short-desc, #section3 > div > div > div > div.product-short-desc {
		width:90px !important;
		height:90px !important;
	}	

	.section1-short-desc p.quick-view, .section1-short-desc p.product-title {
		margin-top: 12%;
	}
}
*/

/* Tambahan Soyuz utk hover transparan di thumbnail latest products */

.gambar {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-thumb:hover .gambar {
  opacity: 0.3;
}

.img-thumb:hover .middle {
  opacity: 1;
}

.text {
  background-color: black;
  color: white;
  font-size: 13px;
  padding: 10px 15px;
}