/**
 * Summary:
 *
 *    1. CUSTOM VC ELEMENTS
 *    2. PRODUCT
 *    3. BLOG POST
 *    4. ONE PAGE NAVIGATION
 *    5. LOOKBOOK
 *    6. TESTIMONIAL
 *    7. CAROUSEL
 *    8. TEAM MEMBER
 *        
 */

/* ==========================================================================
   CUSTOM VC ELEMENTS
   ========================================================================== */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
	border-color: #e5e5e5;
}
.vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline,
.vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline-custom {
	height: 52px;
	line-height: 50px;
	padding: 0 45px !important;
	color: #000;
}
.vc_btn3-container.fs__12 .vc_btn3 {
	font-size: 12px;
}
.vc_slide.vc_images_carousel .vc_carousel-control {
	opacity: 1;
	color: #000;
}
.vc_slide.vc_images_carousel .vc_carousel-control span {
	text-shadow: none;
}
.vc_slide.vc_images_carousel .vc_carousel-control .icon-prev:before,
.vc_slide.vc_images_carousel .vc_carousel-control .icon-next:before {
	font-family: 'FontAwesome';
	font-size: 20px;
}
.vc_slide.vc_images_carousel .vc_carousel-control .icon-next:before {
	content: '\f0da';
}
.vc_slide.vc_images_carousel .vc_carousel-control .icon-prev:before {
	content: '\f0d9';
}

/* ==========================================================================
   SLIDER NAVIGATION
   ========================================================================== */
.nav-top .owl-nav > div,
.nav-middle .owl-nav > div {
	position: absolute;
	top: -100px;
	color: #000;
}
.nav-top .owl-nav > div i {
	font-size: 30px;
}
.nav-top .owl-nav .owl-next {
	right: calc(20% + 30px);
}
.nav-top .owl-nav .owl-prev {
	left: 20%;
}
.nav-middle .owl-nav > div {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-middle .owl-nav > div,
.nav-text .owl-nav > div:after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.nav-text .owl-nav > div {
	letter-spacing: 1px;
	padding-bottom: 8px;
}
.nav-text .owl-nav > div:after {
	content: '';
	position: absolute;
	width: 42px;
	height: 2px;
	background: #000;
	bottom: 0;
	left: calc(50% - 21px);
}
.nav-middle .owl-nav > div:hover {
	color: #b9a87a;
}
.nav-text .owl-nav > div:hover:after {
	background: #b9a87a;
}
.nav-text .owl-nav .owl-next {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.nav-text .owl-nav .owl-prev {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.nav-middle.nav-text .owl-nav .owl-next {
	right: -70px;
}
.nav-middle.nav-text .owl-nav .owl-prev {
	left: -100px;
}
.nav-middle .owl-nav .owl-next {
	right: -10px;
}
.nav-middle .owl-nav .owl-prev {
	left: -40px;
}
.nav-middle:not(.nav-text) .owl-nav > div i {
	font-size: 28px;
}

/* ==========================================================================
   PRODUCT
   ========================================================================== */
.sc-product[class*="columns-"] .product {
	float: left;
}
.sc-product[class*="columns-"] div[data-layout="grid"] .products {
	margin: 0 -1rem;
}
.sc-product[class*="columns-"] div[data-layout="grid"] .product {
	padding: 0 1rem;
}
.sc-product.columns-2 .product {
	width: 50%;
}
.sc-product.columns-3 .product {
	width: calc(100% / 3);
}
.sc-product.columns-4 .product {
	width: 25%;
}
.sc-product.columns-5 .product {
	width: 20%;
}
.sc-product .product-image img {
	width: 100%;
}
.fx-product-slider .products,
.fx-blog-slider {
	width: calc(100% + 30px);
}
.fx-product-slider .owl-item,
.fx-blog-slider .owl-item {
	padding-right: 30px;
}
.head__3 a {
	font-style: italic;
	text-transform: none; 
}
.fx-product-slider .owl-nav {
	font-family: 'Montserrat', sans-serif;
}
.fx-filters a {
	color: #c2c2c2;
}
.fx-filters a:hover,
.fx-filters a.selected {
	color: #000;
}
.fx-filters a:not(:last-child):after {
	content: '/';
	position: absolute;
	right: 0;
}

/* ==========================================================================
   BLOG POST
   ========================================================================== */
.sc-blog img {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sc-blog .post > a:hover img {
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
}
.sc-blog .post-info {
	padding: 30px 78px;
}
.sc-blog .post-time {
	font-style: italic;
}
.sc-blog .post-info h4 {
	font-size: 20px;
}
.sc-blog .post-info > .fs__14 {
	color: #c5c5c5;
}
.sc-blog .post-info > .fs__14 a {
	color: #8e8e8e;
}
.sc-blog .post-info > .fs__14 a:hover {
	color: #b9a87a;
}
.fx-blog-slider .owl-nav > div {
	position: absolute;
	top: -125px;
	color: #000;
	width: 41px;
	height: 41px;
	line-height: 38px;
	text-align: center;
	border: 2px solid #b9a87a;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fx-blog-slider .owl-nav > div:hover {
	background: #000;
	color: #b9a87a;
	border-color: #000;
}
.fx-blog-slider .owl-nav > div i {
	font-size: 16px;
}
.fx-blog-slider .owl-nav .owl-next {
	right: 30px;
}
.fx-blog-slider .owl-nav .owl-prev {
	
}

/* ==========================================================================
   ONE PAGE NAVIGATION
   ========================================================================== */
.sc-pagination {
	position: fixed;
	list-style: none;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sc-pagination li {
	margin: 20px 0;
}
.sc-pagination .current {
	padding-bottom: 80px;
}
.sc-pagination li.current .number {
	color: #b9a87a;
	font-size: 48px;
}
.sc-pagination a {
	color: #939393;
	font-style: italic;
	position: relative;
	width: 20px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.sc-pagination a:hover {
	color: #b9a87a;
}
.sc-pagination .current a:after {
	content: '';
	position: absolute;
	background: #b9a87a;
	width: 92px;
	height: 1px;
	top: 40px;
	left: -110px;
}

/* ==========================================================================
   LOOKBOOK
   ========================================================================== */
.sc-lookbook {
	background: #f1f2f6;
	border-left: 50px solid #fff;
	border-right: 50px solid #fff;
}
.sc-lookbook .fx-col-md-4 .pr:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 70px;
	background: #cfcfcf;
	left: 0;
	bottom: 0;
}
.sc-lookbook .fx-col-md-4 h2 {
	font-size: 50px;
}
.sc-lookbook .fx-col-md-4 h2,
.sc-lookbook .fx-col-md-4 p {
	font-style: italic;
}
.sc-lookbook .fx-col-md-4 h4 {
	color: #d0cfcf;
}
.sc-lookbook .button {
	height: 54px;
	line-height: 54px;
	padding: 0 48px;
}
.sc-lookbook.owl-carousel img {
	width: auto;
}
.sc-lookbook.nav-middle .owl-nav .owl-prev,
.sc-lookbook.nav-middle .owl-nav .owl-next {
	width: 100px;
	height: 100px;
	background: #fff;
	line-height: 110px;
	text-align: center;
}
.sc-lookbook.nav-middle .owl-nav .owl-prev {
	left: -50px;
}
.sc-lookbook.nav-middle .owl-nav .owl-next {
	right: -50px;
}
.sc-lookbook.nav-middle .owl-nav > div:hover {
	background: #f9f9f9;
}

/* ==========================================================================
   TESTIMONIAL
   ========================================================================== */
.sc-testimonial .owl-carousel {
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}
.sc-testimonial .info {
	padding: 0 20%;
}
.sc-testimonial .info p {
	font-style: italic;
	font-size: 18px;
}
.sc-testimonial .info > div:before {
	content: '';
	position: absolute;
	width: 37px;
	height: 2px;
	background: #fff;
	left: 0;
	top: 8px;
}
.sc-testimonial .owl-nav,
.sc-valey-carousel .owl-nav {
	position: absolute;
	bottom: 0;
	width: 200px;
	left: 50%;
}
.sc-testimonial .owl-nav {
	left: auto;
	right: -200px;
}
.sc-testimonial .owl-nav > div,
.sc-valey-carousel .owl-nav > div {
	width: 100px;
	height: 100px;
	background: #fff;
	color: #000;
	line-height: 100px;
	text-align: center;
	float: left;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sc-testimonial .owl-nav > div:hover,
.sc-valey-carousel .owl-nav > div:hover {
	background: #f2f2f2;
}
.sc-testimonial .count {
	left: calc(50% - 84px);
	z-index: 1;
	color: #929292;
	bottom: 60px;
	font-style: italic;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.sc-testimonial .count span {
	color: #fff;
	font-size: 30px;
	font-style: normal;
}
.sc-testimonial .count:after {
	width: 165px;
	height: 1px;
	background: #666;
	content: '';
	position: absolute;
	top: 30px;
	left: 180px;
}

/* ==========================================================================
   CAROUSEL
   ========================================================================== */
.sc-carousel-wrap {
	padding-left: 250px;
}
.sc-valey-carousel .owl-nav {
	left: 0;
}
.sc-carousel-wrap .number {
	left: 100px;
	bottom: 114px;
	font-size: 24px;
	color: #555;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.sc-carousel-wrap .number span {
	font-size: 48px;
}

/* ==========================================================================
   TEAM MEMBER
   ========================================================================== */
.sc-member .fx-col-md-5 {
	background: url('../images/polygon.png') no-repeat 0 0;
	min-height: 401px;
}
.sc-member .avatar {
	top: 80px;
	right: 70px;
}
.sc-member .name {
	margin: 100px 0 6px;
	font-size: 30px;
}
.sc-member .job {
	font-size: 18px;
}
.sc-member p {
	font-style: italic;
}
.sc-member .fx-social a {
	color: #000;
}
.sc-member .team-name {
	white-space: nowrap;
	font-size: 16px;
	letter-spacing: 1.6px;
	border: 2px solid #000;
	padding: 12px 35px;
	top: 210px;
	left: -90px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.avatar-grid {
	max-width: 570px;
}
.avatar-grid a:before {
	content: '';
	position: absolute;
	background: #cbbb90;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.avatar-grid a:hover:before {
	opacity: .8;
}
@media only screen and (max-width: 375px) {
	.nav-top .owl-nav .owl-next {
		right: 30px;
	}
	.nav-top .owl-nav .owl-prev {
		left: 0;
	}
}