@charset "utf-8";

@font-face {
    font-family: 'thaisans_neueregular';
    src: url('thaisansneue-regular-webfont.eot');
    src: url('thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisansneue-regular-webfont.woff2') format('woff2'),
         url('thaisansneue-regular-webfont.woff') format('woff'),
         url('thaisansneue-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{
    color: #333333;
    font-family: 'Roboto', 'Prompt', sans-serif;
}
section{
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
}
.section_slide{
    padding-left: 0;
    padding-right: 0;
}
.section_banner{
    padding-left: 0;
    padding-right: 0;
}
.wrapslide{
    padding: 0;
}
.home_pic{
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    margin-bottom: 30px;
    overflow: hidden;
}
.home_pic img{
    width: 100%;
    height: auto;
    display: block;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.home_pic:hover img {
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.home_detail{
    display: inline-block;
    width: 40%;
    margin-bottom: 30px;
    text-align: center;
    vertical-align: middle;
}
.home_detail h1{
    color: #000;
    font-weight: 700;
}
.home_detail h5{
    color: #222;
    padding-left: 20%;
    padding-right: 20%;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 25px;
}
.btn_shop{
    display: inline-block;
    background-color: #000;
    color: #ccc;
    padding: 7px 25px 5px 25px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.btn_shop:hover{
    color: #FFF;
    text-decoration: none;
}
.lookbook_home{
    padding: 0 3px;
    overflow: hidden;
}
.lookbook_home img{
    display: block;
    width: 100%;
    height: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.lookbook_home:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.lookbook_home figure{
    display: block;
    position: relative;
}
.lookbook_home figure a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;background-color: rgba(0,0,0,0.7);
    text-decoration: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.lookbook_home figure:hover a{
    opacity: 1.0;
}
.lookbook_home figure figcaption{
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 50%;
    -ms-transform: translate( 0, -50%); /* IE 9 */
    -webkit-transform: translate( 0, -50%); /* Safari */
    transform: translate( 0, -50%);
    left: 0;
    right: 0;
}
.lookbook_home figure figcaption h1{
    color: #FFF;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 15px;
}
.lookbook_home figure figcaption h5{
    color: #FFF;
    font-size: 13px;
    padding: 7px 20px;
    border: 2px solid #FFF;
    display: inline-block;
}

.product_home{
    padding: 0 30px;
}
.product_home > figure > a > img{
    display: block;
    width: 100%;
    height: auto;
}
.product_home figure{
    display: block;
    position: relative;
}
.product_home figure > a{
    display: block;
    text-decoration: none;
    position: relative;
}
.product_home figure figcaption{
    color: #000;
    text-align: center;
    position: absolute;
    top: 50%;
    -ms-transform: translate( 0, -50%); /* IE 9 */
    -webkit-transform: translate( 0, -50%); /* Safari */
    transform: translate( 0, -50%);
    left: 0;
    right: 0;
    display: none;
}
.product_home figure figcaption a{
    text-decoration: none;
    display: inline-block;
    color: #000;
}
.product_home figure figcaption h1{
    color: #000;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.product_home figure figcaption h5{
    color: #000;
    font-size: 13px;
    padding: 7px 20px;
    border: 2px solid #FFF;
    display: inline-block;
}
.ph_price{
    font-size: 24px;
    margin-top: 5px;
    font-weight: 700;
}
.link_hpd{
    display: block;
    text-align: center;
}
.product_home > figure:hover > a > img{
    opacity: 0.3;
}
.product_home > figure:hover figcaption{
    display: block;
    -webkit-animation: fadeIndown 0.5s normal ; 
    -moz-animation:    fadeIndown 0.5s normal ; 
    -o-animation:      fadeIndown 0.5s normal ; 
    animation:         fadeIndown 0.5s normal ; 
}
@-webkit-keyframes fadeIndown {
  0%   { opacity: 0; top: 45%; }
  100% { opacity: 1; top: 50%; }
}
@-moz-keyframes fadeIndown {
  0%   { opacity: 0; top: 45%; }
  100% { opacity: 1; top: 50%; }
}
@-o-keyframes fadeIndown {
  0%   { opacity: 0; top: 45%; }
  100% { opacity: 1; top: 50%; }
}
@keyframes fadeIndown {
  0%   { opacity: 0; top: 45%; }
  100% { opacity: 1; top: 50%; }
}
.link_hpd a{
    display: inline-block;
    margin:10px 7px;
    position: relative;
    opacity: 0;
}
.link_hpd a img{
    max-width: 30px;
    height: auto; 
}
.link_hpd a span{
    position: absolute;
    bottom: 100%;
    left: 50%;
    -ms-transform: translate( -50%, 0);
    -webkit-transform: translate( -50%, 0);
    transform: translate( -50%, 0);
    background-color: #000;
    white-space: nowrap;
    padding: 5px 10px;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
}
.link_hpd a span::before{
    content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
    position: absolute;
    top: 100%;
    left: 50%;
    -ms-transform: translate( -50%, 0);
    -webkit-transform: translate( -50%, 0);
    transform: translate( -50%, 0);
}
.link_hpd a:hover{
    
}
.link_hpd a:hover span{
    display: block;
    -webkit-animation: fadeInSpan 0.25s normal forwards ; 
    -moz-animation:    fadeInSpan 0.25s normal forwards ; 
    -o-animation:      fadeInSpan 0.25s normal forwards ; 
    animation:         fadeInSpan 0.25s normal forwards ; 
}
@-webkit-keyframes fadeInSpan {
  0%   { opacity: 0; bottom: 65%; }
  100% { opacity: 1; bottom: 100%; }
}
@-moz-keyframes fadeInSpan {
  0%   { opacity: 0; bottom: 65%; }
  100% { opacity: 1; bottom: 100%; }
}
@-o-keyframes fadeInSpan {
  0%   { opacity: 0; bottom: 65%; }
  100% { opacity: 1; bottom: 100%; }
}
@keyframes fadeInSpan {
  0%   { opacity: 0; bottom: 65%; }
  100% { opacity: 1; bottom: 100%; }
}
.product_home > figure:hover figcaption .link_hpd a{
    -webkit-animation: lhpdFade 0.25s normal 0.1s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.1s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.1s forwards ; 
    animation:         lhpdFade 0.25s normal 0.1s forwards ; 
    visibility: visible;
}
.product_home > figure:hover figcaption .link_hpd a:nth-child(2){
    -webkit-animation: lhpdFade 0.25s normal 0.2s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.2s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.2s forwards ; 
    animation:         lhpdFade 0.25s normal 0.2s forwards ; 
    visibility: visible;
}
.product_home > figure:hover figcaption .link_hpd a:nth-child(3){
    -webkit-animation: lhpdFade 0.25s normal 0.3s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.3s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.3s forwards ; 
    animation:         lhpdFade 0.25s normal 0.3s forwards ; 
    visibility: visible;
}
.product_home > figure:hover figcaption .link_hpd a:nth-child(4){
    -webkit-animation: lhpdFade 0.25s normal 0.4s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.4s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.4s forwards ; 
    animation:         lhpdFade 0.25s normal 0.4s forwards ; 
    visibility: visible;
}
@-webkit-keyframes lhpdFade {
  0%   { opacity: 0; 
        -ms-transform: translate( 0, -50%);
        -webkit-transform: translate( 0, -50%);
        transform: translate( 0, -50%);
    }
  100% { opacity: 1.0; 
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
       visibility: visible;
    }
}
@-moz-keyframes lhpdFade {
  0%   { opacity: 0; 
        -ms-transform: translate( 0, -50%);
        -webkit-transform: translate( 0, -50%);
        transform: translate( 0, -50%);
    }
  100% { opacity: 1.0; 
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
       visibility: visible;
    }
}
@-o-keyframes lhpdFade {
  0%   { opacity: 0; 
        -ms-transform: translate( 0, -50%);
        -webkit-transform: translate( 0, -50%);
        transform: translate( 0, -50%);
    }
  100% { opacity: 1.0; 
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
       visibility: visible;
    }
}
@keyframes lhpdFade {
  0%   { opacity: 0; 
        -ms-transform: translate( 0, -50%);
        -webkit-transform: translate( 0, -50%);
        transform: translate( 0, -50%);
    }
  100% { opacity: 1.0; 
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
       visibility: visible;
    }
}
.linkbrand{
    display: block;
    margin: 45px 5px;
}
.linkbrand img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.banner_inside{
    padding: 0;
    margin-bottom: 15px;
}
.banner_inside img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.wrap_filter{
}
.wrap_product_list{
    border-left: 1px solid #ddd;
    padding-left: 30px;
    margin-bottom: 20px;
}
.product_item{
    text-align: center;
}
.product_item:nth-child(4n+1){
    clear: left;
}
.product_pic{
    display: block;
    position: relative;
    cursor: pointer;
}
.product_pic > a{
    display: block;
}
.product_pic > a > img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.product_item .link_hpd{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translate( 0, -50%);
    -webkit-transform: translate( 0, -50%);
    transform: translate( 0, -50%);
    visibility: hidden;
}
.product_item:hover .product_pic .link_hpd{
    visibility: visible;
}
.product_item:hover .product_pic .link_hpd a{
    -webkit-animation: lhpdFade 0.25s normal 0.1s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.1s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.1s forwards ; 
    animation:         lhpdFade 0.25s normal 0.1s forwards ; 
    visibility: visible;
}
.product_item:hover .product_pic .link_hpd a:nth-child(2){
    -webkit-animation: lhpdFade 0.25s normal 0.2s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.2s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.2s forwards ; 
    animation:         lhpdFade 0.25s normal 0.2s forwards ; 
    visibility: visible;
}
.product_item:hover .product_pic .link_hpd a:nth-child(3){
    -webkit-animation: lhpdFade 0.25s normal 0.3s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.3s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.3s forwards ; 
    animation:         lhpdFade 0.25s normal 0.3s forwards ; 
    visibility: visible;
}
.product_item:hover .product_pic .link_hpd a:nth-child(4){
    -webkit-animation: lhpdFade 0.25s normal 0.4s forwards ; 
    -moz-animation:    lhpdFade 0.25s normal 0.4s forwards ; 
    -o-animation:      lhpdFade 0.25s normal 0.4s forwards ; 
    animation:         lhpdFade 0.25s normal 0.4s forwards ; 
    visibility: visible;
}
.product_item:hover .product_pic > a > img{
    opacity: 0.3;
}
.product_item figcaption h1{
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}
.product_item .ph_price{
    font-size: 20px;
    color: #000;
}
.product_item figcaption a{
    text-decoration: none;
    color: #000;
}
.wrap_product_head{
    border-bottom: 1px solid #ddd;
}
.product_head{
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding: 10px;
}
.product_head a{
    color: #333333;
    margin-left: 5px;
    margin-right: 5px;
}
.product_sort{
    text-align: right;
}
.btn_select{
    background-color: #FFF;
    border: 1px solid #989898;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.head_filter{
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    cursor: pointer;
}
.type_filter{
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
    line-height: 26px;
}
.menu_category{
    display: block;
}
.menu_category ul{
    list-style: none;
    padding-left: 15px;
}
.menu_category ul li a{
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #333333;
    position: relative;
    padding-left: 12px;
    line-height: 24px;
    margin-bottom: 5px;
}
.menu_category ul li a span{
    position: absolute;
    left: 0;
    top: 7px;
    background-image: url(../images/producuts_menu_ar.jpg);
    width: 7px;
    height: 7px;
}
.menu_category ul li.active a span{
    background-image: url(../images/producuts_menu_aractive.jpg);
}
.new_icon{
    position: absolute;
    top: 15px;
    color: #cea54b;
    display: block;
    text-align: center;
    font-size: 17px;
    left: 0;
    right: 0;
    font-weight: bold;
    z-index: 9;
}
.sale_icon{
    position: absolute;
    top: 15px;
    display: block;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 8;
}
.sale_icon span{
    color: #FFF;
    /*background-color: #cea54b;*/
    font-size: 16px;
    display: inline-block;
    padding: 2px 10px;
    font-style: italic;
}
.zoom_thumb{
	text-align:center;
	display:block;
	margin-top:30px;
}
.elevatezoom-gallery{
	display:inline-block;
	width:100px;
	margin:3px;
}
.elevatezoom-gallery img{opacity: 1.0; width:100%; height:auto; display:block;}
.elevatezoom-gallery:hover img{opacity: 0.9;}
.elevatezoom-gallery.active img{opacity: 0.7;}
.productd_pic{
    display: block;
    padding: 30px;
}
.productd_pic img{
    max-width: 100%;
    display: block;
    height: auto;
}
.zoomWindowContainer div{
    background-color: #FFF;
}
.productd_name{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    display: block;
}
.wrap_productd_detail{
    padding: 40px;
}
.productd_list{
    color: #333333;
    font-size: 15px;
    display: block;
    margin: 10px 0;
}
.in_stock{
    color: #319400;
    font-weight: 700;
}
.out_stock{
    color: #940000;
    font-weight: 700;
}
.pd_color{
    font-size: 14px;
}
.pd_color div{
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    margin: 0 3px 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wrap_size{
    display: block;
}
.size_item{
    width: 40px;
    height: 32px;
    display: inline-block;
    border: 1px solid #555555;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #000;
    margin-right: 5px;
    font-weight: bold;
}
.size_item:hover{
    background-color: #cea54b;
    color: #FFF;
    text-decoration: none;
}
.size_item.active{
    background-color: #cea54b;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #936b13;
}
.plc_size{
    display: block;
    margin-top: 10px;
    font-size: 13px;
}
.plc_size a{
    color: #af7f16;
    font-weight: bold;
}
.sp-quantity{
    display: inline-block;
}
.sp-quantity div{
    display: inline-block;
    vertical-align: middle;
}
.btnquantity{
    background-color: #000;
    font-size: 24px;
    color: #FFF;
    width: 35px;
    height: 35px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.sp-input input{
    height: 35px;
    width: 60px;
    border: 1px solid #000;
    text-align: center;
}
.pd_price{
    display: block;
    font-size: 36px;
    font-weight: bold;
    margin-top: 20px;
}
.btn_pdaddcart{
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    background-color: #000;
    padding: 8px 60px 8px 100px;
    background-image: url(../images/icon_pdcart.png);
    background-repeat: no-repeat;
    background-position: 50px center;
    margin-top: 20px;
    margin-bottom: 25px;
}
.btn_pdaddcart:hover{
    text-decoration: none;
    color: #FFF;
    -webkit-animation: btn_Addcart 1s normal forwards ; 
    -moz-animation:    btn_Addcart 1s normal forwards ; 
    -o-animation:      btn_Addcart 1s normal forwards ; 
    animation:         btn_Addcart 1s normal forwards ; 
}
@-webkit-keyframes btn_Addcart {
  0%   { 
      background-position: -50px center;
    }
  100% {
      background-position: 50px center;
    }
}
@-moz-keyframes btn_Addcart {
  0%   { 
      background-position: -50px center;
    }
  100% {
      background-position: 50px center;
    }
}
@-o-keyframes btn_Addcart {
  0%   { 
      background-position: -50px center;
    }
  100% {
      background-position: 50px center;
    }
}
@keyframes btn_Addcart {
  0%   { 
      background-position: -50px center;
    }
  100% {
      background-position: 50px center;
    }
}
.addtowl{
    color: #333;
    padding-left: 30px;
    background-image: url(../images/pd_awl.png);
    display: block;
    height: 24px;
    line-height: 27px;
    background-repeat: no-repeat;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 20px;
}
.addtowl:hover, .addtowl.active{
    background-image: url(../images/pd_awl_active.png);
}
.pd_tab_detail{
    line-height: 30px;
    padding: 15px 20px;
    margin-bottom: 30px;
}
.pd_tab{
    border-bottom: 1px solid #333333;
    padding-bottom: 3px;
}
.pd_tab a{
    display: inline-block;
    padding: 0 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
.pd_tab a:hover{
    color: #e6bc61;
}

.pd_tab a.active{
    color: #cea54b;
}
.pd_tab div{
    display: inline-block;
    padding: 0 10px;
    font-weight: bold;
    text-decoration: none;
    color: #cea54b;
}
.lookbook_item{
    display: table;
    margin-bottom: 28px;
    width: 100%;
}
.lookbook_pic{
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
.lookbook_pic img{
    display: block;
    width: 100%;
    height: auto;
}
.lookbook_pic:hover img{
    opacity: 0.9;
}
.lookbook_detail{
    display: table-cell;
    width: 40%;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
}
.head_lookbook{
    display: block;
    text-align: center;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    line-height: 42px;
}
.name_lookbok{
    display: block;
    text-align: center;
    font-size: 45px;
    color: #000;
    font-weight: bold;
    line-height: 42px;
}
.detail_lb{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin: 40px 0;
}
.btn_lb{
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    background-color: #000;
    padding: 10px 40px 8px 15px;
    font-weight: bold;
    letter-spacing: 1px;
    background-image: url(../images/lookbook_arrow.jpg);
    background-repeat: no-repeat;
    background-position: center right 15px;
    -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;
    cursor: pointer;
}
.btn_lb:hover{
    background-position: center right 10px;
    color: #f9d991;
    text-decoration: none;
}
.lookbook_head{
    font-weight: bold;
    font-size: 16px;
    color: #000;
    padding: 10px 15px;
    font-size: 24px;
}
.home_head{
    display: block;
    text-align: center;
    font-size: 45px;
    color: #000;
    font-weight: 700;
    margin: 20px 0;
}
.blog_item{
    padding: 50px 5px 0px 5px;
}
.blog_item a{
    display: block;
    text-decoration: none;
}
.blog_item a .blog_img img{
    display: block;
    width: 100%;
    height: auto;
    -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;
}
.blog_item figcaption{
    display: block;
    color: #3a3a3a;
    font-size: 17px;
    line-height: 30px;
    height: 60px;
    margin: 15px 0;
    position: relative;
}
.blog_item figcaption::before{
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #555555;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
}
.blog_item:hover figcaption::before{
    width: 100%;
}
.blog_img{
    position: relative;
    overflow: hidden;
}
.blog_date{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    padding: 8px 15px 5px 15px;
    background-color: rgba(0,0,0,0.75);
    color: #FFF;
}
.blog_item:hover .blog_img img{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.review_item{
    padding: 50px 5px 0px 5px;
}
.review_item a{
    display: block;
    text-decoration: none;
}
.review_item a .review_img img{
    display: block;
    width: 100%;
    height: auto;
    -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;
}
.review_item figcaption{
    display: block;
}
.review_item figcaption .review_head{
    display: block;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    margin: 10px 0 4px 0;
    position: relative;
    font-weight: 700;
}
.review_img{
    position: relative;
    overflow: hidden;
}
.review_date{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    padding: 8px 15px 5px 15px;
    background-color: rgba(0,0,0,0.75);
    color: #FFF;
}
.review_item:hover .review_img img{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.reviewby{
    display: block;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 20px;
}
.review_detail{
    display: block;
    color: #333333;
    line-height: 20px;
    margin-top: 3px;
    height: 40px;
}
.location_item{
    padding: 50px 10px 0px 10px;
}
.location_item .location_img{
    display: block;
}
.location_item .location_img img{
    display: block;
    max-width: 100%;
    height: auto;
}
.location_name{
    display: block;
    font-size: 32px;
    font-weight: 700;
    margin-top: 5px;
    color: #000;
}
.location_detail{
    display: block;
    font-size: 15px;
    line-height: 28px;
    color: #000;
    margin-bottom: 10px;
}
.location_item figcaption a{
    text-decoration: none;
    color: #000;
    display: block;
    height: 32px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 40px;
    margin-bottom: 10px;
    font-size: 15px;
}
.location_item figcaption a.tel{
    background-image: url(../images/location_tel.jpg);
}
.location_item figcaption a.mail{
    background-image: url(../images/location_mail.jpg);
}
.location_item figcaption a.fbpage{
    background-image: url(../images/location_fb.jpg);
}
.location_item figcaption a.addline{
    background-image: url(../images/location_line.jpg);
}
.bg_about{
    background-image: url(../images/bg_about.jpg);
    background-position: top center;
    background-attachment: fixed;
}
.head_about{
    color: #e5e2dd;
    font-size: 40px;
    text-align: center;
    display: block;
    margin: 10% 0 25px 0;
}
.detail_about{
    display: block;
    color: #9e9895;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-style: italic;
    margin: 25px 0;
}
.line_about{
    display: block;
    width: 1px;
    height: 35px;
    margin: 0 auto;
    background-color: #cea54b;
}
.detail_about::first-letter{
    font-size: 24px;
    font-style: normal;
}
.detail_about:last-child{
    margin-bottom: 10%;
    padding: 0 100px;
}
.boxcolor{
    width: 13px;
    height: 13px;
    border: 1px solid #cccccc;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.page_num{
    margin: 45px 0 5px 0;
    text-align: center;
}
.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #000;
}
.pd_tab_detail{
    display: none;
}
.brand_items{
    padding: 45px;
}
.brand_items img{
    display: block;
    max-width: 100%;
    height: auto;
}
.head_detail h2{
    color: #333333;
    font-size: 24px;
}
.review_by{
    color: #8c8c8c;
    font-size: 13px;
    margin-bottom: 15px;
}
.detail_review .wrap_video{
    max-width: 800px;
    margin: 0 auto;
    display: block;
}
.detail_review_text{
    display: block;
    margin-top: 25px;
    margin-bottom: 45px;
    line-height: 24px;
    font-size: 14px;
}
.detail_review_text img{
    display: inline-block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
}
.wrap_compare{
    bottom: 10px;
    left: auto;
    right: auto;
    position: fixed;
    background-color: #FFF;
    z-index: 79;
    display: none;
    overflow-y: auto;
    max-width: 1000px;
}
.compare_box{
    display: none;
    position: fixed;
    z-index: 88;
    text-align: center;
    background-color: #000;
    bottom: 0;
    right: 5%;
	transform-origin: left top 0;
    color: #FFF;
    letter-spacing: 1px;
    padding: 8px 20px 5px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.commentbox{
    display: block;
    margin-bottom: 15px;
}


/* checkbox */
.list_check{
    display: block;
    font-size: 13px;
    padding-left: 15px;
    padding-bottom: 5px;
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
  cursor: pointer;
}
input[type='radio']:focus, input[type='radio']:active,
input[type='checkbox']:focus,
input[type='checkbox']:active {
  outline: none;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-right: 10px;
  color: #333333;
    line-height: 13px;
    font-weight: normal;
}
input[type='radio'] + label:before, input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  left: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
}
input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
  background-color: #ffffff;
    border: 2px solid #989898;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type='radio'] + label:after,
input[type='checkbox'] + label:after {
  color: #fff;
}
input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {

}


/*Checkbox Specific styles*/
input[type='checkbox'] + label:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input[type='checkbox'] + label:hover:after, input[type='checkbox']:checked + label:after {
  content: "\2713";
  line-height: 9px;
  font-size: 16px;
    padding-left: 2px;
    font-weight: bold;
}
input[type='checkbox'] + label:hover:after {
  color: #cecece;
}
input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after {
  color: #cea54b;
}

/*Toggle Specific styles*/
input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 55px;
  height: 28px;
  background-color: #fff;
  position: relative;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  @inlcude box-shadow(none);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox'].toggle:hover:after {
  background-color: #fff;
}
input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #fff;
  top: 2px;
  left: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox']:checked.toggle {
}
input[type='checkbox']:checked.toggle:after {
  left: 29px;
  background-color: #fff;
}

.wrap_size .list_check{
    display: inline-block;
    margin-right: 0;
    width: 65px;
}
.detail_addcartpopup{
    width: 550px;
}
.detail_addcartpopup img{
    display: block;
    width: auto;
    height: 300px;
    margin: 0 auto;
}
.detail_addcartpopup .productd_name{
    font-size: 16px;
}
.detail_addcartpopup .productd_list{
    margin: 5px 0;
    font-size: 14px;
}
.detail_addcartpopup .pd_price{
    margin-top: 10px;
    font-size: 20px;
}
.detail_addcartpopup .btn_pdaddcart{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 8px 30px 8px 30px;
    background-image: none;
}
.pd_tab_detail .review_detail{
    margin-bottom: 40px;
}
.detail_cart{
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.pic_cart{
    text-align: center;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.pic_cart img{
    max-width: 100%;
    height: auto;
    display: block;
}
.pd_cart{
    text-align: left;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.price_cart{
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.qty_cart{
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.total_p_cart{
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.list_cart{
    border-bottom: 1px solid #d0d0d0;
    padding: 15px 0;
}
.head_cart{
    letter-spacing: 1px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.head_cart > div:first-child{
    text-align: left;
    padding: 0;
}
.pdname_cart{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.pdsize_cart{
    font-size: 13px;
    color: #444444;
    font-weight: bold;
}
.list_subtotal{
    border-bottom: 1px solid #d0d0d0;
    padding: 15px 15px;
}
.update_cart_btn a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background-image: url(../images/updatecart_03.jpg);
    background-repeat: no-repeat;
    height: 31px;
    line-height: 31px;
    padding-left: 40px;
    display: inline-block;
}
.subtotalnumber{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
}
.btn_ctco{
    text-align: right;
    padding: 0;
}
.btn_ctco a{
    display: inline-block;
    color: #FFF;
    font-size: 22px;
    background-color: #000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 25px 7px 25px;
    text-decoration: none;
    margin: 10px 0 80px 0;
}

 .box_delivery .radio{
	 line-height:22px;
	 }
.box_choose_payment .radio {
  display:block;
  font-size:16px !important;
  line-height: 24px !important;
  cursor: pointer;
  border-bottom:1px solid #e3e3e3;
  width:100%;
  padding:15px 0;
}
.box_choose_payment .radio:last-child{
	border-bottom:none;
	}
.radio{
    cursor: pointer;
}
.radio:hover .inner {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: .5;
}
.radio input[type=radio] {
  height: 1px;
  width: 1px;
  opacity: 0;
}
.radio input[type=radio]:checked + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.radio input[type=radio]:checked + .outer {
  border: 3px solid #333;
}
.radio input[type=radio]:focus + .outer .inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #333;
}
.radio .outer {
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  margin: 4px 9px 10px 10px !important;
  border: 3px solid #333;
  border-radius: 50%;
  background-color: #fff;
}
.radio .inner{
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  height: 10px !important;
  width: 10px !important;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 2px !important;
  border-radius: 50%;
  background-color: #333;
  opacity: 0;
}
.radio label, .checkbox label{
	padding-left:0;
	}
.list_address{
    line-height: 30px;
}
.box_addressshow {
    padding: 15px;
}
.radio .form-group label{
    font-weight: bold;
}
.btn_login{
    background-color: #cea54b;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    display:inline-block;
    letter-spacing: 1px;
    padding:4px 25px;
    vertical-align: top;
     -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin:10px 0 0 0;
	line-height:26px;
}
.btn_login:hover{
    background-color: #333;
    cursor: pointer;
	color:#fff;
	text-decoration:none;
}
.btn_cancel{
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    display:inline-block;
    letter-spacing: 1px;
    padding:4px 25px;
    vertical-align: top;
     -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin:10px 0 0 5px;
	line-height:26px;
}
.btn_cancel:hover{
    background-color: #333;
    cursor: pointer;
	color:#fff;
	text-decoration:none;
}
.radio{
    margin-bottom: 0;
}
.bankdetails{
    margin-bottom: 15px;
}
.btn_ctco a.link_continue{
    background-color: transparent;
    color: #000;
    font-size: 20px;
}
.outofstock{
    cursor: not-allowed;
}
.outofstock::before{
    content: "Out Of Stock";
    text-align: center;
    color: #818287;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 28px;
    font-style: italic;
    display: inline-block;
    padding-top: 45%;
}
.outofstock .link_hpd{
    display: none !important;
}
.wrap_blog_item:nth-child(3n+1){
    clear: left;
}


@media (min-width: 768px){
    .container.wide {
        width: 100%;
    }
}
@media (min-width: 992px){
    .container.wide {
        width: 100%;
    }
}
@media (min-width: 1070px){
    .container.wide {
        width: 100%;
    }
}
@media (min-width: 1201px){
    .container.wide {
        width: 100%;
        padding-left: 150px;
        padding-right: 150px;
    }
}
@media (min-width: 1300px){
    .container.wide {
        width: 100%;
        padding-left: 150px;
        padding-right: 150px;
    }
}
@media (min-width: 1400px){
    .container.wide {
        width: 100%;
        padding-left: 150px;
        padding-right: 150px;
    }
}
@media (min-width: 1500px){
    .container.wide {
        width: 100%;
        padding-left: 150px;
        padding-right: 150px;
    }
}
@media (max-width: 1024px){
    .home_head{
        font-size: 34px;
    }
    .home_detail h1{
        font-size: 28px;   
    }
    .home_detail h5{
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
        margin-top: 15px;
    }
    .btn_shop{
        margin-top: 15px;
    }
    .location_name{
        font-size: 26px;
    }
    .location_item {
        padding: 50px 5px 0px 5px;
    }
    .location_detail{
        font-size: 13px;
    }
    .location_item figcaption a{
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        background-size: contain;
        padding: 0 0 0 36px;
    }
    .head_about{
        font-size: 36px;
    }
}
@media (max-width: 991px){
    .wrap_filter{
        padding: 0;
    }
    .submenuactive{
        font-size: 14px;
    }
    .wrap_blog_item:nth-child(3n+1){
        clear: none;
    }
    .wrap_blog_item:nth-child(2n+1){
        clear: left;
    }
}
@media (max-width: 767px){
    .product_home{
        padding: 0px 5px;
    }
    section{
        padding-left: 0;
        padding-right: 0;
    }
    .home_pic{
        width: 50%;
        vertical-align: top;
        margin-bottom: 20px;
    }
    .home_detail{
        width: 50%;
        text-align: left;
        margin-bottom: 20px;
    }
    .home_detail h5{
        padding-left: 0px;
        padding-right: 10px;
        font-size: 11px;
        margin-top: 0px;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .home_detail h1{
        font-size: 16px;
        margin: 0 0 5px 0;
    }
    .btn_shop{
        margin-top: 0;
        padding: 3px 10px 2px 10px;
        font-size: 10px;
    }
    .home_detail:nth-child(2){
        text-align: right;
    }
    .home_detail:nth-child(2) h5{
            padding-left: 10px;
            padding-right: 0px;
    }
    .home_head{
        margin: 15px 0 0 0;
        font-size: 24px;
    }
    .pd-carousel.owl-theme .owl-dots{
        padding-top: 5px;
    }
    .product_home figure figcaption{
        position: static;
        display: block;
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
    }
    .link_hpd a{
        opacity: 1.0;
        margin: 0 5px;
        width: 25px;
        cursor: pointer;
        -webkit-animation: none ; 
    -moz-animation:    none ; 
    -o-animation:      none ; 
    animation:         none ; 
    }
    .link_hpd a:first-child{
        margin-left: 0;
    }
    .link_hpd a:last-child{
        margin-right: 0;
    }
    .link_hpd a img{
        max-width: 100%;
        height: auto;
        display: block;
    }
    .product_item .link_hpd{
        visibility: visible;
    }
    .product_item .link_hpd{
        position: static;
        display: block;
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
    }
    .product_item .link_hpd a{
        opacity: 1.0;
        margin: 0 5px;
        width: 25px;
    }
    .product_item .link_hpd a:first-child{
        margin-left: 0;
    }
    .product_item .link_hpd a:last-child{
        margin-right: 0;
    }
    .product_item .link_hpd a img{
        max-width: 100%;
        height: auto;
        display: block;
    }
    .product_home figure figcaption h1{
        padding: 0;
        line-height: 18px;
        height: 36px;
        font-size: 13px;
        margin-top: 5px;
    }
    .product_home figure figcaption a{
        font-size: 18px;
    }
    .brd-carousel{
        overflow: hidden;
    }
    .lookbook_home{
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .lookbook_home:nth-child(3){
        display: none;
    }
    .lookbook_home figure a{
        opacity: 1.0;
        background-color: transparent;
    }
    .lookbook_home figure figcaption{
        -ms-transform: translate( 0, 0);
        -webkit-transform: translate( 0, 0);
        transform: translate( 0, 0);
        top: 100%;
    }
    .lookbook_home figure figcaption h1{
        font-size: 13px;
        color: #000;
        padding: 0;
    }
    .lookbook_home figure figcaption h5{
        display: none;
    }
    .linkbrand{
        margin: 20px 5px;
    }
    .wrap_brandhome{
        padding: 0;
    }
    .detail_addcartpopup{
    width: 250px;
    }
    .detail_addcartpopup img{
        display: block;
        width: auto;
        height: 150px;
        margin: 0 auto;
    }
    .wrap_product_list{
        padding: 0;
        border: 0;
    }
    .location_item{
        padding: 40px 0px 0px 0px;
    }
    .detail_about{
        margin: 15px 0;
        font-size: 14px;
    }
    .detail_about:last-child{
        padding: 0 20px;
    }
    .head_about{
        font-size: 22px;
    }
    .review_item {
        padding: 40px 5px 0px 5px;
    }
    .brand_items:nth-child(2n+1){
        clear: left;
    }
    .lookbook_item{
        display: block;
        margin-left:-15px;
        margin-right:-15px;
    }
    .lookbook_pic{
        display: inline-block;
        width: 48%;
    }
    .lookbook_detail{
        display: inline-block;
        width: 50%;
        padding: 0 5px;
    }
    .head_lookbook{
        font-size: 14px;
        line-height: 20px;
    }
    .name_lookbok{
        font-size: 15px;
        line-height: 20px;
    }
    .detail_lb{
        display: none;
    }
    .btn_lb{
        font-size: 12px;
        padding: 5px 10px 5px 10px;
        background-image: none;
    }
    .page_num{
        margin-top: 15px;
    }
    .product_sort{
        text-align: left;
    }
    .list_check{
        display: inline-block;
    }
    .wrap_filter_list{
        display: none;
    }
    .head_filter{
        background-color: #333;
        line-height: 28px;
        color: #FFF;
        cursor: pointer;
        padding: 6px 15px 4px 15px;
        position: relative;
    }
    .head_filter::after{
        font-family: 'Glyphicons Halflings';
        content: "\e012";
        position: absolute;
        right: 10px;
        color: #FFF;
        top: 5px;
        font-weight: normal;
    }
    .productd_pic{
        padding: 0;
    }
    .wrap_productd_detail{
        padding: 0;
    }
    .elevatezoom-gallery{
        width: 60px;
    }
    .pd_price{
        font-size: 30px;
    }
    .btn_pdaddcart{
        padding: 8px 35px 8px 70px;
        background-position: 18px center;
    }
    .btn_pdaddcart:hover{
        -webkit-animation: none ; 
    -moz-animation:    none ; 
    -o-animation:      none ; 
    animation:         none ; 
    }
    .pd_tab_detail{
        padding: 15px 0;
    }
    .pd_tab{
        margin-top: 15px;
    }
    .pd_tab a{
        padding: 0 5px;
        font-size: 14px;
    }
    .pd_cart{
        padding: 0;
    }
    .price_cart{
        font-size: 18px;
        text-align: left;
    }
    .total_p_cart{
        font-size: 18px;
        text-align: left;
    }
    .head_price, .head_qty, .head_total{
        display: none;
    }
    .subtotalnumber{
        margin-top: 15px;
        font-size: 18px;
    }
    .btn_ctco a{
        font-size: 18px;
    }
    .pic_cart img{
        max-width: 180px;
        margin: 0 auto;
    }
}
@media (min-width: 768px){
    .brand_items:nth-child(3n+1){
        clear: left;
    }
    .wrap_filter_list{
        display: block !importnat;
    }
}
@media (min-width: 992px){
    .brand_items:nth-child(3n+1){
        clear: none;
    }
    .brand_items:nth-child(4n+1){
        clear: left;
    }
}