@font-face {
	font-family: "Flaticon";
	src: url("neutrafaceslabdisplay-titling.eot");
	src: url("neutrafaceslabdisplay-titling.eot#iefix") format("embedded-opentype"),
	url("neutrafaceslabdisplay-titling.woff") format("woff"),
	url("neutrafaceslabdisplay-titling.ttf") format("truetype"),
	url("neutrafaceslabdisplay-titling.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
#container{background:url(../images/bg.jpg) repeat-y center;}
.con h1{font-size:30px; line-height:30px; color:#2e2210; font-family: "Flaticon";}
.con h2{font-size:18px; line-height:30px; color:#2e2210; font-family: "Flaticon";}
@media screen and (max-width: 1000px){
	.con h1{font-size:20px; line-height:20px;}
	.con h2{font-size:16px; line-height:20px;}
}

p{margin:25px 0}
.con{width:1000px;margin: 0px auto;padding-bottom: 80px;font-size:16px; line-height:26px; color:#6b6051; font-family:"Arial", "Times New Roman";}
.flexslider{margin:0 auto; position: relative; zoom: 1;}
.banner_headline{ width:100%; height:100%; position:absolute; z-index:99; background:url(../images/banner_headline.png) center center no-repeat;}
@media screen and (max-width: 1000px){
	p{margin:15px 0}
	.con{width:100%; font-size:14px; line-height:24px;}
	.banner_headline{background-size:contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;}
}
@media screen and (max-width: 768px){
	.con{padding-bottom: 104px;}
}
@media screen and (max-width: 550px){
	.con{padding-bottom: 130px;}
}

.sub_menu{width:100%; height:74px; background:url(../images/submenu_bg.jpg) no-repeat; overflow:hidden;}
.sub_menu ul{margin:0 45px;}
.sub_menu ul li{float:left; font-size:14px; color:#857f75; font-family: "Flaticon"; margin-right:20px; margin-top:22px; }
.sub_menu ul li a{padding:2px 20px; display:block; color:#857f75; transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.sub_menu ul li a.current, .sub_menu ul li a:hover{background:#2e2210; color:#FFF; display:block; }
@media screen and (max-width: 1000px){
	.sub_menu{display:none;}
}

.about{overflow:hidden;}
.about .about_main{width:50%; height:650px; float:left; background:url(../images/bg1.jpg); position:relative}
.about .about_main .txt{margin:40px 50px 40px;}
.about .about_main .txt h1{font-size:36px; line-height:36px;}
.about .about_main .txt img{margin-top:3px;}
.about .about_main .txt .about1{display:block;}
.about .about_main .txt .about2{display:none;}
.about .about_visual{width:50%; float:right; position:relative;}
#about_visual ul li .v1{width:100%; height:650px; background:center center fixed;}
#hide_txt{display:none;}
#about_visual ul li .share_img .share_btn2{margin-top:350px;}
#about_visual ul li .v1:hover .share_img{opacity:1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

@media screen and (max-width: 1000px){
	.about{height:auto;}
	.about .about_main{width:100%; height:100%}
	.about .about_main .txt{margin:30px 20px;}
	.about .about_main .txt h1{font-size:28px; line-height:28px;}
	.about .about_main .txt .about1{display:none;}
	.about .about_main .txt .about2{display:block;}
	.about .about_visual{display:none;}
	#about_visual ul li div{width:auto;}
}

.visual2{width:100%; height:266px; background:url(../images/v2.jpg) no-repeat;}
.visual2 img{display:none;}
@media screen and (max-width: 1000px){
	.visual2{height:100%; background:none;}
	.visual2 img{display:block; width:100%;}
}

.product1{background:url(../images/bg1.jpg); padding:45px; position:relative; height:284px;}
.product1 p{width:470px;}
.product1 .product_img{ position:absolute; right:37px; top:0}
.more_btn{font-size:12px; font-weight:bold; letter-spacing:0.2em; color:#978f85}
.more_btn a{font-size:12px; font-weight:bold; letter-spacing:0.2em; color:#6b6051;}
.more_btn a:hover{color:#2e2210;}
.more_btn a:hover img{transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.more_btn a:hover img{margin-left:5px;}
.share_btn{height:20px; position:absolute; right:45px; margin-top:-24px;}
.share_btn span{font-size:12px; font-weight:bold; letter-spacing:0.2em; color:#6b6051; margin-right:10px; float:left; line-height:20px;}
.share_btn div.temp{width:20px; height:20px; overflow:hidden; float:left; margin-right:3px; background:#6b6051; cursor:pointer}
.share_btn2 div.temp{width:20px; height:20px; overflow:hidden; float:left; margin-right:3px; background:#e9e2da; cursor:pointer}
.product1 .share_btn{right:480px;}
.share_img{width:100%; height:100%; position:absolute; left:0; z-index:9999; background:url(../images/share_bg.png); text-align:center; opacity:0;}
.share_img .share_btn2{ display:inline-block; height:20px; margin-top:25%;}
.share_img .share_btn2 span{font-size:12px; font-weight:bold; letter-spacing:0.2em; color:#e9e2da; margin-right:10px; line-height:30px; float:left; line-height:20px;}
.share_img a{text-align:center; font-size:40px; line-height:50px; color:#e9e2da; width:50px; height:50px; display:none; position:absolute; left:0; bottom:0;}
.share_img a:first-of-type{background:url(../images/share_bg.png);}

@media screen and (max-width: 1000px){
	.product1{height:auto; padding:20px;}
	.product1 h1{width:60%}
	.product1 p{width:60%}
	.product1 .product_img img{display:none;}
	.product1 .product_img{width:40%; height:100%; overflow:hidden; right:0; background:url(../images/mobile/8257j.png) no-repeat left top; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
	.share_btn{position:static; margin-top:20px; margin-bottom:10px;}
}

.product2{background:url(../images/bg2.jpg) repeat-y; padding:45px; position:relative; height:284px;}
.product2 .content{width:555px; float:right;}
.product2 .content .product_img{width:278px; position:absolute; left:60px; top:45px;}
.product2 .more_btn{padding-top:5px;}
.product2 .share_btn{position:static; margin-top:10px; padding-top:10px;}
@media screen and (max-width: 1000px){
	.product2{height:auto; padding:20px;}
	.product2 .content{width:100%; float:none;}
	.product2 .content .product_img{position:static; width:278px; margin:10px auto;}
	.product2 .more_btn{padding-top:10px; text-align:center}
}

.visual3{width:50%; height:266px; float:left; position:relative; overflow:hidden;}
.visual3a{background:url(../images/v3a.jpg) no-repeat;}
.visual3b{background:url(../images/v3b.jpg) no-repeat;}
.visual3 img{display:none;}
.visual3:hover .share_img{opacity:1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
@media screen and (max-width: 1000px){
	.share_img{opacity:1; background:none;}
	.share_img a{display:block}	
	.share_img .share_btn2{display:none; margin-top:40%;}
	.visual3{height:100%; background:none;}
	.visual3 img{display:block; width:100%;}
}
	
.product3{background:url(../images/bg3.jpg) no-repeat; padding:45px; position:relative; height:340px; clear:both}
.product3 .product_img{position:absolute; width:100%; height:175px; left:0; bottom:0; overflow:hidden; cursor:-webkit-grab; cursor: -moz-grab;}
.product3 .product_img .swiper-slide{width: 218px; height:175px;margin-top:30px; transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.product3 .product_img .swiper-slide a{width: 100%; height:100%; display:block;}
.product3 .product_img .swiper-slide:hover{margin-top:0;}
.product3 .share_btn{position:static; margin-top:10px; padding-top:10px;}
.product3 .more_btn{ position:absolute; right:45px; margin-top:-24px;}
@media screen and (max-width: 1000px){
	.product3{height:auto; padding:20px;}
	.product3 .share_btn{margin-bottom:0px;}
	.product3 .more_btn{ position:static; display:block; margin-top:30px; margin-bottom:170px;}
	.product3 .product_img .swiper-slide{margin-top:0;}
}

.product4{height:594px; overflow:hidden}
.product4 .product4_visual{width:50%; height:100%; float:left;}
.product4 .product4_main{width:50%; height:100%; float:right; background:url(../images/bg4.jpg) repeat-y left top; position:relative;}
.product4 .product4_main .txt{padding:60px 50px;}
.product4 .product4_main .product_img{position:absolute; width:100%; height:232px; left:0px; bottom:45px; background:url(../images/8427J.png) repeat-x -70px 0;}
.product4 .product4_main .product_img a{width:100%; height:100%; text-indent:-9999px; display:block;}
.product4 .product4_main .product_slider{position:absolute; width:100%; height:161px; left:0px; bottom:30px; overflow:hidden; display:none; padding:0;}
.product4 .product4_main .product_slider .swiper-slide{width:160px; height:161px; margin:0;}
@media screen and (max-width: 1000px){
	.product4{height:auto;}	
	.product4 .product4_visual{width:40%; background:url(../images/v4.jpg) center center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.product4 .product4_visual img{display:none;}
	.product4 .product4_main{width:60%; padding-bottom:190px;}
	.product4 .product4_main .txt{padding:20px;}
	.product4 .product4_main .product_img{display:none;}
	.product4 .product4_main .product_slider{display:block;}
}
@media screen and (max-width: 450px){
	.product4 .product4_visual{display:none;}
	.product4 .product4_main{width:100%; background:url(../images/bg4.jpg) repeat-y center top;}
}

.product5{background:url(../images/bg5.jpg) repeat-y; padding:45px; position:relative; height:284px;}
.product5 .content{width:555px; float:right;}
.product5 .content .product_img{width:278px; position:absolute; left:60px; top:30px;}
.product5 .more_btn{padding-top:60px;}
@media screen and (max-width: 1000px){
	.product5{height:auto; padding:20px;}
	.product5 .content{width:100%; float:none;}
	.product5 .content .product_img{position:static; width:278px; margin:10px auto;}
	.product5 .more_btn{padding-top:10px;}
}

.other_product{padding:45px; position:relative; background-color:#FFF}
.other_product .cat>ul>li{text-align:center; float:left; margin:0 10px;}
.other_product .cat>ul>li>a{font-size:12px; font-weight:bold; color:#6b6051; text-transform:uppercase; letter-spacing:0.2em; padding:5px 15px; transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.other_product .cat>ul>li>a.current, .other_product .cat>ul>li>a:hover{ background:#6b6051; color:#FFF; }
.other_product .products{clear:both; margin-top:60px;}
.other_product .products ul li{float:left; width:16.6%;}
.other_product .products ul li.men, .other_product .products ul li.women{width:95%; margin:0 auto; float:none; border-bottom:1px solid #e2dbd2; color:#6b6051; font-size:12px; letter-spacing:0.2em; text-indent:10px; clear:both}
.other_product .products ul li a{margin:20px 5px; display:block; position:relative;}
.other_product .products ul li a img{width:100%; display:block;}
.other_product .products ul li a span{width:100%; font-size:12px; color:#2e2210; font-family: "Flaticon"; line-height:14px; text-align:center; position:absolute;; background:url(../images/other_product_bg_mo.png); z-index:99; top:50px; left:0; padding-top:5px; padding-bottom:5px; opacity: 0;}
.other_product .products ul li:hover a span{opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
@media screen and (max-width: 1000px){
	.other_product{padding:20px;}
	.other_product .cat>ul>li{float:left; margin:3px auto; width:50%;}
	.other_product .cat>ul>li>a{letter-spacing:0em; padding:5px 10px;}
	.other_product .products{margin-top:10px;}
	.other_product .products ul{padding-top:20px;}
	.other_product .products ul li{width:50%;}
}