/*------------------------------------------------------------------

[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer

-------------------------------------------------------------------*/
@import 'bootstrap/my_style';
@import 'bootstrap/mixin';
@import 'bootstrap/plugin';
.number-font{
	font-family: "FuturaPT Heavy";
}
.title-font{
	font-family: FuturaPT;
}
.des-font{
	font-family: "FuturaPT Book";
}
.menu-font{
	font-family: "FuturaPT Demi";
}
.menu-child-font{
	font-family: "FuturaPT light";
}
.extra-bold-font{
	font-family: "MuliExtraBold";
}
@media (min-width: 1800px){
	.container{
		width: 1750px;
	}
}
@media (min-width: 320px){
	.menu-fixed{
		padding: 30px 15px;
	}
}
@media (min-width: 1200px){
	.menu-fixed{
		padding: 55px 100px;
	}
}

.navbar-nav.menu-main{
	padding-left: 55px;
	li{
		a{
		padding: 6px 20px 2px;
		}
		.line.active_line{
				left: 10px;
				right: 10px;
		}
		&:hover{
			a{
				background: transparent;
			}
			.line{
				left: 10px;
				right: 10px;
			}
		}

	}
}
.icon-main{
	i{
		font-size: 24px;
	}
}
.label-cart{
	@include label-around(#fff,#ee9051);
	top: -10px;
	right: 0;
	padding-top: 4px;
}
.label-new{
	@include label(#fff,#ee9051);
	top: 20px;
	left: 30px;
	padding-top: 6px;
}
.label-sale{
	@include label(#222,#fff);
	top: 20px;
	right: 30px;
	padding-top: 6px;
}
.mega-menu-main{
	ul.lv1{
		li{
			a{
				color:#666;
				display: inline-block;
				line-height: 32px;
			}
			&:hover{
				a{
				color:#ee9051;
				
			}
			}
		}
	}
}
.mega-menu-main{
	&.mega-menu-shop{
		width: 966px;
		left: -300px;
		.banner-menu{
			.product{
				.icon-heart{
					padding: 0;
					padding-top: 14px;
				}
				.icon-quickview{
					padding: 0;
					padding-top: 14px;
				}
			}
		}
	}
}
.info-slider-home1{
		padding: 11% 15px 9% 8%;
		
		.slider-nav{
			opacity: 0;
			.number-slider{
				opacity: 0;
			}
			.title-slider{
				transform: translateX(1000px);
			}
			.des-slider{
				transform: translateX(-1000px);
			}

		}
		.slick-current{
			&.slick-active{
				&.slider-nav{
					opacity: 1;
					.number-slider{
						opacity: 1;
					}
					.title-slider{
						transform: unset;
					}
					.des-slider{
						transform: unset;
				}
			}
			}
		}
		
		button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
		.number-slider{
			width: 100px;
			height: 100px;
			background-image: linear-gradient(45deg,#ef924c, #fabb02);
			font-size: 30px;
			color: #fff;
			padding: 50px 18px;
			.line{
				background: #ee9051;
				bottom: -5px;
				left: 0;
				width: 100px;
			}
		}
		.title-slider{
			font-size: 90px;
			letter-spacing: -3px;
			padding-top: 45px;
		}
		.des-slider{
			font-size: 20px;
		}
		&.active{
			opacity: 1;
		}
		.slick-dots{
		transform: rotate(90deg);
    	left: -48%;
    	top: 50%;
    	bottom: unset;
    	
    	li{
    		
    		font-family: "FuturaPT Heavy"; 
    		transform: rotate(-90deg);
    		
    		&.slick-active{
    			transform: scale(1.5) rotate(-90deg);
    			
    		}
    		a{
    			color: #333;
    		}
    		
    	}
	}
	}
.slider-home1{
	top: 0;
	right: 0;
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
	
	.slick-list{
			padding-top: 100px !important;
			padding-bottom: 100px !important;
			
		}

	.slick-slide{
		transition: all .3s ease;
		
		&.slick-active{
			opacity: 0;
		}
	}
	.slick-center{
		&.slick-active{
			transform: scale(1.3);
			opacity: 1;
			img{
				margin-left: -75px;
				box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.13);
			}
		}
			
		}
		
}
.section2-home1{
	@include background-image('../img/bg-section2-home1.jpg',0 0);
	.img-section{
		img{margin-right: 100px;}
		&:hover{
			img{
				transform: scale(1.2);
			}
		}
	}
	.content-section{
		h1{font-size: 48px;width: 70%;
			a{color:#222;}
		}
		p{font-size: 20px;width: 76%;line-height: 30px;}
		a.learn_more{color:#222;text-decoration: underline;}
	}
}
.product{
	.img-product{
		.product-icon{
		width: 100%;
		font-size: 18px;
		display: flex;
		justify-content: center;
		bottom: 0;
		.icon-addcart{
			width: 50px;
			height: 50px;
			background: #fff;
			opacity: 0;
			padding-top: 12px;
			transition: all .3s ease;
			i{
				transition: all .3s ease;
			}
			&:hover{
				i{
					color:#ee9051;
				}
			}
		}
		.icon-heart{
			
			width: 50px;
			height: 50px;
			background: #fff;
			color: #333;
			opacity: 0;
			margin: 0 10px;
			transition: all .5s ease;
			padding-top: 14px;
			
			&:hover{
				color:#ee9051;
			}
		}
		.icon-quickview{
			width: 50px;
			height: 50px;
			background: #fff;
			color: #333;
			opacity: 0;
			
			transition: all .2s ease;
			padding-top: 14px;
			&:hover{
				color:#ee9051;
			}
		}
	}
	&:hover{
		.product-icon{

			.icon-addcart{
				opacity: 1;
				transform: translateY(-30px);
			}
			.icon-heart{
				opacity: 1;
				transform: translateY(-30px);
			}
			.icon-quickview{
				opacity: 1;
				transform: translateY(-30px);
			}
	}
	}
}
.info-product{
	h4{
		a{
			color: #333;
			transition: all .3s ease;
			&:hover{
				color:#ee9051;
			}
		}
		&.title-product{
			font-size: 20px;
		}
	}
	.price{
		font-size: 20px;
	}
}
}
#btn-selection{
	button{
		color:#909090;
		&.active{
			color:#333;
		}
		&:first-child{
			margin-left: 8px;
		}
	}
}
.column{
	display: none !important;
}
.show {
    display: inline-block !important;
}
.slick-prev{
	top: -60px;
	right:60px;
	width:40px;
	height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	&:before{
		font-family:'themify';
		content:'\e629';
		font-size: 14px;
		color: #222;
	}
}
.slick-next{
	top: -60px;
	right:8px;
	width:40px;
	height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	&:before{
		font-family:'themify';
		content:'\e628';
		font-size: 14px;
		color: #222;
	}
}
.section-bestseller-home1{
	.title-bestseller{
		font-size: 55px;
	}
	.des-bestseller{
		font-size: 18px;
		width: 40%;
	}
	.discover-link{
		a{
			color: #333;
			font-size: 16px;
			transition: all .3s ease;

			&:hover{
				color:#ee9051;
			}
		}
		.line{
			width: 120px;
			background: #999999;
			left: 0;
			bottom: -3px;
		}
	}
}
.border-right{
	@include border-right(#ddd);
}
.section-topseller-home1{
	.title-topseller{
		font-size: 55px;
	}
	.des-topseller{
		font-size: 18px;
	}
	.product-topseller-1{
		.info-product{
			bottom: -30%;
    		left: 6%;
			.title-product{
				font-size: 36px;
				a{
					color: #333;
					&:hover{
						color:#ee9051;
					}
				}
			}
			.price-product{
				font-size: 18px;
			}
		}
		&.ver2{
			.info-product{
				left: 34%;
			}
		}
	}
	.product-topseller-2{
		.info-product{
			top: 25%;
    		left: 5%;
			.title-product{
				font-size: 72px;
				a{
					color: #333;
					&:hover{
						color:#ee9051;
					}
				}
			}
			.price-product{
				font-size: 18px;
			}
		}
	}
	.btn-shopnow{
		a{
			color: #333;
		&:hover{
			color:#ee9051;
		}
		.line{
			bottom: -2px;
			background: #999999;
			width: 75px;
			left: 0;
		}
		}
	}
}
.testimonial{
	background: #f2f2f2;
	padding-top: 130px;
	padding-bottom: 250px;
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
	.title-testi{
		font-size: 55px;
	}
	.des-testi{
		font-size: 18px;
	}
	.content-comment{
		.stt-comment{
			font-size: 80px;
			color: #dfdfdf;
			top: 0;
			left: 0;
			z-index: -1;
		}
		.des-comment{
			font-size: 18px;
			width: 70%;
			padding-top: 58px;
		}
		.model{
			color: #979797;
		}
	}
	.slick-dots{
		bottom: -130px;
		li{
			width: 10px;
			button{
				    width: 14px;
    				height: 14px;
    				padding: 0px;
				&:before{
					font-size:9px;
					line-height: 15px;
					width: 15px;
    				height: 15px;
				}
			}
			&.slick-active{
				button{
					border: 1px solid #333;
    				border-radius: 63%;
				}
			}
		}
	}
}
.contact-home1{
	background: #333333;
	.col-about-home1{
		.title-about-home1{
			font-size: 24px;
			color: #fff;
		}
		.des-about-home1{
			font-size: 16px;
			color: #909090;
		}
		.location{
			font-size: 16px;
			color: #909090;
			.ti-location-pin{
				font-size: 18px;
			}
		}
		form{
			input{
				background: #333333;
				height: 50px;
				width: 300px;
				border: 1px solid #909090;
				border-radius: 0;
				box-shadow: unset;
				&::-webkit-input-placeholder{
					color: #909090;
					font-size: 16px;
				}
			}
			button{
				width: 50px;
				margin-left: 5px;
				border: 0;
				border-radius: 0;
				background: #ee9051;
    			display: grid;
				i{
					color: #fff;
					font-size: 18px;
					transition: all .2s ease;
					transform: rotate(90deg);
				}
			&:hover{
				i{

					transform: rotate(90deg) scale(1.1);
				}
			}
			}
		}
	}
	.lastest-post{
		padding-left: 6%;
		h4{
			font-size: 24px;
			color: #fff;
		}
		h5{
			a{
				font-size: 16px;
				color: #fff;
				transition: all .3s ease;
				&:hover{
					color:#ee9051;
				}
			}
			
		}
		p{
			color: #909090;
		}
	}
	.recent-tag{
		h4{
			font-size: 24px;
			color: #fff;
		}
		a{
			padding: 6px 22px;
			font-size: 12px;
			color: #909090;
			border:1px solid #909090;
			border-radius: 20px;
			margin-right: 10px;
			margin-bottom: 10px;
			display: inline-block;
			transition: all .2s ease;
			&:hover{
				background:#fff;
				color: #ee9051;
			}
		}
	}
	.instagram{
		
		h4{
			font-size: 24px;
			color: #fff;
		}
		a{
			overflow: hidden;
			display: inline-block;
			margin-left: 5px;
			margin-bottom: 5px;
			img{
				transition: all .3s ease;
			}
			&:hover{
				img{
					transform:scale(1.2);
				}
			}
		}
	}
}
.copyright{
	font-size: 18px;
}
.gotop{
	background: #ee9051;
	cursor: pointer;
	i{
		color: #fff;
		font-size: 18px;
		padding-top: 20px;
    	display: inline-block;
    	transition: all .3s ease;
	}
	&:hover{
		i{
			transform: scale(1.1);
		}
	}
}
.form-search{
	right: -1920px;
	left: unset;
	overflow: hidden;
}
/* end style homepage 1*/

/*style homepage 2*/
header{
	z-index: 20;
}
.slider-home2{
	@include background-image('../img/bg-slider-home2.jpg',0 0);
	.img-slider-main{
		box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
		position: relative;
    	right: -30px;
    	z-index: -1;
    	opacity: 0;
    	transition: all 1s cubic-bezier(0.74, 0.65, 0, 1.58);
	}
	.number-year{
		opacity: 0;
		transform: translateX(1000px);
		font-size: 48px;
		letter-spacing: -3px;
	}
	.text-new{
		margin: -80px 0;
		span{
			font-size: 200px;
			opacity: 0;
			transform: translateX(2000px);
			display: inline-block;
			letter-spacing: -11px;
		}
	}
	.text-collection{
		font-size: 100px;
		opacity: 0;
		transform: translateX(-2000px);
		letter-spacing: -4px;
		padding-left: 60px;
	}
	
	.info-slider-home2{
		top: 30%;
		left: 5%;
		
		.title-slider-home2{
		font-size: 60px;
		letter-spacing: -2px;
	}
	.number-dot{
		font-size: 100px;
		opacity: 0;
		img{
			display: inline-flex;
    		margin-bottom: 20px;
    		opacity: 0;
    		transform: translateX(200px);
		}
	}
	}
	

	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
	.slick-list{
		padding-top: 140px;
		padding-bottom: 140px;
	}
	.text-slider-home2{
		transform: rotate(-90deg);
		position: relative;
    	top: 325px;
    	left: 60px;
    	img{
    		transform: translateX(-2000px) rotate(90deg);
    		left: 42px;
			bottom: 30px;
    	}
	}
	.slick-current{
		&.slick-active{
			.text-slider-home2{
				img{
					transform: translateX(0) rotate(90deg);
				}
			}
			.number-dot{
				opacity: 1;
		img{
    		opacity: 1;
    		transform: translateX(0);
		}
		}
		.number-year{
		opacity: 1;
		transform: translateX(0);
		}
		.text-new{
		span{
			opacity: 1;
			transform: translateX(0);
		}
		
		}
		.text-collection{
		opacity: 1;
		transform: translateX(0);
		}
		.img-slider-main{
    	opacity: 1;
    	transition: all 1.5s cubic-bezier(0.74, 0.65, 0, 1.58);
		}
		}
	} 
}
/*------------*/
.social-fixed{
	line-height: 50px;
	justify-content: center;
	bottom: 15px;
	flex-direction: column;
	right: 100px;
	z-index: 30;
	a{
		display: inline-block;
		padding: 0 20px;
		color: #333;
		&:hover{
			color:#ee9051;
		}
		i{
			font-size: 18px;
		}
	}
}
/*------------------*/
.show-banner-home2{
	padding: 355px 150px 130px 150px;
	.show-banner-1-home2{
		padding-left: 30px;
		padding-right: 30px;
		.banner-col-2{
			.text-pr{
				.content-pr{
					top: 20%;
					color: #fff;
					.title-pr{
						font-size: 48px;
					}
					.des-pr{
						font-size: 20px;
						padding-left: 6%;
						padding-right: 6%;
					}
					.link-shop{
						font-size: 16px;
						a{
							color: #fff;
							text-decoration: underline;
							text-decoration-color: #fff;
						}
					}
				}
			}
		}
	}
	.show-banner-2-home2{
		padding-right: 30px;
		padding-left: 30px;
		.banner-col-1{
			.text-comment{
				.content-comment{
					top: 30%;
					color: #333;
					.des-font{
						letter-spacing: 3px;
						font-size: 24px;
					}
					.author-comment{
						font-size: 24px;
					}
				}
			}
		}
	}
	.img-relative-1{
		top: -90px;
	}
	a{
		display: inherit;
	}
}
/*------------*/
.similar-home2{
	padding-bottom: 200px;
	.title-similar{
		font-size: 55px;
	}
	.des-similar{
		font-size: 18px;
	}
	.slick-similar{
		.slick-dots{
			bottom: -100px;
			li{
			width: 10px;
			button{
				    width: 14px;
    				height: 14px;
    				padding: 0px;
				&:before{
					font-size:9px;
					line-height: 15px;
					width: 15px;
    				height: 15px;
				}
			}
			&.slick-active{
				button{
					border: 1px solid #333;
    				border-radius: 63%;
				}
			}
		}
		}
		button{
			&.slick-prev{
				display: none !important;
			}
			&.slick-next{
				display: none !important;
			}
		}
		.designer{
			.button-animate{
				transform: scale(0);
				opacity: 0;
				top: 30px;
				right: 30px;
				button{
				width: 40px;
				height: 40px;
				border:0;
				border-radius:50%;
				background: #ee9051;

				i{
				font-size: 18px;
				color: #fff;
				padding-top: 4px;
				display: inline-block;
			}
			&:hover{
				i{
					transform: translateX(2px) translateY(-2px);
				}
			}
			}
			}
			
			
			.info-similar{
				transform: scale(0);
				opacity: 0;
				width: 100%;
				bottom: 45px;
				.name{
					color: #fff;
				}
				p{
					color: #909090;
				}
			}
			&:hover{
				.overlay-mini{
					transform: scale(1);
					opacity: 1;
				}
				.button-animate{
					opacity: 1;
					transform: scale(1);
				}
				.info-similar{
					opacity: 1;
					transform: scale(1);
				}
			}
		}
	}
}
.logo-footer-home2{
	.newsletter{
		a{
			font-size: 18px;
			color: #333;
			span{
				display: inline-block;
				position: relative;
    			top: -3px;
			}
			i{
				font-size: 18px;
				display: inline-block;
				padding-left: 15px;
			}
			&:hover{
				color: #ee9051;
				i{
					color: #ee9051;
				}
			}
		}
	}
}
.copy-footer-home2{
	
	.copy{
		
		padding-left: 0;
		
		.copy-text{
		font-size: 18px;
		border-top: 2px solid #333;
		
	}
	}
	
	.social-footer{
		padding-right: 0;
		
		.social-home2{
			border-top: 2px solid #333;
			
			a{
			color: #333;
			i{
				font-size: 18px;
			}
			&:hover{
				i{
					color: #ee9051;
				}
			}
		}
		}
		
	}
}
.header-home2{
	.menu-home2{
		transform: rotate(-90deg);
    	position: fixed;
    	top: 57%;
    	left: -135px;
    	.dropdown{
    		&:hover{
    			transform: unset;
    		}
    		
    	}
    	.dropdown-menu{
    		transform: rotate(90deg);
    		left: -170px;
    		top: 210px;
    		&.mega-menu-shop{
    			left: -315px;
    			top: 360px;
    		}
    	}
	}
}
/*end style homepage 2*/
/* home page 3*/
.slider-home3{
	button{
		&.slick-prev{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: 130px;
			z-index: 30;
			    right: 48.4%;
			&:before{
				content: "\e64b";
				color: #fff;
			}
		}
		&.slick-next{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: 60px;
			z-index: 30;
			    right: 48.4%;
			&:before{
				content: "\e648";
				color: #fff;
			}
		}

	}
	.text-slider-home3{
		padding-top: 40%;
		line-height: 1;
		justify-content: center;
		.title-slider{
			transform: translateX(-2000px);
			font-size: 160px;
			letter-spacing: -4px;
			.dot-red{
				font-size: 180px;
				color: #df0726;
				left: -30px;
			}
			.year{
				font-size: 30px;
				top: -70px;
				left: -38px;
				transform: translateX(2000px);
			}
		}
		.des-slider{
			font-size: 20px;
			padding: 0 15%;
			transform: translateX(2000px);
		}
		.btn-slider{
			transition: all 1.5s cubic-bezier(0.02, 2.32, 0.78, 0.17);
			opacity: 0;
			transform: scale(0);
			text-align: center;
			a{
				display: inline-block;
			color: #fff;
			font-size: 16px;
			padding: 35px 85px;
			background: black;
			&:hover{
				background:#ee9051;
			}
		}
		}
		.social-home3{
			justify-content: center;
			a{
				color: black;
				font-size: 18px;
				&:hover{
					color:#ee9051;
				}
			}
		}
	}
	.slick-current{
		&.slick-active{
			.title-slider{
				transform: translateX(0);
				.year{
				transform: translateX(0);
			}
			}
			.des-slider{
			transform: translateX(0);
		}
		.btn-slider{
			opacity: 1;
			transform: scale(1);
		}
		}
	}
}
.collection-home3{
	.title-collection{
		bottom: 30%;
		h2{
			font-size: 50px;
		}
		p{
			font-size: 18px;
			width: 90%;
			a{
				color: black;
				text-decoration: underline;
				transition: all .3s ease;
				&:hover{
					color:#ee9051;
				}
			}
		}
		&.title-1{
			bottom: 50%;
			right: 5%;
			top: 10%;
		}
		&.title-2{
			bottom: 50%;
			left: 10%;
			top: 10%;
		}
		&.title-3{
			right: 0;
			padding-left: 50%;
			p{
				width: 98%;
			}
		}
	}
}
.brand{
	.brand-slider{
		button{
			&.slick-prev{
				opacity: 0;
			}
			&.slick-next{
				opacity: 0;
			}
		}
		&:hover{
			button{
			&.slick-prev{
				opacity: 1;
			}
			&.slick-next{
				opacity: 1;
			}
		}
		}
	}
}
.newsletter-home3{
	border-top: 1px solid #ddd;
	&.no-border{
		border-top:0;
	}
	&.BG{
		border-top:0;
		background: #f2f2f2;
		form{
			input{
				background: #f2f2f2;
			}
		}
	}
	h1{
		font-size: 55px;
	}
	p{
		font-size: 18px;
	}
	form{
		width: 55%;
		margin:0 auto;
		input{
			padding-left: 30px;
			height: 70px;
			border:1px solid #ddd;
			border-radius: 0;
			font-size: 18px;
			box-shadow: unset;
		}
		button{
			background: black;
			border:0;
			border-radius: 0;
			font-size: 16px;
			color: #fff;
			width: 340px;
			transition: all .3s ease;
			&:hover{
				background:#ee9051;
			}
		}
	}
}
.insta_home3{
	.column-20{
		width: 20%;
		float: left;
		.icon-insta{
			width: 100%;
			height: 100%;
			top: 0;
			background: rgba(0,0,0,.7);
			transform: scale(0);
			transition: all .3s ease;
			i{
				color: #fff;
				font-size: 36px;
				display: inline-block;
    			padding-top: 44%;
			}
		}
		&:hover{
			.icon-insta{
				transform: scale(1);
			}
		}
	}
}
/*end style homepage 3*/
/*style homepage 4*/
.img-zoom-lens {
  position: absolute;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  /*set the size of the result div:*/
  position: absolute;
  bottom: 15%;
  right: 10%;
  width: 170px;
  height: 225px;
}
.slider-home4{

	.text-slider{
		top: 30%;
		left: 5%;
		h1{
			font-size: 90px;
			line-height: .9;
			transform: translateX(-2000px);
			opacity: 0;
		}
		.des-slider{
			font-size: 20px;
			padding-bottom: 190px;
			transform: translateX(2000px);
			opacity: 0;
		}
		.social-home3{
			justify-content: left;

			opacity: 0;
			a{
				color: black;
				font-size: 18px;
				&:hover{
					color:#ee9051;
				}
			}
		}
	}
	.seasion{
		top: 25%;
    	right: 2%;
		p{
			font-size: 24px;
			    transform: rotate(90deg) translateX(-2000px);
		}
	}
	.slick-dots{
		transform: rotate(90deg);
    	right: 5%;
    	bottom: 30%;
    	width: unset;
    	li{
    		display: none;
    		a{
    			font-family: "FuturaPT Heavy";
    			color: black;
    			span{
    				position: relative;
    				top: -6px;
    				padding: 0 10px;
    			}
    		}
    		&.slick-active{
    			display: inline-block;
    		}
    	}
	}
	.slick-current{
		&.slick-active{
			.text-slider{
				h1{
					transform: translateX(0);
					opacity: 1;
				}
				.des-slider{
					transform: translateX(0);
					opacity: 1;
				}
				.social-home3{
					opacity: 1;
				}
			}
			.seasion{
		
		p{
			
			    transform: rotate(90deg) translateX(0);
		}
		}
		}
	}
	button{
		&.slick-prev{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: 36%;
			
			right: 12.5%;
			&:before{
				content: "\e64b";
				color: #fff;
			}
		}
		&.slick-next{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: 30%;
			
			right: 12.5%;
			&:before{
				content: "\e648";
				color: #fff;
			}
		}

	}
}
.collection-home4{
	.product{
		padding-right: 5px;
		.info-product{
		opacity: 0;
		visibility: hidden;
		background: #fff;
		z-index: 10;
	}
	&:hover{
		.info-product{
		opacity: 1;
		visibility: visible;
	}
	}
	}
	.banner_collection{
		.name_collection{
			text-align: center;
			font-size: 50px;
			color: black;
			line-height: 150px;
			width: 600px;
			background: rgba(255,255,255,.9);
			top: 40%;
			left: 14%;
		}
	}
}
.shipping-home4{
	.content{
		padding-left: 7%;
		.title-ship{
		font-size: 28px;
		padding-top: 15px;
	}
	.des-ship{
		padding-top: 30px;
		font-size: 18px;
		line-height: 1.7;
	}
	}
	
}
.brand-home4{
	padding: 0 285px;
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
}
.blog-home4{
	.title-blog{
		font-size: 55px;
	}
	.des-blog{
		font-size: 18px;
		line-height: 1.7;
	}
	.content-blog{
		.title-post{
			font-size: 28px;
			a{
				color: black;
				transition: all .3s ease;
				&:hover{
					color:#ee9051;
				}
			}
		}
		.day-post{
			font-size: 18px;
		}
		.des-post{
			line-height: 1.5;
			font-size: 18px;
			margin-bottom: 65px;
			padding-top: 10px;
			width: 98%;
			overflow: hidden;
  			display: -webkit-box;
  			-webkit-line-clamp: 3;
  			-webkit-box-orient: vertical;
		}
		.link-more{
			font-size: 16px;
			text-decoration: underline;
			color: black;
			transition: all .3s ease;
			&:hover{
				color:#ee9051;
			}
		}
	}
}
/*end style homepage 4*/
/*style homepage 5*/
.slider-home5{
	.text-slider{
		top: 30%;
		right: 10%;
		h1{
			font-size: 90px;
			line-height: .9;
			transform: translateX(-2000px);
			opacity: 0;
		}
		.des-slider{
			font-size: 20px;
			padding-bottom: 90px;
			transform: translateX(2000px);
			opacity: 0;
		}
		.social-home3{
			justify-content: left;

			opacity: 0;
			a{
				color: black;
				font-size: 18px;
				&:hover{
					color:#ee9051;
				}
			}
		}
	}
	.seasion{
		display: flex;
		top: 42%;
    	right: -16%;
		p{
			font-size: 18px;
			color: #fff;
			letter-spacing: 10px;
			transform: rotate(90deg) translateX(-2000px);
		}
		button{
			transform: rotate(-90deg);
			width: 36px;
    		height: 36px;
    		border: 0;
    		border-radius: 50%;
    		background: #55120f;
    		margin-right: 58px;
    		position: relative;
    		top: 10px;
    		svg{
    			width: 36px;
    			height: 36px;
    			
    		}
    		i{
    			color:#fff;
    				position: relative;
    				top: -36px;
    			}
		}
	}
	
	.slick-current{
		&.slick-active{
			.text-slider{
				h1{
					transform: translateX(0);
					opacity: 1;
				}
				.des-slider{
					transform: translateX(0);
					opacity: 1;
				}
				.social-home3{
					opacity: 1;
				}
			}
			.seasion{
		
		p{
			
			    transform: rotate(90deg) translateX(0);
		}
		}
		}
	}
	button{
		&.slick-prev{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: unset;
			right: unset;
			bottom: 5%;
			left: 5%;
			&:before{
				content: "\e64a";
				color: #fff;
			}
		}
		&.slick-next{
			width: 60px;
			height: 60px;
			background: black;
			border-radius: 0;
			border:0;
			top: unset;
			right: unset;
			bottom: 5%;
			left: 9%;
			&:before{
				content: "\e649";
				color: #fff;
			}
		}

	}
}
.slider-nav-home5{
	width: 740px;
	bottom: 20%;
	left: -150px;
	.slick-slide{
		margin:0 25px;
	}
	button{
		display: none !important;
	}
}
.newsletter-home5{
	@include background-image('../img/newletter_home5.jpg',0 0);
	.form-home5{
		width: 55%;
		padding: 168px 0 188px 50px;
		.title-news{
			font-size: 55px;
		}
		.des-news{
			font-size: 18px;
			margin-bottom: 70px;
		}
		form{
			input{
				height: 70px;
				border-radius: 0;
				border:0;
				margin-bottom: 30px;
				font-size: 18px;
				padding-left: 30px;
			}
			button{
				border:0;
				border-radius: 0;
				line-height: 70px;
				width: 250px;
				background: black;
				color: #fff;
				font-size: 16px;
				&:hover{
					background:#ee9051;
				}
			}
		}
	}
}
.collection_home5{
	.flex{
		justify-content: center;
		.midle{
			position: relative;
    		top: 80px;
		}
	}
	.info-collection{
		bottom: 10%;
		left: 20%;

		.title-collection{
			font-size: 50px;

		}
		.des-collection{
			font-size: 18px;
			width: 90%;
		}
		.link-collection{
			font-size: 16px;
			text-decoration: underline;
		}
		&.ver2{
			top: 20%;
			bottom: unset;
		}
		&.ver3{
			left: 50%;
			right: 0;
		}
	}
}
/*end style homepage 5*/
/*style homepage 6*/
.slider-home6{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
	.img_slider_1{
		img{
			opacity: 0;
			transform: translateX(-2000px);
		}
	}
	.img_slider_2{
		img{
			opacity: 0;
			transform: translateX(2000px);
		}
	}
	.text-slider-home6{
		transition: all 1.5s cubic-bezier(0.26, 2.24, 0.93, 0.43);
		transform: scale(0);
		opacity: 0;
		top: 50%;
		left: 39%;
		.btn-slider{
			a{
				color: #fff;
				font-size: 60px;
				padding: 2px 50px 9px;
				background: black;
				transition: all .3s ease;
				&:hover{
					background:#ee9051;
				}
			}
		}
		.des-slider{
			font-size: 18px;
			letter-spacing: 7px;
    		text-align: center;
		}
	}
	.slick-current{
		&.slick-active{
			.text-slider-home6{
				opacity: 1;
				transform: scale(1);
			}
			.img_slider_1{
		img{
			opacity: 1;
			transform: translateX(0);
			
		}
	}
	.img_slider_2{
		img{
			opacity: 1;
			transform: translateX(0);
			
		}
	}
		}
	}
}
.section-bestseller-home1{
	&.home6{
	.des-bestseller{
		&.text-center{
			margin:0 auto 50px;
		}
	}
	#btn-selection{
		margin:0 150px 50px;
	}
	.slick-bestseller-home6{
		margin:0 150px;
	}
	}
}
.banner_home6{
	.text-banner{
		top: 10%;
		left: 14%;
		.des-banner{
			font-size: 24px;
			padding: 10px 38px;
			background: #fff;
			letter-spacing: 8px;
			margin-left: 50px;
		}
		.title-banner{
			font-size: 120px;
			color: #5588ef;
			text-align: center;
			margin-bottom: 110px;
		}
		.link-shop{
			font-size: 16px;
			display: block;
			text-align: center;
			.line{
				width: 85px;
				background: #928c76;
				left: 38%;
			}
		}
	}
}
.collection-home6{
	.flex{
		justify-content: center;
	}
	.link-collection{
		font-size: 24px;
		padding: 8px 50px;
		background: #fff;
		bottom: 50px;
		
	}
}
.section-bestseller-home1{
	.slick-newarrival{
		margin: 0 150px;
		button{
			&.slick-prev{
				opacity: 0;
			}
			&.slick-next{
				opacity: 0;
			}
		}
		
	}
	&:hover{
		.slick-newarrival{
			button{
			&.slick-prev{
				opacity: 1;
			}
			&.slick-next{
				opacity: 1;
			}
		}
		}
	}
}
.blog-home4{
	&.BG{
		background: #f2f2f2;
		padding-right: 165px;
		padding-left: 165px;
	}
}
/*end style homepage 6*/
/* style homepage 7*/
.slider-home7{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
	.text-slider{
		bottom: 5%;
		left: 5%;
		.title-slider{
			transform: translateX(-2000px);
			color: #fff;
			font-size: 90px;
			margin-bottom: 60px;
			opacity: 0;
		}
		.des-slider{
			transform: translateX(2000px);
			color: #fff;
			font-size: 20px;
			opacity: 0;
		}
		.social-home3{
			right: 15%;
			bottom: 5%;
			transform: scale(0);
			a{
				color: #fff;
				i{
					font-size: 18px;
				}
				&:hover{
					
						color:#ee9051;
					
				}
			}
		}
	}
	.slick-current{
		&.slick-active{
			.text-slider{
				.title-slider{
			transform: translateX(0);
			opacity: 1;
		}
		.des-slider{
			transform: translateX(0);
			opacity: 1;
		}
		.social-home3{
			transform: scale(1);
		}
		}
		}
	}
	.slick-dots{
		transform: rotate(90deg);
    	right: -43%;
    	top: 62%;
    	bottom: unset;
    	
    	li{
    		
    		font-family: "FuturaPT Heavy"; 
    		transform: rotate(-90deg);
    		
    		&.slick-active{
    			transform: scale(1.5) rotate(-90deg);
    			
    		}
    		a{
    			color: #fff;
    		}
    		
    	}
	}
}
.video-home7{
	.title-video{
		top: 25%;
		width: 100%;
		color: #fff;
		font-size: 80px;
	}
	.btn-video-home7{
		bottom: 30%;
		left: 47%;
    	width: 84px;
    	height: 84px;
    	border-radius: 50%;
    	border: 8px solid #935c39;
    	background: #ee9051;
    	transition: all .3s ease;
    	svg{
    		height: 0px;
    		width: 0;
    	}
		i{
			color: #fff;
			font-size: 20px;
			position: relative;
    		top: 2px;
		}
		&:hover{
			background: #935c39;
		}
	}
}
.testimonial{
	&.ver7{
		background: #1e1e1e;
		.title-testi{
		color: #fff;
	}
	.des-testi{
		color: #fff;
	}
	.content-comment{
		.stt-comment{	
			color: #292929;
		}
		.des-comment{
			color: #fff;
		}
		.model{
			color: #979797;
		}
		.author-comment{
			color: #fff;
		}
	}
	.slick-dots{
		bottom: -130px;
		li{
			width: 10px;
			button{
				    
				&:before{
					color: #fff;
				}
			}
			&.slick-active{
				button{
					border: 1px solid #fff;
    				color: #fff;
				}
			}
		}
	}
	}
}
.contact-home1{
	&.ver7{
		background: #fff;
		.col-about-home1{
		.title-about-home1{
			color: black;
		}
		.des-about-home1{
			color: black;
		}
		.location{
			color: black;
		}
		
	}
	.lastest-post{
		padding-left: 6%;
		h4{
			color: black;
		}
		h5{
			a{
				color: black;
				&:hover{
				color: #ee9051;
			}
			}
			
		}
		p{
			color: black;
		}
	}
	.recent-tag{
		h4{
			color: black;
		}
		a{

			color: black;
			border:1px solid black;
			&:hover{
				background:black;
				color: #ee9051;
			}
		}
	}
	.instagram{
		padding-left: 15px;
		.title-about-home1{
			font-size: 24px;
			color: black;
		}
		.des-about{
			color: #909090;
			font-size: 18px;
		}
		form{
			input{
				font-size: 18px;
				padding-left: 30px;
				height: 70px;
				width: 98%;
				border: 1px solid #e1e1e1;
				border-radius: 0;
				box-shadow: unset;
				&::-webkit-input-placeholder{
					color: #909090;
				}
			}
			button{
				margin-top: 10px;
				line-height: 70px;
				border: 0;
				border-radius: 0;
				background: black;
    			color: #fff;
				font-size: 16px;
				transition: all .3s ease;
				width: 60%;
				text-align: center;
			&:hover{
				background:#ee9051;
			}
			}
		}
	}
	}
}
.copyright{
	span{
		display: block;
		border-top:1px solid #e1e1e1;
	}
}
/*end style homepage 7*/
/* style contact page*/
.banner{
	padding-top: 35px;
	padding-bottom: 35px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	.title-banner{
		font-size: 90px;
	}
	.breadcrumb{
		padding-left: 0;
		font-size: 20px;
		li{
			a{
				color: black;
			}
			&.active{
				color: #ee9051;
			}
		}
	}
}
.content-contact{
	.local{
		.title-local{
			font-size: 55px;
		}
		i{
			font-size: 30px;
			position: relative;
			top: 6px;
			padding-right: 30px;
		}
		span{
			&.bold{
				font-size: 22px;
			}
		}
		.text{
			font-size: 18px;
			padding-left: 60px;
		}
		.des-local{
			font-size: 18px;
			width: 90%;
			line-height: 1.5;
		}
	}
	.subscribe{
		.title-sub{
			font-size: 55px;
		}
		input{
			height: 60px;
			border-radius: 0;
			border:1px solid #e1e1e1;
			font-size: 18px;
			padding-left: 30px;
		}
		button{
			text-align: center;
			line-height: 60px;
			border:0;
			border-radius: 0;
			background: black;
			color: #fff;
			transition: all .3s ease;
			letter-spacing: 1px;
			&:hover{
				background:#ee9051;
			}
		}
	}
}
.map-contact{
	#map{
	height: 800px;
}
	img{
		top: 18%;
		right: 10%;
		z-index: 1;
	}
}

/*end style contact page*/
/*style 404 page*/
.page404{
	padding: 150px 0;
	border-top:1px solid #ddd;
	.title-404{
		font-size: 350px;
	}
	.text-error{
		font-size: 36px;
	}
	.des-404{
		font-size: 18px;
	}
	.link-to-home{
		font-size: 16px;
		color: #fff;
		line-height: 60px;
		width: 300px;
		background: black;
		display: inline-block;
		transition: all .3s ease;
		&:hover{
			background:#ee9051;
		}
	}
	input{
		height: 60px;
		border-radius: 0;
		padding-left: 30px;
		width: 60%;
		margin:0 auto;
		font-size: 18px;
	}
}
/*end style 404 page*/
/*style faq page*/
.content-faq{
	padding: 0 165px;
	.title-faq{
		font-size: 55px;
	}
	.des-faq{
		font-size: 18px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 50px;
		margin-bottom: 10px;
	}
	.accordion{

		font-size: 24px;
	}
	.panel{
		p{
			font-size: 18px;
		}
	}
	.row-2{
		margin:0;
	}
	.content-main-faq{
		border-top: 1px solid #ddd;
	}
}
/*end style faq page*/
/*style about 1 page*/
.content-about-page{
	.text-about{
		padding-top: 6%;
		&.ver1{
			padding-left: 10%;
		}
		
		.title-about{
		font-size: 55px;
	}
	.des-about{
		font-size: 20px;
		width: 90%;
	}
	}
	
}
/*end style about 1 page*/
/*style about 2 page*/
.collection-about-page{
	.img-middle{
		padding-top: 9%;
	}
	.text-collection{
		padding-top: 10%;
		.title-about{
			font-size: 55px;
		}
		.des-about{
			font-size: 18px;
		}
		.link-collection{
			font-size: 16px;
			text-decoration: underline;
		}
	}
}
.content-about-page-2{
	border-bottom: 1px solid #ddd;
	padding-top: 150px;
	padding-bottom: 150px;
	.title-content{
		font-size: 55px;
		margin-top: 0;
	}
	.des-content{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.content{
		font-size: 18px;
		line-height: 1.5;
	}
}
/*end style about 2 page*/
/*style blog page*/
.blog-page{
	.sidebar{
		form{
			margin-left: 40px;
			input{
				height: 60px;
				padding-left: 30px;
				border-radius: 0;
				border:1px solid #ddd;
				font-size: 18px;
			}
			button{
				position: absolute;
				right: 30px;
				top: 22px;
				border:0;
				border-radius: 0;
				background: #fff;
				i{
					font-size: 18px;
				}
			}
		}
		ul{
			li{
				list-style-type: none;
				.title{
					font-size: 28px;
					margin-bottom: 30px;
				}
				.link-collection{
					font-size: 18px; 
					line-height: 2.3;
					color: #333;
					transition: all .3s ease;
					&:hover{
						color:#ee9051;
					}
				}
			}
			&.post{
				li{
					.post-name{
						margin-top: -3px;
						margin-bottom: 20px;
						overflow: hidden;
  						display: -webkit-box;
  						-webkit-line-clamp: 2;
  						-webkit-box-orient: vertical;
					}
					.post-day{
						color:#158a54;
					}
				}
			}
			&.comment{
				.column-80{
					padding-left: 30px;
				}
				h4{
					margin-top: 0;
				}
				p{
					overflow: hidden;
  					display: -webkit-box;
  					-webkit-line-clamp: 2;
  					-webkit-box-orient: vertical;
					font-size: 18px;
					a{
						color: #f1a674;
					}
				}
			}
		}
	}
	.sidebar-left{
		form{
			margin-right: 40px;
			margin-left: 0;
			input{
				height: 60px;
				padding-left: 30px;
				border-radius: 0;
				border:1px solid #ddd;
				font-size: 18px;
			}
			button{
				position: absolute;
				right: 30px;
				top: 22px;
				border:0;
				border-radius: 0;
				background: #fff;
				i{
					font-size: 18px;
				}
			}
		}
		ul{
			padding-left: 0;
			padding-right: 30px;
			li{
				list-style-type: none;
				.title{
					font-size: 28px;
					margin-bottom: 30px;
				}
				.link-collection{
					font-size: 18px; 
					line-height: 2.3;
					color: #333;
					transition: all .3s ease;
					&:hover{
						color:#ee9051;
					}
				}
			}
			&.post{
				li{
					.post-name{
						margin-top: -3px;
						margin-bottom: 20px;
						overflow: hidden;
  						display: -webkit-box;
  						-webkit-line-clamp: 2;
  						-webkit-box-orient: vertical;
					}
					.post-day{
						color:#158a54;
					}
				}
			}
			&.comment{
				.column-80{
					padding-left: 30px;
				}
				h4{
					margin-top: 0;
				}
				p{
					overflow: hidden;
  					display: -webkit-box;
  					-webkit-line-clamp: 2;
  					-webkit-box-orient: vertical;
					font-size: 18px;
					a{
						color: #f1a674;
					}
				}
			}
		}
	}
	.content-blog{
		.title-post{
			font-size: 28px;
			a{
				color: black;
				transition: all .3s ease;
				&:hover{
					color:#ee9051;
				}
			}
		}
		.day-post{
			font-size: 18px;
		}
		.des-post{
			font-size: 18px;
			line-height: 1.5;
			margin-bottom: 65px;
			padding-top: 10px;
			width: 98%;
			overflow: hidden;
  			display: -webkit-box;
  			-webkit-line-clamp: 3;
  			-webkit-box-orient: vertical;
		}
		.link-more{
			font-size: 16px;
			text-decoration: underline;
			color: black;
			transition: all .3s ease;
			&:hover{
				color:#ee9051;
			}
		}
	}
}
.pagination{
	li{
		a{
			border:0;
			border-radius: 0;
			border-bottom-right-radius: 0 !important;
			border-top-right-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
			border-top-left-radius: 0 !important;
			color: #909090;
			transition: all .3s ease;
			font-size: 18px;
			margin-right: 10px;
			i{
				font-size: 14px;
			}
			&.active{
				color: black;
			}
			&.border{
				border:1px solid #ddd;
			}
			&:hover{
				color: black;
				background: #fff;
			}
		}
	}
}
/*end blog page*/
/*------blog detail--------*/
.blog-detail-page{
	.row{
		&.flex{
			justify-content: center;
		}
	}
	.title-post{
		font-size: 48px;
		margin-bottom: 25px;
	}
	.day-post{
		font-size: 18px;
		margin-bottom: 50px;
	}
	.des-post{
		font-size: 18px;
		line-height: 1.5;
		&.des-post-special{
			padding: 60px 80px;
			img{
				left: 47px;
			}
		}
	}
	.collection-post{
		i{
			font-size: 18px;
			color: #ee9051;
		}
		span{
			font-size: 18px;
		}
		a{
			color: #909090;
			font-size: 18px;
		}
	}
	.view-post{
		span{
			font-size: 18px;
			i{
				font-size: 18px;
			color: #ee9051;
			}
		}
	}
	.comment-post{
		.title-comment-post{
			font-size: 55px;
		}
		.des-comment-post{
			font-size: 18px;
		}
		form{
			textarea{
				height: 200px;
				resize: none;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left:30px;
				font-size: 18px;
				margin-bottom: 20px;
				box-shadow: unset;
			}
			input{
				height: 60px;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left:30px;
				font-size: 18px;
				margin-bottom: 20px;
				width: 49.1%;
				box-shadow: unset;
			}
			button{
				font-size: 16px;
				color: #fff;
				border-radius: 0;
				border:0;
				line-height: 60px;
				width: 230px;
				background: black;
				transition: all .3s ease;
				&:hover{
					background:#ee9051;
				}
			}
		}
	}
}
/*----end--------*/
/*------style shop page-------*/
.shop-page{
	.content-shop{
		width: 60%;
		.btn-function-shop{
			.showing{
				font-size: 18px;
				color: #909090;
				margin-right: 25px;
			}
			button{
				background: #fff;
				border:0;

				i{
					font-size: 18px;
					display: inline-block;
					padding: 10px;
					border:1px solid #ddd;
					transition: all .3s ease;
				}
				&:hover{
					i{
						color: #ee9051;
					}
				}
				&.active{
					i{
						color: #ee9051;
					}
				}
			}
		}
	}
	.sidebar{
		width: 40%;
		ul{
			li{
				list-style-type: none;
				.title{
					font-size: 28px;
					margin-bottom: 30px;
				}
				.link-collection{
					font-size: 18px; 
					line-height: 2.3;
					color: #333;
					transition: all .3s ease;
					&:hover{
						color:#ee9051;
					}
				}
			}
			&.category{
				.accordion{
					&:after{
						float: right;
					}
					padding: 0;
				}
			}
			&.price{
				.range-p{
					font-size: 18px;
					color: #333;
					button{
						background: #fff;
						border:0;
						border-radius: 0;
						font-size: 18px;
						transition: all .3s ease;
						i{
							font-size: 18px;
							margin-right: 15px;
						}
						&:hover{
							color:#ee9051;
						}
					}
				}
			}
			&.popular{
				li{
					a{
						line-height: 40px;
						padding: 0 25px;
						border:1px solid black;
						display: inline-block;
						margin-bottom: 10px;
					}
				}
			}
		}
	}
	.sidebar-left{
		width: 40%;
		ul{
			li{
				list-style-type: none;
				.title{
					font-size: 28px;
					margin-bottom: 30px;
				}
				.link-collection{
					font-size: 18px; 
					line-height: 2.3;
					color: #333;
					transition: all .3s ease;
					&:hover{
						color:#ee9051;
					}
				}
			}
			&.category{
				.accordion{
					&:after{
						float: right;
					}
					padding: 0;
				}
			}
			&.price{
				.range-p{
					font-size: 18px;
					color: #333;
					button{
						background: #fff;
						border:0;
						border-radius: 0;
						font-size: 18px;
						transition: all .3s ease;
						i{
							font-size: 18px;
							margin-right: 15px;
						}
						&:hover{
							color:#ee9051;
						}
					}
				}
			}
			&.popular{
				li{
					a{
						line-height: 40px;
						padding: 0 25px;
						border:1px solid black;
						display: inline-block;
						margin-bottom: 10px;
					}
				}
			}
		}
	}
}
/*----end--------*/
/*-----product detail------*/
.slick-product-detail{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
}
.slick-nav-product-detail{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
}
.product-detail{
	.info-product-detail{
		.title-product{
			font-size: 36px;
			margin-top: 0;
		}
		.price{
			font-size: 30px;
		}
		.product-preview{
			i{
				font-size: 18px;
				color:#ee9051;
			}
			span{
				font-size: 18px;
				color: #333;
				&.line-space{
					top: -8px;
					margin:0 5px;
				}
			}
		}
		.select{
			width: 300px;
			text-transform: uppercase;
			margin-left: 0;
			padding: 25px;
			border: 1px solid #ddd;
			.select-styled{
				font-size: 14px;
				letter-spacing: 2px;
				font-family: "FuturaPT Demi";
				padding: 0 25px;
				&:after{
					top: 0px;
    				right: 25px;
				}
			}
			.select-options{
				font-family: "FuturaPT Demi";
				font-size: 14px;
				top: 100%;
				li{
					text-indent: 25px;
				}
			}
		}
		.btn-function{
			
			.input-number{
				width: 140px;
				height: 60px;
				border:1px solid #ddd;
				margin-right: 30px;
				font-size: 20px;
				text-align: left !important;
				padding-left: 25px;
			}
			.input-group-button{
				cursor: pointer;
				&.down-btn{
					right: 47px;
					bottom: 10px;
				}
				&.up-btn{
					right: 50px;
					top: 10px;
				}
			}
			form{
				button{
					&.enj-add-to-cart-btn{
						width: 400px;
    					line-height: 60px;
    					border: 1px solid black;
    					margin-right: 30px;
    					letter-spacing: 1px;
    					font-size: 16px;
    					transition: all .3s ease;
    					&:hover{
    						color:#ee9051;
    						border: 1px solid #ee9051;
    					}
					}
				}
			}
			a{
				color: #333;
				display: inline-flex;
				width: 80px;
				line-height: 60px;
				justify-content: center;
				border:1px solid #ddd;
				margin-right: 30px;
				transition: all .3s ease;

				i{
					font-size: 18px;
					padding-top: 20px;
				}
				&:hover{
					color:#ee9051;
					border: 1px solid #ee9051;
				}
			}
		}
		.btn-tab{
			padding: 0;
			font-size: 24px;
		}
		.des-tab{
			font-size: 18px;
		}
		.review{
			.title-review{
				font-size: 24px;
			}
			.content-review{
				font-size: 18px;
			}
		}
		.form-review{
			.title-form{
				font-size: 24px;
			}
			.des-review{
				font-size: 18px;
			}
			input{
				height: 60px;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left: 30px;
				font-size: 18px;
				width: 100%;
			}
			textarea{
				height: 200px;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left: 30px;
				font-size: 18px;
				resize: none;
				width: 100%;
				padding-top: 30px;
			}
			.rating{
				font-size: 24px;
				i{
					font-size: 18px;
					color:#ee9051;
				}
			}
			button{
				line-height: 60px;
				color: #fff;
				background: black;
				width: 100%;
				border:0;
				border-radius: 0;
				font-size: 16px;
				transition: all .3s ease;
				&:hover{
					background:#ee9051;
				}
			}
		}
		.info-more{
			p{
				font-size: 18px;
				a{
					color: #333;
					transition: all .3s ease;
					i{
						font-size: 18px;
					}
					&:hover{
						color:#ee9051;
					}
				}
			}
		}
	}
}
/*-------end------*/
/*-------style product detail 2------*/
.slick-nav-product-detail-vertical{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
}
.slick-product-detail-vertical{
	button{
		&.slick-prev{
			display: none !important;
		}
		&.slick-next{
			display: none !important;
		}
	}
}
.tab-content-detail{
	.btn-tab{
			padding: 0;
			font-size: 24px;
		}
		.des-tab{
			font-size: 18px;
			width: 90%;
		}
		.review{
			.title-review{
				font-size: 24px;
			}
			.content-review{
				font-size: 18px;
			}
		}
		.form-review{
			.title-form{
				font-size: 24px;
			}
			.des-review{
				font-size: 18px;
			}
			input{
				height: 60px;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left: 30px;
				font-size: 18px;
				width: 100%;
			}
			textarea{
				height: 200px;
				border-radius: 0;
				border:1px solid #ddd;
				padding-left: 30px;
				font-size: 18px;
				resize: none;
				width: 100%;
				padding-top: 30px;
			}
			.rating{
				font-size: 24px;
				i{
					font-size: 18px;
					color:#ee9051;
				}
			}
			button{
				line-height: 60px;
				color: #fff;
				background: black;
				width: 100%;
				border:0;
				border-radius: 0;
				font-size: 16px;
				transition: all .3s ease;
				&:hover{
					background:#ee9051;
				}
			}
		}
		.btn-tab-product-detail{
			justify-content: center;
    		display: flex;
    		border:0;
    		li{
    			&.active{
    				a{
    					color: #ee9051;
    					border:0;
    				}
    			}
    			a{
    				border:0;
    				color: black;
    				&:hover{
    					background:#fff;
    				}
    			}
    		}
		}
}
/*-------end------*/
.cart-table{
	thead{
		tr{
			th{
				font-size: 20px;
				&:first-child{
					padding-left:0;
				}
			}
		}
	}
	tbody{
		tr{
			td{
				&:first-child{
					padding-left:0;
					padding-top: 20px;
					padding-bottom: 20px;
				}
				.product-info{
					a{
						font-size: 24px;
					}
					p{
						font-size: 16px;
						span{
							color: #909090;
						}
					}
				}
				.price{
					font-size: 18px;
				}
				&.product-remove{
					text-align: center;
				}
				&.btn-fuction{
					margin-left: 10px;
					.input-number{
						width: 140px;
    					height: 60px;
    					border: 1px solid #ddd;
    					font-size: 20px;
    					text-align: left !important;
    					padding-left: 25px;
					}
					.down-btn{
						right: 22px;
    					bottom: 8px;
					}
					.up-btn{
						right: 25px;
						top: 10px;
					}
				}
				&.status{
					.in-stock{
						font-size: 20px;
						color: #ee9051;
					}
					.out-stock{
						font-size: 20px;
						color: black;
					}
				}
			}
		}
	}
}
.table-cart-bottom{
	.form-note{
		h3{
			font-size: 30px;
		}
		label{
			font-size: 18px;
		}
		textarea{
			width: 300px;
			border-radius: 0;

		}
	}
	.cart-text{
		margin-bottom: 50px;
		.cart-element{
			justify-content: space-between;
			margin-bottom: 20px;
		}
		p{
			font-size: 18px;
		}
	}
}
.login_page{
	h1{
		font-size: 50px;
	}
	label{
		font-size: 18px;
	}
	input{
		height: 60px;
		padding-left: 30px;
		font-size: 18px;
		border-radius: 0;
		border:1px solid #ddd;
		box-shadow: unset;
	}
	button{
		letter-spacing: 1px;
	}
}