@charset "UTF-8";
/* CSS Document */

/** HEADER **/
#top{
        position: fixed;
        z-index: 99;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
        top: 0;
        left: 0;
        width: 100%;
}
body.unstick-header #top{
        position: relative;
}
.topbar{
        padding: 16px 0;
        position: relative;
        z-index: 4;
}
.topbar .rowflex{
        justify-content: space-between;
        align-items: center;
}
.topbar .lang{
        flex: 30%;
        position: relative;
}
.topbar .lang b{
        display: inline-block;
        position: relative;
        vertical-align: middle;
        padding: 0 30px 0 0;
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        color: #192F28;
}
.topbar .lang b:after{
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/arrow-lang.svg);
        right: 0;
        top: -4px;
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.topbar .lang.active b:after{
        transform: rotate(180deg);
}
.topbar .lang ul{
        display: block;
        position: absolute;
        width: 100px;
        background: #fff;
        margin: 8px 0 0;
        border-radius: 2px;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
        padding: 12px;
        left: -12px;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.topbar .lang.active ul{
        opacity: 1;
        visibility: visible;
        margin: 5px 0 0;
}
.topbar .lang ul li{
        display: block;
        margin: 12px 0 0;
        padding: 12px 0 0;
        border-top: 1px solid #E9E8E6;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0.28px;
}
.topbar .lang ul li a{
        color: #757D80;
        transition:color 0.2s ease-in;
}
.topbar .lang ul li a:hover{
        color: #192F28;
}
.topbar .lang ul li span{
        color: #192F28;
        font-weight: 700;
}
.topbar .lang ul li:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
.topbar .logo{
        flex: 40%;
        text-align: center;
}
.topbar .util{
        flex: 30%;
        text-align: right;
}
.topbar .util > *{
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
}
.topbar .util > *:last-child{
        margin-right: 0;
}
.topbar .util > * > a{
        display: block;
        width: 20px;
        height: 20px;
        position: relative;
}
.topbar .util > * > a em{
        display: block;
        position: absolute;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #FF4802;
        text-align: center;
        line-height: 17px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        right: -6px;
        bottom: -6px;
}
.topbar .util .sch a{
        background-image: url(../img/icon/search.svg);
}
.white-head .topbar .util .sch a{
        background-image: url(../img/icon/search-white.svg);
}
.topbar .util .wsh a{
        background-image: url(../img/icon/heart.svg);
}
.white-head .topbar .util .wsh a{
        background-image: url(../img/icon/heart-white.svg);
}
.topbar .util .bag a{
        background-image: url(../img/icon/bag.svg);
}
.white-head .topbar .util .bag a{
        background-image: url(../img/icon/bag-white.svg);
}
.topbar .util .prf a{
        background-image: url(../img/icon/user.svg);
}
.white-head .topbar .util .prf a{
        background-image: url(../img/icon/user-white.svg);
}
.midbar{
        padding: 0 0 20px;
        position: relative;
        z-index: 3;
}
.mainmenu{
        text-align: center;
}
.mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 38px;
        position: relative;
}
.mainmenu li a{
        color: #757D80;
        font-size: 14px;
        transition:color 0.2s ease-in;
}
.mainmenu li.current-menu-item > a,
.mainmenu li a:hover{
        color: #192F28;
}
.mainmenu li.current-menu-item > a{
        font-weight: 700;
}
.mainmenu li ul{
        display: block;
        position: absolute;
        border-radius: 2px;
        border: 1px solid #E9E8E6;
        background: #fff;
        box-shadow: 0px 2px 6px 0px rgba(116, 38, 115, 0.08);
        left: 0;
        width: 160px;
        text-align: left;
        margin: 25px 0 0;
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.mainmenu li:hover ul{
        opacity: 1;
        visibility: visible;
        margin: 20px 0 0;
}
.mainmenu li ul:before{
        display: block;
        position: absolute;
        left: 0;
        top: -20px;
        height: 30px;
        width: 100%;
        content: '';
}
.mainmenu li ul li{
        margin: 12px 0 0;
        padding: 12px 0 0;
        display: block;
        border-top: 1px solid #E9E8E6;
}
.mainmenu li ul li:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
.mainmenu li ul li a{
        color: #192F28;
        transition:color 0.2s ease-in;
        display: inline-block;
}
.mainmenu li ul li a:hover{
        color: #CDA55C;
}
.mainmenu li.menu-item-has-children > b{
        display: none;
}
.botbar{
        position: relative;
        background: #0E211B;
        text-align: center;
        padding: 12px 0;
}
.botbar .format-text{
        color: #fff;
        font-size: 14px;
}
.inner-search .hentry form i,
.botbar .cls{
        display: block;
        position: absolute;
        right: 16px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/cls.svg);
}
#body{
        padding-top: 126px;
}
body.has-botbar #body{
        padding-top: 172px;
}
body.unstick-header #body{
        padding: 0 !important;
}
/** FOOTER **/
#bottom{
        background: #192F28;
        position: relative;
        color: #fff;
        font-size: 14px;
        overflow: hidden;
}
#bottom .orn{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .6;
}
#bottom .subs{
        background: #3E5646;
        padding: 50px 0;
}
#bottom .subs .rowflex{
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 3;
}
#bottom .subs .caption{
        flex: 46.4%;
        max-width: 46.4%;
}
#bottom .subs .submis{
        flex: 45.7%;
        max-width: 45.7%;
}
#bottom .subs h2{
        color: #CDA55C;
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 130%;
        margin: 0 0 20px;
}
#bottom .subs .txt{
        line-height: 170%;
}
.subs input{
        float: left;
        width: calc(100% - 145px) !important;
        height: 48px !important;
}
.subs .button{
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        float: right;
        padding: 0 27px;
}
.subs .form-basic form > *{
        margin: 0;
}
.footer-widget {
        padding: 60px 0 50px;
}
.footer-widget .rowflex{
        justify-content: space-between;
        position: relative;
        z-index: 3;
}
.footer-widget .widget{
        flex: 18%;
        max-width: 18%;
}
.footer-widget .widget.widget-about{
        flex: 35%;
        max-width: 35%;
}
.widget-about .txt{
        color: #8C9793;
        line-height: 170%;
        max-width: 350px;
        margin: 25px 0 0;
}
.footer-widget h3{
        color: #CDA55C;
        font-size: 16px;
        font-family: 'TAN - Angleton';
        line-height: 130%;
        margin: 0 0 20px;
}
.widget li{
        display: block;
        line-height: 150%;
        margin: 12px 0 0;
}
.widget li:first-child{
        margin: 0;
}
.widget li a{
        color: #fff;
        opacity: .5;
        transition:all 0.2s ease-in;
}
.widget li a:hover{
        color: #CDA55C;
        opacity: 1;
}
.social a,
.widget-social a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 12px 10px 0;
        opacity: 1;
        transition:opacity 0.2s ease-in;
        width: 38px;
        height: 38px;
}
.widget-social a:hover{
        opacity: .7;
}
.social a.fb,
.widget-social a.fb{
        background-image: url(../img/icon/fb.svg);
}
.social a.tw,
.widget-social a.tw{
        background-image: url(../img/icon/tw.svg);
}
.social a.ig,
.widget-social a.ig{
        background-image: url(../img/icon/ig.svg);
}
.social a.yb,
.widget-social a.yb{
        background-image: url(../img/icon/yb.svg);
}
.social a{
        filter: brightness(0%);
        opacity: .8;
}
.social a:hover{
        opacity: .5;
}
.tribute{
        padding: 0 0 40px;
}
.tribute .wrapper{
        position: relative;
        z-index: 3;
        font-size: 12px;
}
.tribute .border{
        background: #85766B;
        opacity: .2;
        width: 100%;
        height: 1px;
        margin:  0 0 40px;
}
.tribute ul{
        float: right;
}
.tribute ul li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 45px;
}
.tribute ul li a{
        color: rgba(255,255,255,.5);
}
.tribute .copy{
        float: left;
        color: rgba(255,255,255,.5);
        letter-spacing: 0.012px;
}
.tribute .copy a{
        color: #fff;
}
.tribute ul li a:hover,
.tribute .copy a:hover{
        text-decoration: underline;
}
/** INNER PAGE **/
.inner-page{
        padding: 0 0 120px;
}
.inner-page .content .wrapper{
        max-width: 800px;
}
/** INNER CONTACT **/
.inner-contact{
        padding: 80px 0 120px;
}
.inner-contact .hentry{
        text-align: center;
        margin: 0 0 80px;
}
.inner-contact .insta h2,
.inner-contact .hentry h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 160%;
}
.inner-contact .hentry .format-text{
        font-size: 14px;
        margin: 15px 0 0;
        line-height: 180%;
}
.inner-contact .appr .rowflex{
        justify-content: space-between;
        align-items: flex-start;
}
.inner-contact .appr .info{
        flex: 48.8%;
        max-width: 48.8%;
        color: #565F62;
        font-size: 18px;
        line-height: 155%;
}
.inner-contact .appr .info > *:not(:first-child){
        margin: 30px 0 0;
}
.inner-contact .appr .info > p:not(:first-child){
        padding-bottom: 25px;
        border-bottom: 1px solid #E9E8E6;
        margin: 15px 0 0;
}
.inner-contact .appr .info > p a{
        color: #565F62;
}
.inner-contact .appr .info > p a:hover{
        text-decoration: underline;
}
.inner-contact .appr .info h3{
        font-weight: 700;
        color: #CDA55C;
        font-size: 20px;
}
.inner-contact .appr .submis{
        flex: 45.7%;
        max-width: 45.7%;
        position: relative;
        padding: 0 60px 60px 0;
}
.inner-contact .appr .submis:before{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        z-index: 1;
        content: '';
        background: #3E5646;
}
.inner-contact .submis .layer{
        background: #fff;
        position: relative;
        z-index: 2;
        border: 1px solid #E9E8E6;
        padding: 45px;
}

.inner-contact .submis h2{
        color: #3E5646;
        font-size: 24px;
        line-height: 130%;
        margin: 0 0 40px;
        font-family: 'TAN - Angleton';
        text-align: center;
}
.inner-contact .submis input{
        height: 48px !important;
}
.inner-contact .submis .wa:before{
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        position: relative;
        background-image: url(../img/icon/wa.svg);
        margin-right: 14px;
        top: -1px;
}
.inner-contact .insta{
        margin: 75px 0 0;
}
.inner-contact .insta h2{
        margin: 0 0 45px;
        font-size: 32px;
        text-align: center;
}
.inner-contact .insta .rowflex{
        margin: 0 -7px;
}
.inner-contact .insta a{
        position: relative;
        flex: calc(20% - 14px);
        max-width: calc(20% - 14px);
        display: block;
        overflow: hidden;
        margin: 0 7px;
}
.inner-contact .insta a:before{
        display: block;
	position: absolute;
	left: 0;
	top:100%;
	width: 100%;
	height: 100%;
	z-index: 2;
	content: '';
	background: #0F1A1E;
	opacity: .4;
	transition:top 0.4s ease;
}
.inner-contact .insta a:hover:before{
	top: 0;
}
.inner-contact .insta a img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-contact .insta a span{
	display: block;
	position: absolute;
	left: 0;
	top: 60%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	z-index: 3;
	transition:all 0.4s ease;
	opacity: 0;
}
.inner-contact .insta a span i{
        display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background-image: url(../img/icon/ig-hollow.svg);
}
.inner-contact .insta a:hover span{
	opacity: 1;
	top: 50%;
}
/** INNER NEWS **/
.inner-promo,
.inner-news{
        padding: 80px 0 120px;
}
.inner-shop .hentry,
.inner-search .hentry,
.inner-promo .hentry,
.inner-news .hentry{
        text-align: center;
        margin: 0 0 60px;
}
.inner-shop .hentry h2,
.inner-search .hentry h2,
.inner-promo .hentry h2,
.inner-news .hentry h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 160%;
        margin: 0 0 15px;
}
.inner-shop .hentry .format-text,
.inner-search .hentry .format-text,
.inner-promo .hentry .format-text,
.inner-news .hentry .format-text{
        font-size: 14px;
}
.inner-shop .hentry .form-basic,
.inner-search .hentry .form-basic,
.inner-news .hentry .form-basic{
        max-width: 800px;
        margin: 50px auto 0;
}
.inner-shop .hentry .form-basic form > *,
.inner-search .hentry .form-basic form > *,
.inner-news .hentry .form-basic form > *{
        display: inline-block;
        vertical-align: middle;
        margin: 0 !important;
}
.inner-shop .hentry .form-basic input,
.inner-search .hentry .form-basic input,
.inner-news .hentry .form-basic input{
        height: 48px;
        float: left;
        width: calc(100% - 113px);
}
.inner-shop .hentry .form-basic .button,
.inner-search .hentry .form-basic .button,
.inner-news .hentry .form-basic .button{
        float: right;
        width: 105px;
}
.inner-promo .filter,
.inner-news .filter{
        margin: 0 0 25px;
}
.inner-news .filter h2{
        float: left;
        font-weight: 700;
        font-size: 24px;
        position: relative;
        top: 10px;
}

.inner-news .filter .dropselect{
        float: right;
        width: 200px;
}
.inner-shop .filter .sort .dropselect strong,
.inner-promo .filter .dropselect strong,
.inner-news .filter .dropselect strong{
        height: 48px;
        line-height: 48px;
}
.detail-news .related .rowflex,
.inner-news .list .rowflex{
        margin: 0 -12px;
}
.detail-news .related .news-item,
.inner-news .list .news-item{
        flex: calc(33.3333333333333333333% - 24px);
        max-width: calc(33.3333333333333333333% - 24px);
        margin: 0 12px 50px;
}
.detail-news{
        padding: 40px 0 120px;
}
.detail-news .content .hentry{
        margin: 0 0 50px;
        text-align: center;
}
.detail-news .content .hentry span{
        display: block;
        text-align: center;
        font-size: 12px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        margin: 0 0 30px;
        color: rgba(25, 47, 40, .7);
}
.detail-news .related h2,
.detail-news .content .hentry h1{
        font-family: 'TAN - Angleton';
        font-size: 24px;
        line-height: 130%;
}
.detail-news .content .hentry figure{
        display: block;
        margin: 50px 0 0;
}
.detail-news .content .hentry figure img{
        width: 100%;
}
.detail-news .content .format-text{
        font-family: 'Roboto';
        max-width: 730px;
        margin: 0 auto;
}
.detail-news .content .share{
        margin: 55px 0 0;
        padding: 55px 0;
        border-top: 1px solid #EBEDEE;
        border-bottom: 1px solid #EBEDEE;
        text-align: center;
}
.detail-news .content .share a{
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
        margin: 0 15px;
        position: relative;
}
.detail-news .content .share a:hover{
        opacity: .7;
}
.detail-news .content .share a.mr{
        background-image: url(../img/icon/sh-more.svg);
        width: 17px;
        height: 17px;
}
.detail-news .content .share a.fb{
        background-image: url(../img/icon/sh-fb.svg);
}
.detail-news .content .share a.in{
        background-image: url(../img/icon/sh-in.svg);
}
.detail-news .content .share a.ig{
        background-image: url(../img/icon/sh-ig.svg);
        top: 2px;
}
.detail-news .related{
        margin: 60px 0 0;
}
.detail-news .related h2{
        font-size: 32px;
        margin: 0 0 30px;
}
/** INNER ABOUT **/
.inner-about{
        padding: 80px 0 120px;
}
.inner-about .intro{
        text-align: center;        
}
.inner-about .intro:not(:first-child){
        margin-top: 80px;
}
.inner-about .intro h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 120%;
}
.inner-about .intro .format-text{
        font-size: 14px;
        margin: 20px 0 0;
}
.inner-about .intro .video{
        margin: 50px 0 0;
}
.inner-home .about .video a,
.inner-about .intro .video a{
        display: block;
        position: relative;
}
.inner-home .about .video a:after,
.inner-about .intro .video a:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1e1e+0,1e1e1e+100&0.4+0,0+100 */
        background: linear-gradient(to bottom,  rgba(30,30,30,0.4) 0%,rgba(30,30,30,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */        
}
.inner-home .about .video b,
.inner-about .intro .video b{
        display: block;
        position: absolute;
        left: 0;
        top: 30px;
        text-align: center;
        width: 100%;
        z-index: 3;
}
.inner-home .about .video span,
.inner-about .intro .video span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
        z-index: 3;
}
.inner-home .about .video i,
.inner-about .intro .video i{
        display: inline-block;
        width: 81px;
        height: 54px;
        background-image: url(../img/icon/play.svg);
}
.inner-about .copy{
        margin: 100px 0 0;
}
.inner-about .copy .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-about .copy .slider{
        flex: 46.6%;
        max-width: 46.6%;
        padding: 0 60px 60px 0;
        position: relative;
}
.inner-about .copy .slider:after{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        content: '';
        background: #3E5646;
        z-index: 1;
}
.inner-about .copy .slider > *{
        position: relative;
        z-index: 2;
}
.inner-about .copy .caption{
        flex: 46.1%;
        max-width: 46.1%;
}
.inner-about .sink h2,
.inner-home .list h2,
.inner-about .market .hentry h2,
.inner-about .vismis h2,
.inner-about .list h2,
.inner-about .copy  h2{
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 130%;
        margin: 0 0 20px;
}
.inner-about .copy .format-text{
        color: #606165;
        font-size: 14px;
        line-height: 200%;
        max-width: 465px;
}
.inner-about .copy .format-text > *:not(:first-child){
        margin: 20px 0 0;
}
.inner-about .copy .format-text ul{
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
}
.inner-about .copy .format-text ul li{
        position: relative;
        flex: 50%;
        max-width: 50%;
        padding: 0 0 10px 28px;
        color: #3E5646;
        font-size: 18px;
        font-family: 'TAN - Angleton';
}
.inner-about .copy .format-text ul li:before{
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 16px;
        height: 17px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/check-about.svg);
        content: '';
}
.inner-scen .about .format-text blockquote,
.inner-about .copy .format-text blockquote{
        padding: 0;
        background: none;
        color: #3E5646;
        font-style: italic;
        font-size: 24px;
        text-align: left;
        position: relative;
}
.inner-scen .proc .quote .txt:after,
.inner-scen .about .format-text blockquote:after,
.inner-about .copy .format-text blockquote:after{
        display: inline-block;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 88px;
        height: 88px;
        background-image: url(../img/icon/quote.svg);
        content: '';
        top: 70%;
        -ms-transform: translateY(-70%);
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
        z-index: -1;
        margin-left: -10px;
}
.inner-about .sink,
.inner-home .list .item,
.inner-about .list .item{
        margin: 100px 0 0;
}
.inner-about .sink,
.inner-home .list .item:nth-child(even),
.inner-about .list .item:nth-child(even){
        background: #3E5646;
        position: relative;
        overflow: hidden;
}
.inner-about .sink > img,
.inner-home .list .item:nth-child(even) > img,
.inner-about .list .item:nth-child(even) > img{
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: 100%;
        z-index: 1;
        opacity: .1;
}
.inner-home .list .item:nth-child(even) > img{
        right: auto;
        left: 0;
        opacity: 1;
}
.inner-about .sink .rowflex,
.inner-home .list .rowflex,
.inner-about .list .rowflex{
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 2;
}
.inner-about .sink .wrapper,
.inner-home .list .item:nth-child(even) .wrapper,
.inner-about .list .item:nth-child(even) .wrapper{
        max-width: none;
}
.inner-about .sink figure,
.inner-home .list figure,
.inner-about .list figure{
        flex: 50%;
        max-width: 50%;
        order: 2;
}
.inner-about .sink figure img,
.inner-home .list figure img,
.inner-about .list figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-about .sink figure,
.inner-home .list .item:nth-child(even) figure,
.inner-about .list .item:nth-child(even) figure{
        order: 1;
        flex: 50%;
        max-width: 50%;
}
.inner-home .list .item:nth-child(even) figure{
        order: 2;
}
.inner-about .sink .caption,
.inner-about .list .caption{
        flex: 41.1%;
        max-width: 41.1%;
        order: 1;
}
.inner-home .list .caption{
        flex: 45%;
        max-width: 45%;
        order: 2;
}
.inner-about .sink .caption,
.inner-home .list .item:nth-child(even) .caption,
.inner-about .list .item:nth-child(even) .caption{
        order: 2;
        flex: 50%;
        max-width: 50%;
        padding: 20px 0 20px 90px;
}
.inner-home .list .item:nth-child(even) .caption{
        order: 1;
        padding: 20px 90px 20px 0;
        text-align: right;
}
.inner-home .list .item:nth-child(even) .caption .pusher{
        text-align: left;
        display: inline-block;
}
.inner-about .sink .pusher{
        max-width: 520px;
}
.inner-home .list .item:nth-child(even) .pusher,
.inner-about .list .item:nth-child(even) .pusher{
        max-width: 470px;
}
.inner-about .sink .caption img{
        display: inline-block;
        margin: 0 0 25px;
}
.inner-about .sink h2,
.inner-home .list .item h2,
.inner-about .list .item h2{
        line-height: 185%;
}
.inner-about .sink h2{
        color: #fff;
}
.inner-home .list .item:nth-child(even) h2,
.inner-about .list .item:nth-child(even) h2{
        color: #CDA55C;
}
.inner-about .sink .format-text,
.inner-home .list .format-text,
.inner-about .list .format-text{
        color: #62686A;
        font-size: 14px;
        line-height: 185%;
        max-width: 465px;
}
.inner-about .sink .format-text,
.inner-home .list .item:nth-child(even) .format-text,
.inner-about .list .item:nth-child(even) .format-text{
        color: #fff;
}
.inner-about .sink .button,
.inner-home .list .button,
.inner-about .list .button{
        width: 140px;
        margin: 30px 0 0;
}
.inner-about .vismis{
        margin: 70px 0 0;        
}
.inner-about .vismis .rowflex{
        justify-content: space-between;
}
.inner-about .vismis h2{
        margin: 0;
        flex: 30%;
        max-width: 30%;
}
.inner-about .vismis .caption{
        flex: 67%;
        max-width: 67%;
}
.inner-about .vismis .format-text{
        color: #565F62;
        line-height: 175%;
}
.inner-about .vismis .format-text h3{
        color: #CDA55C;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1.68px;
        text-transform: uppercase;
        position: relative;
}
.inner-about .vismis .format-text h3:before{
        display: block;
        position: absolute;
        left: -12px;
        top: 1px;
        content: '';
        width: 1px;
        background: #CDA55C;
        height: 16px;
}
.inner-about .vismis .format-text ul{
        list-style: none;
        padding: 0;
}
.inner-about .vismis .format-text ul li{
        display: block;
        position: relative;
        padding: 0 0 10px 32px;
}
.inner-about .vismis .format-text ul li:before{
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #889D8F;
        background: #889D8F;
        box-shadow: inset 0px 0 0 2px #fff;
        content: '';
}
.inner-about .market{
        margin: 100px 0 0;
        padding: 70px 0 0;
        background: linear-gradient(to bottom,  rgba(25,47,40,0.08) 0%,rgba(25,47,40,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner-about .market .hentry{
        text-align: center;
        margin: 0 0 90px;
}
.inner-about .market .hentry .format-text{
        font-size: 14px;
        color: #62686A;
}
.inner-about .market .map{
        margin: 0 0 40px;
}
.inner-about .market .loc{
        margin: 0 -16px;
}
.inner-about .market .loc .item{
        flex: calc(33.33333333333333333% - 32px);
        max-width: calc(33.33333333333333333% - 32px);
        margin: 0 16px 32px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #E9E8E6;
        box-shadow: 0px 2px 12px 0px rgba(15, 26, 30, 0.06);
        padding: 24px;
}
.inner-about .market .loc h3{
        color: #CDA55C;
        letter-spacing: 1.92px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 12px;
}
.inner-about .market .loc span{
        display: block;
        color: #3E5646;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 16px;
}
.inner-about .market .loc .txt{
        color: #565F62;
        font-size: 14px;
        line-height: 170%;
}
.inner-about .market .loc .txt a{
        color: #565F62;
}
.inner-about .market .loc .txt a:hover{
        text-decoration: underline;
}
.inner-about .market .loc .txt a b{
        color: #889D8F;
        font-weight: 700;
}
.inner-about .cert{
        margin: 90px 0 0;
}
.detail-product .related-product .hentry,
.inner-home .prods .hentry,
.inner-about .prods .hentry,
.inner-about .cert .hentry{
        margin: 0 0 40px;
}
.detail-product .related-product .hentry h2,
.inner-home .prods .hentry h2,
.inner-about .prods .hentry h2,
.inner-about .cert .hentry h2{
        float: left;
        font-family: 'TAN - Angleton';
        font-size: 32px;
}
.detail-product .related-product .hentry .txt,
.inner-home .prods .hentry .txt,
.inner-about .prods .hentry .txt,
.inner-about .cert .hentry .txt{
        float: right;
        color: #62686A;
        font-size: 14px;
        line-height: 170%;
        max-width: 375px;
        text-align: right;
}
.detail-product .related-product .slider,
.inner-home .prods .slider,
.inner-scen .aroma .slider,
.inner-about .prods .slider,
.inner-about .cert .slider{
        position: relative;
}
.detail-product .related-product .product-item,
.inner-home .prods .product-item,
.inner-about .prods .product-item,
.inner-about .cert .item{
        margin: 0 16px;
}
.inner-about .cert .item h3{
        margin: 16px 0 8px;
        color: #0F1A1E;
        font-weight: 700;
        font-size: 14px;
}
.inner-about .cert .item span{
        display: block;
        line-height: 100%;
        color: #848E91;
        font-size: 14px;
}
.detail-product .related-product .slick-list,
.inner-home .prods .slick-list,
.inner-about .prods .slick-list,
.inner-about .cert .slick-list{
        margin: 0 -16px;
}
.detail-product .related-product .slick-track,
.inner-home .prods .slick-track,
.inner-about .prods .slick-track,
.inner-about .cert .slick-track{
        min-width: 100%;        
}
.detail-product .related-product .slidenav,
.inner-home .prods .slidenav,
.inner-home .collect .slidenav,
.inner-scen .aroma .slidenav,
.inner-about .prods .slidenav,
.inner-about .cert .slidenav{
        position: absolute;
        left: -50px;
        top: 40%;
        -ms-transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
        height: 0;
        width: calc(100% + 100px);
}
.inner-home .collect .slidenav{
        top: 35%;
        -ms-transform: translateY(-35%);
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
}
.inner-scen .aroma .slidenav{
        width: 100%;
        padding: 0 30px;
        left: 0;
        top: 45%;
        -ms-transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
}
.detail-product .related-product .slidenav a,
.inner-home .prods .slidenav a,
.inner-home .collect .slidenav a,
.inner-scen .aroma .slidenav a,
.inner-about .prods .slidenav a,
.inner-about .cert .slidenav a{
        display: block;
        width: 40px;
        height: 40px;
        opacity: 1;
        transition:all 0.2s ease-in;
        background-color: rgba(205, 165, 92, 0);
        filter: brightness(0) ;
}
.detail-product .related-product .slidenav a:hover,
.inner-home .prods .slidenav a:hover,
.inner-home .collect .slidenav a:hover,
.inner-scen .aroma .slidenav a:hover,
.inner-about .prods .slidenav a:hover,
.inner-about .cert .slidenav a:hover{
        background-color: rgba(205, 165, 92, 1);
        filter: none;
}
.detail-product .related-product .slidenav a.prev,
.inner-home .prods .slidenav a.prev,
.inner-home .collect .slidenav a.prev,
.inner-scen .aroma .slidenav a.prev,
.inner-about .prods .slidenav a.prev,
.inner-about .cert .slidenav a.prev{
        background-image: url(../img/icon/arrow-caro-left.svg);
        float: left;
}
.detail-product .related-product .slidenav a.next,
.inner-home .prods .slidenav a.next,
.inner-home .collect .slidenav a.next,
.inner-scen .aroma .slidenav a.next,
.inner-about .prods .slidenav a.next,
.inner-about .cert .slidenav a.next{
        background-image: url(../img/icon/arrow-caro-right.svg);
        float: right;
}
.inner-home .prods,
.inner-about .prods{
        margin: 100px 0 0;
}
.inner-home .prods .slick-dots,
.inner-about .prods .slick-dots{
        margin: 50px 0 0;
}
.inner-promo .filter .dropselect{
        width: 200px;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
}
.inner-promo .filter{
        text-align: right;
}
.inner-promo .filter b{
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        margin: 0 15px 0 0;
}
.inner-shop .list .rowflex,
.inner-promo .list .rowflex{
        margin: 0 -16px;
}
.inner-shop .list .product-item,
.inner-promo .list .product-item{
        flex: calc(25% - 32px);
        max-width: calc(25% - 32px);
        margin: 0 16px 44px;
}
/** INNER SCEN **/
.inner-scen{
        padding: 80px 0 120px;
}
.inner-scen .intro{
        text-align: center;
}
.inner-scen .intro h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 140%;
}
.inner-scen .intro .format-text{
        font-size: 14px;
        margin: 15px 0 0;
}
.inner-scen .about{
        margin: 90px 0 0;
}
.inner-scen .about .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-scen .about figure{
        order: 2;
        flex: 46.6%;
        max-width: 46.6%;
        position: relative;
        padding: 0 60px 60px 0;
}
.inner-scen .about figure:before{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: calc(100% - 80px);
        height: calc(100% - 80px);
        content: '';
        background: #3E5646;
}
.inner-scen .about figure img{
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
}
.inner-scen .about .caption{
        flex: 39.2%;
        max-width: 39.2%;
        order: 1;
}
.inner-scen .reason .hentry h2,
.inner-scen .about h2{
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 130%;
}
.inner-scen .about .format-text{
        color: #606165;
        font-size: 14px;
        line-height: 200%;
        margin: 20px 0 0;
}
.inner-scen .reason{
        margin: 90px 0 0;
}
.inner-scen .reason .border{
        height: 1px;
        background: #D5DADC;
        width: 100%;
        margin: 0 0 80px;
}
.inner-scen .reason .hentry {
        margin: 0 0 60px;
}
.inner-scen .reason .hentry h2{
        float: left;
        position: relative;
        top: 10px;
}
.inner-scen .reason .hentry .txt{
        float: right;
        width: 100%;
        max-width: 560px;
        background: #3E5646;
        border-radius: 110px 0;
        padding: 11px 50px 10px;
        color: #fff;
        font-size: 14px;
        line-height: 140%;
}
.inner-scen .reason .rowflex{
        margin: 0 -22px;
}
.inner-scen .reason .item{
        flex: calc(20% - 44px);
        max-width: calc(20% - 44px);
        margin: 0 22px 70px;
}
.inner-scen .reason .item figure{
        margin: 0 0 20px;
}
.inner-scen .reason .item h3{
        color: #565F62;
        font-size: 14px;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 15px;
}
.inner-scen .reason .item .format-text{
        font-size: 14px;
        color: #565F62;
        line-height: 175%;
}
.inner-scen .reason .quote .txt{
        float: left;
        width: 51%;
        color: #3E5646;
        font-size: 18px;
        font-style: italic;
        line-height: 180%;
}
.inner-scen .reason .quote strong{
        float: right;
        color: #606165;
        font-weight: 700;
        font-style: italic;
        font-size: 16px;
        position: relative;
        top: 10px;
}
.inner-scen .reason .caption{
        margin: 55px 0 0;
}
.inner-scen .reason .caption .format-text{
        font-size: 14px;
        line-height: 200%;
        color: #606165;
}
.inner-scen .aroma{
        padding: 90px 0;
        margin: 90px 0 0;
        background: rgba(25, 47, 40, 0.05);
}
.inner-home .partner .hentry,
.inner-scen .partner .hentry,
.inner-scen .prods .hentry,
.inner-scen .aroma .hentry{
        text-align: center;
        margin: 0 0 50px;
}
.inner-home .partner .hentry h2,
.inner-scen .partner .hentry h2,
.inner-scen .prods .hentry h2,
.inner-scen .aroma .hentry h2{
        font-size: 32px;
        line-height: 130%;
        font-family: 'TAN - Angleton';
}
.inner-home .partner .hentry .format-text,
.inner-scen .partner .hentry .format-text,
.inner-scen .prods .hentry .format-text,
.inner-scen .aroma .hentry .format-text{
        color: #62686A;
        font-size: 14px;
        line-height: 170%;
        margin: 15px 0 0;
}
.inner-scen .aroma .item .rowflex{
        justify-content: space-between;
        max-width: 960px;
        margin: 0 auto;
}
.inner-scen .aroma .item figure{
        flex: 26%;
        max-width: 26%;
}
.inner-scen .aroma .item figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-scen .aroma .item .caption{
        flex: 72.9%;
        max-width: 72.9%;
        padding: 40px 32px;
        background: #3E5646;
        color: #fff;
}
.inner-scen .aroma .item .format-text h3{
        color: #fff;
        font-size: 16px;
}
.inner-scen .aroma .item .format-text hr{
        border-color: #889D8F;
}
.inner-scen .aroma .item .format-text{
        font-size: 14px;
}
.inner-scen .aroma .item .format-text ul{
        list-style: none;
        padding: 0;
}
.inner-scen .aroma .item .format-text ul li{
        display: flex;
        flex-wrap: wrap;
}
.inner-scen .aroma .item .format-text ul em{
        flex: 120px;
        max-width: 120px;
        font-style: normal;
}
.inner-scen .aroma .item li > i{
        flex: 2px;
        max-width: 2px;
        margin: 0 25px;
        font-style: normal;
}
.inner-scen .aroma .item .format-text ul strong{
        font-weight: 400;
        flex: calc(100% - 180px);
        max-width: calc(100% - 180px);
}
.inner-scen .work{
        margin: 100px 0 0;
}
.inner-scen .work .rowflex{
        justify-content: space-between;
}
.inner-scen .work figure{
        flex: 26.5%;
        max-width: 26.5%;
}
.inner-scen .work .caption{
        flex: 73%;
        max-width: 73%;
}
.inner-scen .work .caption .format-text{
        max-width: 770px;
}
.inner-scen .work h2{
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 190%;
        margin: 0 0 55px;
}
.inner-scen .work .item{
        position: relative;
        padding: 0 0 0 60px;
        margin: 30px 0 0;
}
.inner-scen .work .item:first-child{
        margin: 0;
}
.inner-scen .work .item b{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        box-shadow: inset 0px 0 0 5px #fff;
        border: 1px solid red;
}
.inner-scen .proc  .list ul li b:after,
.inner-scen .work .item b i{
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/check.svg);
        left: 8px;
        top: 8px;
}
.inner-scen .work .item h3{
        color: #565F62;
        font-weight: 700;
        font-size: 14px;
        line-height: 175%;
        margin: 0 0 10px;
}
.inner-scen .work .item .format-text{
        color: #565F62;
        font-size: 14px;
        max-width: 770px;
        line-height: 180%;
}
.inner-scen .loc{
        margin: 100px 0 0;
        padding: 100px 0 120px;
        background: rgba(25, 47, 40, 0.05);
        overflow: hidden;
}
.inner-scen .loc h2{
        text-align: center;
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 180%;
        margin: 0 0 45px;
}
.inner-scen .loc .rowflex{
        margin: 0 -5px;
}
.inner-scen .loc .item{
        flex: calc(25% - 10px);
        max-width: calc(25% - 10px);
        margin: 0 5px 10px;
}
.inner-scen .loc .item figure a{
        position: relative;
        display: block;
        position: relative;
}
.inner-scen .loc .item figure a:after{
        z-index: 1;
        height: 40%;
        bottom: 0;
        left: 0;
        width: 100%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        content: '';
        display: block;
        position: absolute;
}
.inner-scen .loc .item figure figcaption{
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        color: #fff;
        padding: 0 24px 24px;
        font-weight: 700;
        font-size: 14px;
}
.inner-scen .proc{
        margin: 100px 0 0;
}
.inner-scen .proc .hentry {
        margin: 0 0 45px;
}
.inner-scen .proc h2{
        float: left;
        font-family: 'TAN - Angleton';
        font-size: 32px;
}
.inner-scen .proc .hentry .txt{
        float: right;
        color: #62686A;
        font-size: 14px;
        text-align: right;
        width: 50%;
        line-height: 170%;
        position: relative;
        top: 10px;
}
.inner-scen .proc .quote .txt:after{
        right: -40px;
        top: -40px;
        -ms-transform: translateY(00%);
        -webkit-transform: translateY(00%);
        transform: translateY(00%);
}
.inner-scen .proc  .list ul{
        display: flex;
        flex-wrap : wrap;
}
.inner-scen .proc  .list ul li{
        position: relative;
        flex: 16.66666666666667%;
        max-width: 16.66666666666667%;
        color: #565F62;
        font-weight: 700;
        font-size: 14px;
}
.inner-scen .proc .list ul li:after{
        display: block;
        position: absolute;
        right: 12px;
        top: 15px;
        width: calc(100% - 55px);
        height: 1px;
        border-top: 1px dashed #3E5646;
        content: '';
}
.inner-scen .proc .list ul li:last-child:after{
        display: none;
}
.inner-scen .proc  .list ul li b{
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #889D8F;
        border: 1px solid #889D8F;
        box-shadow: inset 0 0 0 5px #fff;
        margin: 0 0 20px;
}
.inner-scen .proc  .list ul li b:after{
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        content: '';
        left: 8px;
        top: 8px;
}
.inner-scen .proc .quote{
        margin: 50px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
}
.inner-scen .proc .quote .caption{
        flex: calc(100% - 150px);
        max-width: calc(100% - 150px);
}
.inner-scen .proc .quote h3{
        color: #565F62;
        font-weight: 700;
        font-size: 14px;
}
.inner-scen .proc .quote .txt{
        color: #3E5646;
        font-size: 18px;
        font-style: italic;
        line-height: 170%;
        max-width: 540px;
        margin: 10px 0 0;
        position: relative;
        display: inline-block;
}
.inner-scen .proc .quote .button{
        flex: 140px;
        max-width: 140px;
        padding: 0 5px;
}
.inner-scen .prods{
        margin: 75px 0 0;
        padding: 80px 0 100px;
        background: rgba(25, 47, 40, 0.05);
}
.inner-scen .prods .hentry .format-text{
        margin: 30px 0 0;
}
.inner-home .partner .nav,
.inner-scen .partner .nav,
.inner-scen .prods .nav{
        text-align: center;
        margin: 0 0 60px;
}
.inner-home .partner .nav a,
.inner-scen .partner .nav a,
.inner-scen .prods .nav a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px;
        padding: 0 0 18px;
        border-bottom: 2px solid rgba(0,0,0,0);
        transition:all 0.2s ease-in;
        color: #565F62;
        font-size: 12px;
}
.inner-home .partner .nav a:hover,
.inner-scen .partner .nav a:hover,
.inner-scen .prods .nav a:hover{
        color: #192F28;
}
.inner-home .partner .nav a.current,
.inner-scen .partner .nav a.current,
.inner-scen .prods  .nav a.current{
        border-color: #192F28;
        font-weight: 700;
        color: #192F28;
}
.inner-scen .prods .item{
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-scen .prods .item.current{
        display: flex;
}
.inner-scen .prods .item .slider{
        flex: 53.7%;
        max-width: 53.7%;
}
.inner-scen .prods .item .caption{
        flex: calc(46.3% - 40px);
        max-width: calc(46.3% - 40px);
}
.inner-scen .prods .item .pusher{
        max-width: 415px;
}
.inner-scen .prods .item h2{
        font-family: 'TAN - Angleton';
        font-size: 24px;
        margin: 0 0 10px;
}
.inner-scen .prods .item .format-text{
        color: #62686A;
        font-size: 14px;
        line-height: 175%;
}
.inner-scen .prods .item .format-text ul{
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
}
.inner-scen .prods .item .format-text ul li{
        flex: 33.333333333%;
        max-width: 33.33333333333%;
        margin: 0 0 20px;
}
.inner-scen .prods .item .format-text ul li em{
        display: block;
        font-style: normal;
        margin: 0 0 5px;
        line-height: 130%;
}
.inner-scen .prods .item .format-text ul li strong{
        color: #0F1A1E;
        font-weight: 700;
        display: block;
}
.inner-scen .prods .item .format-text sup{
        color: #0F1A1E;
        font-size: 8px;
        position: relative;
        top: -8px;
        display: inline-block;
        right: -1px;
}
.inner-scen .prods .item figure{
        height: 260px;
        margin-right: 10px;
}
.inner-scen .prods .item figure img{
        height: 100%;
        width: auto;
        object-fit: cover;
}
.inner-home .partner{
        margin: 80px 0 0;
}
.inner-scen .partner{
        margin: 100px 0 0;
}
.inner-home .partner .item,
.inner-scen .partner .item{
        height: 0;
        overflow-y: hidden;
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
}
.inner-home .partner .item.current,
.inner-scen .partner .item.current{
        height: auto;
}
.inner-home .partner .item img,
.inner-scen .partner .item img{
        display: inline-block;
}
.inner-home .partner .slick-dots,
.inner-scen .partner .slick-dots{
        margin: 30px 0 0;
}
.inner-scen a.wa{
        position: fixed;
        z-index: 99;
        bottom: 30px;
        right: 30px;
}
.contact-scen{
        padding: 40px 0 170px;
}
.contact-scen .crumb{
        margin: 0 0 60px;
}
.contact-scen .submis .wrapper{
        max-width: 920px;
}
.contact-scen .submis h2{
        text-align: center;
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 130%;
        margin: 0 0 60px;
}
.contact-scen .submis .layer{
        position: relative;
}
.contact-scen .submis .layer:after{
        display: block;
        position: absolute;
        left: 65px;
        top: 65px;
        z-index: 1;
        content: '';
        width: 100%;
        height: 100%;
        background: #3E5646;
}
.contact-scen .submis .layer form{
        position: relative;
        background: #fff;
        z-index: 2;
        border: 1px solid #E9E8E6;
        padding: 48px;
}
.contact-scen .submis .button{
        max-width: 380px;
        width: 100%;
        margin: 30px 0 0;
}
.inner-partner{
        padding: 80px 0 120px;
}
.inner-partner .intro{
        text-align: center;
}
.inner-partner .list h2,
.inner-partner .intro h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 150%;
}
.inner-partner .intro .format-text{
        font-size: 14px;
        line-height: 200%;
        margin: 15px 0 0;
}
.inner-partner .list h2{
        font-size: 20px;
        margin: 0 0 30px;
}
.inner-partner .list .wrapper{
        max-width: 960px;
        text-align: center;
}
.inner-partner .list .item{
        margin: 60px 0 0;
}
.inner-partner .list .rowflex{
        align-items: center;
        justify-content: center;
}
.inner-partner .list .rowflex figure{
        flex: 33.3333333333333%;
        max-width: 33.3333333333333%;
        text-align: center;
}
.inner-partner .list img{
        display: inline-block;
}
/** SEARCH **/
.inner-search{
        padding: 60px 0 120px;
}
.inner-search .wrapper{
        max-width: 940px;
}
.inner-search .hentry{
        margin: 0 0 60px;
}
.inner-search .hentry h2{
        text-align: center;
        margin: 0 0 25px;
}
.inner-search .hentry form{
        margin: 0 auto;
        position: relative;
}
.inner-search .hentry form i{
        right: 125px;
        cursor: pointer;
        filter: brightness(0%);
        opacity: .3;
        display: none !important;
}
.inner-search .hentry form input:valid + i{
        display: block !important;
}
.inner-search .hentry form input{
        padding-right: 40px;
}

.inner-search .list h2{
        position: relative;
        font-size: 14px;
        font-weight: 700;
        margin: 40px 0 24px;
}
.inner-search .list h2:first-child{
        margin: 0 0 24px;
}
.inner-search .item{
        margin: 24px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-search .item figure{
        max-width: 120px;
        flex: 120px;
}
.inner-search .item figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-search .item .caption{
        position: relative;
}
.inner-search .item figure + .caption{
        max-width: calc(100% - 144px);
        flex: calc(100% - 144px);
}
.inner-search .item h3{
        color: #0F1A1E;
        font-size: 16px;
        line-height: 160%;
        margin: 0 0 10px;
        font-family: 'TAN - Angleton';
}
.inner-search .item h3 a{
        color: #0F1A1E;
        transition:color 0.2s ease-in;
}
.inner-search .item h3 a:hover{
        color: #CDA55C;
}
.inner-search .item em{
        display: block;
        line-height: 100%;
        color: #B2B0B4;
        margin: 0 0 10px;
        font-size: 12px;
        text-transform: uppercase;
}
.inner-search .item .pricing{
        text-align: left;
        margin: 20px 0 0;
}
.inner-search .item .disc{
        display: inline-block;
        color: #fff;
        font-size: 12px;
        background: #E05151;
        border-radius: 2px;
        height: 26px;
        line-height: 26px;
        padding: 0 8px;
        margin: 5px 0 0;
}
.inner-search .item .txt{
        font-size: 14px;
        line-height: 170%;
        color: #0F1A1E;
        margin: 0 0 15px;
}
/** HOMEPAGE **/
.inner-home .hero .slider{
        position: relative;
}
.inner-home .hero .slider .dots{
        position: absolute;
        left: 0;
        bottom: 60px;
        z-index: 4;
        width: 100%;
        text-align: left;
}
.inner-home .hero .slider .dots .slick-dots{
        text-align: left;
}
.inner-home .hero .slider .dots .slick-dots li button{
        background: rgba(255,255,255,.3);
}
.inner-home .hero .slider .dots .slick-dots li.slick-active button{
        background: #fff;
}
.inner-home .hero .slider .item{
        position: relative;
        padding: 120px 0 130px;
        color: #fff;
}
.inner-home .hero .slider .item:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: '';
        background: linear-gradient(180deg, rgba(25, 47, 40, 0.00) 44.44%, #192F28 100%);
}
.inner-home .hero .slider .item > img{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        object-fit: cover;
        width: 100%;
        height: 100%;
}
.inner-home .hero .slider .rowflex{
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
        z-index: 3;
}
.inner-home .hero .slider .copy{
        flex: 58%;
        max-width: 58%;
}
.inner-home .hero .slider .copy h2{
        font-family: 'TAN - Angleton';
        font-size: 44px;
        line-height: 150%;
}
.inner-home .hero .slider .copy .format-text{
        color: #FEF7F2;
        font-size: 14px;
        line-height: 200%;
        margin: 15px 0 0;
}
.inner-home .hero .slider .prod-slide{
        flex: 23%;
        max-width: 23%;
        background: #fff;
        padding: 0 0 25px;
}
.inner-home .hero .slider .prod-slide .slick-dots{
        margin: 25px 0 0;
}
.inner-home .hero .slider .product-item h3{
        padding: 0 15px;
}
.inner-home  .product-item .pricing{
        color: #877669;
}
.inner-home .collect{
        margin: 80px 0 0;
}
.inner-home .testi .hentry{
        margin: 0 0 60px;
}
.inner-home .collect .hentry{
        margin: 0 0 40px;
}
.inner-home .testi .hentry h2,
.inner-home .collect .hentry h2{
        float: left;
        font-family: 'TAN - Angleton';
        font-size: 32px;
}
.inner-home .testi .hentry .txt,
.inner-home .collect .hentry .txt{
        float: right;
        text-align: right;
        max-width: 400px;
        color: #62686A;
        font-size: 14px;
        line-height: 170%;
        position: relative;
        top: 5px;
}
.inner-home .collect .slider{
        position: relative;
}
.inner-home .collect .slick-list{
        margin: 0 -10px;
}
.inner-home .collect .item{
        margin: 0 10px;
}
.inner-home .collect .item figure{
        overflow: hidden;
}
.inner-home .collect .item figure img{
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition:transform 0.5s ease;
}
.inner-home .collect .item:hover figure img{
        transform: scale(1.2);
}
.inner-home .collect .item span{
        display: block;
        letter-spacing: 2.4px;
        font-size: 12px;
        text-transform: uppercase;
        margin: 25px 0 15px;
        color: #0E1A1E;
        opacity: .7;
}
.inner-home .collect .item b{
        display: block;
        line-height: 130%;
        color: #0E1A1E;
        font-family: 'TAN - Angleton';
        font-size: 16px;
}
.inner-home .about{
        background: #192F28;
        position: relative;
        margin: 100px 0 0;
        padding: 115px 0 125px;
        color: #fff;
}
.inner-home .about > img{
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: auto;
        height: 100%;
}
.inner-home .about .video{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        z-index: 3;
        height: 100%;
}
.inner-home .about .video a{
        display: block;
        height: 100%;
        width: 100%;
}
.inner-home .about .video a > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-home .about .wrapper{
        position: relative;
        z-index: 2;
}
.inner-home .about .caption{
        max-width: 495px;
        padding-left: 25px;
        width: 100%;
}
.inner-home .about h2{
        color: #CDA55C;
        font-size: 32px;
        line-height: 130%;
        font-family: 'TAN - Angleton';
}
.inner-home .about .format-text{
        font-size: 14px;
        line-height: 180%;
        margin: 20px 0 0;
}
.inner-home .about .button{
        margin: 30px 0 0;
}
.inner-home .partner .button{
        width: 140px;
        margin: 40px 0 0;
}
.inner-home .testi{
        background: rgba(25, 47, 40, 0.05);
        margin: 80px 0 0;
        padding: 80px 0;
}
.inner-home .testi .slider{
        position: relative;
        padding-left: 80px;
}
.inner-home .testi .slider:before{
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/testi.svg);
        width: 73px;
        height: 55px;
        content: '';
        left: 0;
        top: -30px;
}
.inner-home .testi .slider .txt{
        color: #525252;
        font-size: 20px;
        font-weight: 700;
        font-style: italic;
        line-height: 150%;
        max-width: 1080px;
}
.inner-home .testi .auth{
        margin: 28px 0 0;
}
.inner-home .testi .auth h3{
        color: #121114;
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
}
.inner-home .testi .auth span{
        color: #121114;
        font-style: italic;
        display: block;
        font-size: 14px;
        margin: 10px 0 0;
}
.inner-home .testi .slick-dots{
        margin: 35px 0 0;
}
.searchbar{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	background: #fff;
	z-index: 9;
        height: 100%;
        display: flex;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition:all 0.3s ease;
}
body.show-search .searchbar{
        top: 0;
        opacity: 1;
        visibility: visible;
}
.searchbar .holder{
        flex: 1;
}
.searchbar form .cls{
	display: inline-block;
	position: absolute;
	z-index: 3;
	right: 12px;
	top: 12px;
	width: 18px;
	height: 18px;
	background-image: url(../img/icon/cls2.svg);
}
.searchbar form .cls{
	top: -20px;
	right: -10px;
}
.searchbar form{
	max-width: 800px;
	position: relative;
	margin: 0 auto;
}
.searchbar form input{
	height: 48px;
	width: calc(100% - 118px);
}
.searchbar form .button{
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
	padding: 0 5px;
}
.popcred{
        padding: 0;
        max-width: 960px;
        width: 100%;
}
.popcred.noimg{
        max-width: 480px;
        padding: 48px;
}
.popcred .rowflex > *{
        flex: 50%;
        max-width: 50%;
}
.popcred figure{
        position: relative;
}
.popcred figure:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: '';
        background: linear-gradient(180deg, rgba(30, 30, 30, 0.40) 0%, rgba(30, 30, 30, 0.00) 100%);
}
.popcred figure > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.popcred figure span{
        display: block;
        position: absolute;
        left: 0;
        top: 40px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 3;
}
.popcred .caption{
        padding: 45px;
}
.popcred h2{
        color: #192F28;
        font-size: 18px;
        font-family: 'TAN - Angleton';
        line-height: 130%;
        margin: 0 0 25px;
}
.popcred h2 .cvr-bg{
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/arrow-back.svg);
        margin-right: 20px;
        position: relative;
        top: -2px;
}
.popcred .format-text{
        color: #565F62;
        font-size: 14px;
        margin: 0 0 40px;
        line-height: 170%;
}
.popcred  .rmb + a:hover,
.popcred .info a:hover{
	text-decoration: underline;
}
.popcred  .rmb{
	float: left;
}
.popcred  .rmb label{
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.popcred  .rmb label input{
	display: none;
}
.popcred  .rmb label span{
	display: inline-block;
	color: #0F1A1E;
	font-size: 12px;
}
.popcred  .rmb label span:before{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 14px;
	height: 14px;
	content: '';
	background-image: url(../img/icon/cred-check.svg);
	margin-right: 11px;
	position: relative;
	top: 2px;
}
.popcred  .rmb label input:checked + span:before{
	background-image: url(../img/icon/cred-checked.svg);
}
.popcred  .rmb + a{
	float: right;
	color: #CDA55C;
	font-size: 12px;
	position: relative;
	top: 3px;
}
.popcred .form-basic .fgroup > label{
        color: #565F62;
        font-size: 12px;
        font-weight: 700;
}
.popcred .form-basic .fgroup input[type='text'],
.popcred .form-basic .fgroup input[type='email'],
.popcred .form-basic .fgroup input[type='password']{
        height: 44px;
}
.popcred .form-basic form > *{
        margin-top: 20px;
}
.popcred .form-basic .pass-field b{
        top: 12px;
}
.popcred .button{
        height: 44px;
        line-height: 44px;
}
.popcred .centered{
        padding: 20px 0 0;
}
#popforgot.popcred .centered,
#popregis.popcred .centered{
        padding: 0;
}
.popcred .centered > * + *{
        margin: 16px 0 0;
}
.popcred .form-basic .gap > *{
	flex: calc(50% - 8px);
	max-width: calc(50% - 8px);
}
.popcred .centered .bck{
        display: inline-block;
        color: #192F28;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
}
.inner-respass{
        padding: 70px 0 120px;
}
.inner-respass .wrapper{
        max-width: 520px;
}
.inner-respass .form-basic{
        max-width: 390px;
        margin: 0 auto;
}
.inner-respass .hentry{
        margin: 0 0 40px;
        text-align: center;
}
.inner-respass .hentry h2{
        color: #192F28;
        font-size: 32px;
        line-height: 130%;
        font-family: 'TAN - Angleton';
}
.inner-respass .hentry .format-text{
        color: #565F62;
        font-size: 14px;
        line-height: 200%;
        margin: 16px 0 0 ;
}
.inner-shop{
        padding: 80px 0 200px;
}
.inner-shop .filter {
        margin: 0 0 40px;
}
.inner-shop .filter .cats{
        float: left;
}
.inner-shop .filter .cats a{
        display: inline-block;
        position: relative;
        color: #192F28;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #192F28;
        padding: 0 30px 0 25px;
}
.inner-shop .filter .cats a:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/filter.svg);
        margin-right: 8px;
        top: -1px;
}
.inner-shop .filter .sort{
        float: right;
}
.inner-shop .filter .sort > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-shop .filter .sort > b{
        color: #192F28;
        font-size: 14px;
        margin-right: 15px;
}
.inner-shop .filter .sort .dropselect{
        width: 200px;
}
.popshop #popshop{
	width: 100%;
	max-width: 480px;
	float: right;
	padding: 30px;
	height: 100vh;
	font-size: 14px;
}
.popshop .fancybox-slide--html{
	padding: 0;
}
.popshop h2{
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 20px;
}
.popshop .fancybox-close-small{
	opacity: 1;
	right: 17px;
	top: 19px;
}
.popshop .item{
	margin: 0 0 16px;
	border-bottom: 1px solid #E9E8E6;
}
.popshop .item.active{
	padding-bottom: 16px;
}
.popshop .scrollbar-inner.scroll-content{
	max-height: calc(100vh - 200px) !important;
}
.popshop .item h3{
	font-weight: 700;
	line-height: 130%;
	margin: 0 0 16px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.popshop .item h3.cvr-bg-af{
	cursor: pointer;
	position: relative;
}
.popshop .item h3.cvr-bg-af:after{
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 12px;
	height: 8px;
	content: '';
	background-image: url(../img/icon/arrow-shop.svg);
}
.popshop .item.active h3.cvr-bg-af:after{
	transform: rotate(-180deg);
}
.popshop ul{
	padding-left: 18px;
	display: none;
}
.popshop .item.active ul{
	display: block;
}
.popshop li {
	line-height: 150%;
	margin: 0 0 14px;
}
.popshop li:last-child{
	margin: 0;
}
.popshop li label{
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.popshop li label input{
	display: none;
}
.popshop li label b{
	display: block;
	position: relative;
}
.popshop li label input:checked + b{
	color: #CDA55C;
}
.popshop li label b:after{
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/icon/drop-checked2.svg);
	content: '';
	display: none;
}
.popshop li label input:checked + b:after{
	display: block;
}
.popshop .pricing{
	border: none;
}
.popshop .pricing .pfield{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.popshop .pricing i{
	flex: 12px;
	max-width: 12px;
	background: #000;
	display: block;
	height: 2px;
}
.popshop .pricing input{
	flex: calc(50% - 16px);
	max-width: calc(50% - 16px);
}
.popshop .act{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px 30px;
	z-index: 3;
}
.popshop .act .button{
	flex: calc(50% - 7px);
	max-width: calc(50% - 7px);
	padding: 0 5px;
        border-radius: 2px;
}
/** DETAIL PRODUCT **/
.detail-product{
	padding: 50px 0 120px;
}
.detail-product .crumb{
        margin: 0 0 50px;
}
.detail-product .main{
        justify-content: space-between;
        max-width: 1010px;
        margin: 0 auto;
}
.detail-product .main .gallery{
        flex: 45%;
        max-width: 45%;
        overflow: hidden;
}
.detail-product .main .gallery .small{
        margin: 8px 0 0;
        position: relative;
}
.detail-product .main .gallery .small .item{
        margin: 0 8px 0 0;
        cursor: pointer;
        width: 114px;
}
.detail-product .main .gallery .small .item img{
        border: none;
}
.detail-product .main .gallery .small .item.slick-current img{
        border: 1px solid #192F28;
}
.detail-product .gallery .small .slidenav{
        display: block;
        position: absolute;
        left: 0;
        top: 35%;
        -ms-transform: translateY(-35%);
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
        width: 100%;
        height: 0;
}
.detail-product .gallery .small .slidenav a{
        float: left;
        display: block;
        width: 32px;
        height: 32px;
        background-image: url(../img/icon/arrow-caro.svg);
        transform: rotate(-180deg);
        position: relative;
        left: 10px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.detail-product .gallery .small .slidenav a:hover{
        opacity: .8;
}
.detail-product .gallery .small .slidenav a.next{
        float: right;
        left: auto;
        right: 10px;
        transform: rotate(0deg);
}
.detail-product .main .gallery .share{
        margin: 35px 0 0;
        text-align: center;
}
.detail-product .main .gallery .share i{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	 height: 19px;
	 background: #E9E8E6;
	 margin: 0 25px;
}
.detail-product .main .gallery .share a{
        display: inline-block;
        vertical-align: middle;
        color: #192F28;
        font-size: 14px;
        transition:opacity 0.2s ease-in;
        opacity: 1;
}
.detail-product .main .gallery .share a:hover{
        opacity: .8;
}
.detail-product .main .gallery .share a:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 8px;
        width: 24px;
        height: 24px;
        top: -1px;
}
.detail-product .main .gallery .share a.fb:before{
        background-image: url(../img/icon/fb-share.svg);
}
.detail-product .main .gallery .share a.tw:before{
        background-image: url(../img/icon/tw-share.svg);
}
.detail-product .main .caption{
        max-width: 50%;
        flex: 50%;
}
.detail-product .main h1{
        font-weight: 400;
        font-family: 'TAN - Angleton';
        font-size: 24px;
        line-height: 180%;
        margin: 0 0 15px;
}
.detail-product .main .rated > span{
        top: 1px;
        font-size: 14px;
}
.detail-product .main .rated{
        margin-bottom: 25px;
}
.detail-product .main .wcvar .varitem{
        margin: 0 0 15px;
}
.detail-product .main .qty-holder h3,
.detail-product .main .wcvar .varitem h3{
        font-weight: 700;
        font-size: 14px;
        margin: 0 0 12px;
}
.detail-product .main .wcvar label{
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 10px 0;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
}
.detail-product .main .wcvar label input{
        display: none;
}
.detail-product .main .wcvar label b{
        display: block;
        border: 1px solid  #BEC2C4;
        height: 36px;
        line-height: 35px;
        font-size: 14px;
        padding: 0 15px;
        border-radius: 2px;
        color: #0F1A1E;
        background: #fff;
}
.detail-product .main .wcvar label input:checked + b{
        background: #F6F6F6;
        border: 1px solid #192F28;
        color: #192F28;
}
.detail-product .main .wcvar label input:disabled + b{
        background:  #cfced0;
	 border: 1px solid #cfced0;
        color: #fff;
        cursor: default;
}
.detail-product .main .wcvar label em{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #E9E7EC;
	box-shadow: inset 0px 0 0 4px #fff;
}
.detail-product .main .wcvar label input:checked + em{
	border-color: #CDA55C;
}
.detail-product .main .wcvar label input:disabled + em{
	box-shadow: inset 0px 0 0 5px #e0dfe1;
	border: 2px solid #e0dfe1;
	cursor: default;
	opacity: .6;
}
.detail-product .main .qty-holder span{
        color: #565F62;
        font-size: 14px;
        margin: 0 0 0 15px;
}
.detail-product .main .qty-holder span b{
        color: #0F1A1E;
}
.detail-product .main .act{
        padding: 24px 0 0;
        margin: 24px 0 0;
        border-top: 1px dashed #BEC2C4;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.detail-product .main .act .button:not(:first-child){
        flex: calc(50% - 40px);
        max-width: calc(50% - 40px);
        font-weight: 700;
        padding: 0 5px;
}
.detail-product .main .act .add-to-wish{
        max-width: 48px;
        flex: 48px;
	width: 48px;
	height: 48px;
	background-image: url(../img/icon/add-to-wish-detail.svg);
}
.detail-product .main .act .add-to-wish.wished{
        background-image: url(../img/icon/wished.svg);
}
.detail-product .main .woocommerce-variation-add-to-cart-disabled{
        display: none;
}
.detail-product .main .woocommerce-variation-add-to-cart-disabled + .empty{
        display: block !important;
}
.detail-product .main .act span.button:not(:first-child) {
        flex: calc(100% - 63px) !important;
        max-width: calc(100% - 63px) !important;
}
.detail-product .main .qty-holder div.quantity{
        display: inline-block;
        vertical-align: middle;
}
.detail-product .taby{
        margin: 50px 0 0;
}
.detail-product .taby .format-text {
	line-height: 170%;
        font-size: 14px;
        color: #565F62;
}
.detail-product .taby .format-text > *:not(:first-child){
	margin-top: 20px;
}
.detail-product .taby .thead{
        margin: 0 0 25px;
	border-bottom: 1px solid #E9E8E6;
}
.detail-product .taby .thead a{
        transition:color 0.2s ease-in;
        color: #565F62;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 50px;
        border-bottom: 2px solid #fff;
        padding: 0 25px 20px 0;
}
.detail-product .taby .thead a:last-child{
        margin-right: 0;
}
.detail-product .taby .thead a:hover{
        color: #0F1A1E
}
.detail-product .taby .thead a.active{
        border-bottom: 2px solid #192F28;
        color: #0F1A1E;
        font-weight: 700;
}

.detail-product .taby .format-text a{
        color: #0F1A1E;
        font-weight: 700;
}
.detail-product .taby .titem{
        display: none;
}
.detail-product .taby .titem.active{
        display: block;
}
.detail-product .review .avg{
        float: left;
}
.detail-product .review .avg > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-product .review .avg > strong{
        color: #0F1A1E;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 20px;
	display: block;
}
.detail-product .review .avg .rate i{
        width: 32px;
        height: 32px;
}
.detail-product .review .avg .rated{
        position: relative;
        top: -2px;
}
.detail-product .review .avg .rated > span{
        font-size: 16px;
        font-weight: 700;
}
.detail-product .review .avg .rated > b{
        font-weight: 400;
        font-size: 14px;
        color: #0F1A1E;
        margin-left: 13px;
        top: -1px;
}
.detail-product .review .sort{
        float: right;
        position: relative;
        top: 33px;
}
.detail-product .review .sort > *{
        display: inline-block;
        vertical-align: middle;
}
.detail-product .review .dropsort{
        width: 170px;
}
.detail-product .review .sort > b{
        margin-right: 15px;
        color: #0F1A1E;
	font-size: 14px;
}
.detail-product .review .dropsort span{
        height: 40px;
        line-height: 38px;
	border: 1px solid #E9E7EC;
}
.detail-product .review .dropsort span:after{
        top: 17px;
	right: 9px;
}
.detail-product .review .hentry{
        margin: 0 0 50px;
}
.detail-product .review .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 35px;
	padding: 0 0 30px;
	border-bottom: 1px solid #E9E8E6;
}
.detail-product .review .item:last-child{
        border: none;
        padding: 0;
}
.detail-product .review .item .person{
        flex: 16%;
        max-width: 16%;
}
.detail-product .review .item figure{
        display: inline-block;
        vertical-align: middle;
        width: 48px;
}
.detail-product .review .item figure img{
        border-radius: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.detail-product .review .item .info{
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 48px);
        padding: 0 0 0 16px;
}
.detail-product .review .item .info h3{
        color: #000;
        font-size: 14px;
        line-height: 130%;
        margin: 0 0 10px;
}
.detail-product .review .item .info span{
        color: #848E91;
        font-size: 12px;
        display: block;
        line-height: 100%;
}
.detail-product .review .item .caption{
        flex: 75%;
        max-width: 75%;
}
.detail-product .review .item .rate{
        margin: 0 0 10px;
        position: relative;
        left: -5px;
}
.detail-product .review .item .rate i{
        width: 24px;
        height: 24px;
}
.detail-product .review .item .txt{
        color: #0F1A1E;
        line-height: 170%;
	font-size: 14px;
}
.detail-product .review .item .regal{
        margin: 16px 0 0;
}
.detail-product .review .item .regal a{
        display: inline-block;
        vertical-align: middle;
        width: 64px;
        height: 64px;
        margin: 0 8px 8px 0;
}
.detail-product .review .item .regal a img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.detail-product .review .page-pagination{
	margin: 0;
	padding: 0;
}
.detail-product .mpc{
        margin: 27px 0 0;
}
.detail-product .mpc span{
        display: block;
        margin: 0 0 24px;
        color: #000;
        font-size: 14px;
        text-align: center;
}
.detail-product .mpc .flx{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.detail-product .mpc a{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
        height: 48px;
        line-height: 46px;
        padding: 0 5px;
        text-align: center;
        border: 1px solid #EE4D2D;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.detail-product .mpc a:hover{
        opacity: .7;
}
.detail-product .mpc a:before{
        display: inline-block;
        vertical-align: middle;
        width: 69px;
        height: 22px;
        background-image: url(../img/icon/shp.svg);
}
.detail-product .mpc a.tkp{
        border: 1px solid #42B649;
}
.detail-product .mpc a.tkp:before{
        width: 90px;
        height: 29px;
        background-image: url(../img/icon/tkp.svg);
}
.detail-product .review{
        margin: 40px 0 0;
        padding: 40px 0 0;
        border-top: 1px solid #E9E8E6;
}
.detail-product .related-product{
        margin: 100px 0 0;
}
/** CART **/
.inner-cart{
        padding: 45px 0 120px;
}
.inner-cart .wrapper .rowflex{
        justify-content: space-between;
}

.inner-cart .wrapper > h2{
        font-weight: 400;
        font-family: 'TAN - Angleton';
        margin: 0 0 25px;
        font-size: 16px;
}
.inner-cart .content{
        flex: 64%;
        max-width: 64%;
}
.inner-cart .clearing{
        padding-bottom: 18px;
        margin-bottom: 16px;
        border-bottom: 1px solid #E9E8E6;
}
.inner-cart .clearing label{
        float: left;
        cursor: pointer;
        user-select: none; /* Standard */
}
.inner-cart .list .item label input,
.inner-cart .clearing label input{
        display: none;
}
.inner-cart .list .item label span:before,
.inner-cart .clearing label span:before{
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        margin-right: 20px;
        background-image: url(../img/icon/cred-check.svg);
        top: -2px;
}
.inner-cart .list .item label span:before{
        margin: 0;
}
.inner-cart .list .item label input:checked + span:before,
.inner-cart .clearing label input:checked + span:before{
        background-image: url(../img/icon/cred-checked.svg);
}
.inner-cart .clearing a{
        float: right;
        color: #EB5757;
        display: inline-block;
        vertical-align: middle;
}
.inner-cart .list .item .dprod,
.inner-cart .clearing a:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 14px;
        height: 18px;
        background-image: url(../img/icon/trash.svg);
        margin-right: 15px;
        top: -2px;
}
.inner-cart .action{
        flex: 33%;
        max-width: 33%;
}
.inner-cart .list .item{
        padding-bottom: 22px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E9E8E6;
}
.inner-cart .list .item .pwrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
}
.inner-cart .list .item label{
        flex: 20px;
        max-width: 20px;
        cursor: pointer;
}

.inner-cart .clearing label span,
.inner-cart .list .item label.chk span{
        padding: 0;
        font-size: 16px;
}
.inner-cart .list .item .prod{
        flex: calc(100% - 160px);
        max-width:  calc(100% - 160px);
}
.inner-cart .list .item .product-remove {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
}
.acc-odetail .cprod .prod > *,
.inner-cart .list .item .prod > *{
        display: inline-block;
        vertical-align: top;
}
.acc-odetail .cprod .prod figure,
.inner-cart .list .item .prod figure{
        width: 80px;
}
.acc-odetail .cprod .prod figure img,
.inner-cart .list .item .prod figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.acc-odetail .cprod .prod .caption,
.inner-cart .list .item .prod .caption{
        width: calc(100% - 110px);
        margin-left: 15px;
}
.acc-odetail .crev .rprod h3,
.acc-odetail .cprod .prod h3,
.inner-cart .list .item h3{
        color: #0F1A1E;
        font-size: 14px;
        margin: 0 0 5px;
        line-height: 130%;
}

.acc-odetail .crev .rprod h3 a,
.acc-odetail .cprod .prod h3 a,
.inner-cart .list .item h3 a{
        color: #0F1A1E;
        transition:color 0.2s ease-in;
}
.acc-odetail .crev .rprod h3 a:hover,
.acc-odetail .cprod .prod h3 a:hover,
.acc-odetail .cprod .prod p.anote a,
.inner-cart .list .item p.anote a,
.inner-cart .list .item h3 a:hover{
        color: #192F28;
}
.acc-odetail .cprod .prod .pinfo,
.inner-cart .list .item .pinfo{
        margin: 0 0 13px;
}
.acc-odetail .crev .rprod .pinfo > *,
.acc-odetail .cprod .prod .pinfo > *,
.inner-cart .list .item .pinfo > *{
        display: inline-block;
        vertical-align: middle;
        color: #565F62;
        font-size: 12px;
}
.acc-odetail .crev .rprod .pinfo > b,
.acc-odetail .cprod .prod .pinfo b,
.inner-cart .list .item .pinfo b{
        background: #E9E7EC;
        width: 1px;
        height: 11px;
        margin: 0 8px;
}
.acc-odetail .crev .rprod .pinfo > i,
.acc-odetail .cprod .prod .pinfo i,
.inner-cart .list .item .pinfo i{
        background: #817F85;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin: 0 5px;
}
.inner-cart .list .item .pinfo > a{
        color: #CDA55C;
}
.inner-cart .list .item .pinfo > a:hover{
        text-decoration: underline;
}
.acc-odetail .cprod .prod .pamount > *,
.inner-cart .list .item .pamount > *{
        display: inline-block;
        vertical-align: middle;
}
.acc-odetail .cprod .prod .pamount > b,
.inner-cart .list .item .pamount > b{
        font-size: 14px;
}
.acc-odetail .cprod .prod .pamount span.disc,
.inner-cart .list .item .pamount span.disc{
        background: #E05151;
        height: 20px;
        line-height: 22px;
        font-size: 10px;
        padding: 0 4px;
        color: #fff;
        margin-right: 5px;
        border-radius: 2px;
}
.acc-odetail .cprod .prod .pamount del,
.inner-cart .list .item .pamount del{
        color: #848E91;
        font-weight: 400;
        font-size: 10px;
        margin-right: 10px;
        position: relative;
        top: -1px;
}
.acc-odetail .cprod .prod .pamount ins,
.acc-odetail .cprod .prod .pamount .pricing > span,
.inner-cart .list .item .pamount .pricing > span,
.inner-cart .list .item .pamount ins{
        color: #CDA55C;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
}
.acc-odetail .citem .prod .pricing > strong,
.inner-cart .list .item .pamount .pricing > strong{
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        position: relative;
        top: -1px;
}
.inner-cart .list .item .util{
        flex: 95px;
        max-width: 95px;
        text-align: right;
        position: relative;
        top: 55px;
}
.inner-cart .list .item .util .pqty{
        position: relative;
        right: -5px;
}
.inner-cart .list .item .util .pqty a{
        width: 27px;
        height: 27px;
}
.inner-cart .list .item .dprod{
        margin: 0;
        top: 0;
        right: 0;
        position: absolute;
        filter: brightness(0%);
        opacity: .2;
}

.inner-cart .list .item p.anote{
        font-size: 14px;
        position: relative;
        margin: 20px 0 0;
        left: 42px;
        width: calc(100% - 42px);
}
.inner-cart.inner-checkout .list .item p.anote{
        width: 100%;
        left: auto;
}
.inner-cart .list .item p.anote a:hover{
        text-decoration: underline;
}
.inner-cart .action .wrap{
        padding: 20px 20px 15px;
        border: 1px solid #E9E8E6;
        border-radius: 4px;
        font-size: 14px;
}
.acc-odetail .csums table,
.inner-cart .action .sums table{
        width: 100%;
        margin: 0 0 20px;
}
.acc-odetail .csums table td,
.inner-cart .action .sums table td{
        text-align: right;
        color: #0F1A1E;
}
.acc-odetail .csums table tbody td,
.inner-cart .action .sums table tbody td{
        padding-bottom: 18px;
}
.acc-odetail .csums table tfoot td,
.inner-cart .action .sums table tfoot td{
        padding-top: 15px;
        border-top: 1px solid #E9E8E6;
}
.acc-odetail .csums table td:first-child,
.inner-cart .action .sums table td:first-child{
        text-align: left;
        color: #565F62;
        font-weight: 400;
}
.acc-odetail .csums table tfoot td:first-child{
        color: #1E1E1E;
}
.acc-odetail .csums table tfoot td b,
.inner-cart .action .sums table tfoot td b{
        font-size: 16px;
        color: #192F28;
        font-weight: 700;
}
.acc-odetail .csums table tfoot td b{
        font-weight: 700;
}
.inner-cart .action .sums > p{
        line-height: 160%;
        margin: 0 0 15px;
}
.inner-cart .action .sums > p a{
        color: #CDA55C;
        margin-left: 15px;
}
.inner-cart .action .sums > p a:hover{
        text-decoration: underline;
}
.inner-cart .cart-coupon a {
        width: 15px;
        height: 15px;
        color: rgba(0, 0, 0, 0);
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(../img/icon/close-circle.svg);
        top: -1px;
}
#popnote.popgen{
        width: 400px;
        max-width: calc(100% - 30px);
}
.fcoupon {
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px solid #E9E8E6;
}
.fcoupon fieldset{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.fcoupon input[type='text']{
        width: calc(100% - 110px);
        height: 48px;
}
.fcoupon .button{
        width: 100px;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        padding: 0 5px;
}

.popgen .fancybox-close-small{
	opacity: 1;
	right: 5px;
	top: 13px;
}

.pop-address,
.popgen{
	width: 95%;
	max-width: 700px;
	padding: 30px;
	border-radius: 5px;
}
.pop-address .fancybox-close-small,
.popgen .fancybox-close-small{
	opacity: 1;
	right: 5px;
	top: 13px;
}
.pop-address h2,
.popgen h2{
	line-height: 130%;
	margin: 0 0 25px;
	font-size: 16px;
        font-weight: 700;
}
.pop-address .fpin{
	border-radius: 4px;
	border: 1px solid #E9E8E6;
	position: relative;
	color: #192F28;
	font-size: 14px;
	height: 50px;
	line-height: 48px;
	padding: 0 16px;
}
.pop-address .fpin a{
	position: absolute;
	right: 16px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #192F28;
	display: inline-block;
	line-height: 100%;
	font-weight: 400;
}
.pop-address .fpin a:hover{
	text-decoration: underline;
}
.rdot{
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.rdot input{
	display: none;
}
.rdot span{
	display: inline-block;
	position: relative;
	color: #192F28;
	font-size: 14px;
}
.rdot span:before{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border: 2px solid #606165;
	background: #192F28;
	content: '';
	border-radius: 50%;
	margin-right: 15px;
	top: -1px;
	box-shadow: inset 0px 0 0 10px #fff;
}
.rdot input:checked + span:before{
	box-shadow: inset 0px 0 0 3px #fff;
	border-color: #192F28;
}
.popgen .btn-address{
	display: block;
	text-align: center;
	border: 1px solid #606165;
	text-align: center;
	height: 56px;
	line-height: 54px;
	color: #565F62;
	font-size: 14px;
	margin: 0 0 20px;
	transition:all 0.2s ease-in;
}
.popgen .btn-address:hover{
	color: #192F28;
	border-color: #192F28;
}
.popconf{
        padding: 45px;
        width: 430px;
        max-width: calc(100% - 30px);
        border-radius: 4px;
        text-align: center;
}
.popconf .fancybox-close-small{
        display: none;
}
.popconf h2{
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        line-height: 170%;
        margin: 0 0 25px;
}
.popconf .act{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.popconf .act a{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
}
.inner-checkout .fitem h3{
        font-weight: 700;
        line-height: 140%;
        margin: 0 0 12px;
	font-size: 14px;
}
.inner-checkout .fitem.addr-guest .button{
        min-width: 325px;
        text-align: center;
}
.inner-checkout .floc{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 24px 0;
        margin: 24px 0;
        border-top: 1px solid #E9E8E6;
        border-bottom: 1px solid #E9E8E6;
}
.inner-checkout .floc > *{
        flex: calc(50% - 25px);
        max-width: calc(50% - 25px);
}
.inner-checkout .floc > .fitem-full {
        flex: 100%;
        max-width: 100%;
}

.inner-checkout .floc em{
        display: block;
        height: 50px;
        line-height: 48px;
        border-radius: 4px;
        background: #F4F4F4;
        border: 1px solid #E9E8E6;
        position: relative;
        color: #606165;
        padding: 0 15px;
	font-size: 14px;
}
.inner-checkout .floc em:before{
        display: block;
        position: absolute;
        height: calc(100% - 6px);
        top: 3px;
        width: 1px;
        left: 0;
        content: '';
        background: #192F28;
}
.pop-address .button.btn-hollow{
	border-color: #E9E8E6;
}
.pop-payment{
        width: 95%;
        max-width: 460px;
        padding: 30px 20px;
}
.pop-payment .item{
        margin-top: 30px;
}
.pop-payment .item li{
        display: block;
        margin-bottom: 17px;
        padding-bottom: 17px;
        border-bottom: 1px solid #E9E8E6;
}
.pop-payment .item li:last-child{
        margin: 0;
}
.pop-payment .item li a{
        display: block;
        position: relative;
        color: #0F1A1E;
	font-size: 14px;
}
.pop-payment .item li a:after{
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 10px;
        height: 14px;
        background-image: url(../img/icon/arrow-pay.svg);
        transition:right 0.2s ease-in;
}
.pop-payment .item li a:hover:after{
        right: 0;
}
.pop-payment .item li a > *{
        display: inline-block;
        vertical-align: middle;
}
.pop-payment .item li a span{
        margin-left: 10px;
}
#popwith .fancybox-close-small,
#poppayment .fancybox-close-small{
        display: none;
}
.pop-payment h2 a{
        color: #192F28;
}
.pop-payment h2 a:before{
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/arrow-back2.svg);
        position: relative;
        margin-right: 15px;
        left: 0;
        top: -1px;
        transition:left 0.2s ease-in;
}
.pop-payment h2 a:hover:before{
        left: -5px;
}
.pop-payment table{
        width: 100%;
	font-size: 14px;
}
.pop-payment table td{
        padding: 0 0 15px;
        text-align: right;
        line-height: 160%;
}
.pop-payment table td:first-child{
        text-align: left;
	color: #565F62;
}
.pop-payment table tfoot td:first-child{
        color: #0F1A1E;
}
.pop-payment table tfoot tr:first-child td{
        padding-top: 20px;
        border-top: 1px solid #E9E8E6;
}

.pop-payment table td b{
        color: #192F28;
        font-size: 16px;
        font-weight: 700;
}

.pop-payment em{
        display: block;
        line-height: 100%;
        font-size: 14px;
        margin: 0 0 20px;
}
.inner-checkout .faddr .hentry h3{
        float: left;
        margin: 0;
}
.inner-checkout .faddr .hentry{
        margin: 0 0 20px;
}
.inner-checkout .faddr .hentry a{
        float: right;
        color: #192F28;
        font-size: 14px;
        font-weight: 700;
}
.inner-checkout .faddr .hentry a:hover{
        text-decoration: underline;
}
.addrtxt b{
        display: block;
        line-height: 100%;
        font-size: 14px;
        margin: 0 0 10px;
}
.addrtxt p{
        line-height: 160%;
        font-size: 14px;
}
.acc-addr .addrtxt p{
        color: #565F62;
}
.inner-checkout .fcourier .drops{
        max-width: 100%;
        position: relative;
}
.inner-checkout .fcourier .drops.active{
        z-index: 99;
}
.inner-checkout .fcourier .drops strong{
        display: block;
        position: relative;
        cursor: pointer;
        border: 1px solid #E9E8E6;
        border-radius: 4px;
        height: 50px;
        line-height: 48px;
        padding: 0 15px;
        color: #606165;
        font-size: 14px;
}
.inner-checkout .fcourier .drops strong:after{
        display: block;
        position: absolute;
        right: 16px;
        top: 20px;
        width: 12px;
        height: 8px;
        background-image: url(../img/icon/arrow-drops.svg);
        transform: rotate(0deg);
}
.inner-checkout .fcourier .drops.active strong:after{
        transform: rotate(180deg);
}
.inner-checkout .fcourier .drops strong i{
        color: #192F28;
}
.inner-checkout .fcourier .drops strong small{
        display: inline-block;
        position: absolute;
        right: 45px;
        top: 17px;
        line-height: 100%;
        color: #192F28;
        font-size: 14px;
}
.inner-checkout .fcourier input[type='text']{
        height: 40px;
}
.inner-checkout .fcourier .drops .dropholder{
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #E9E8E6;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px;
        transition:all 0.2s ease-in;
}
.inner-checkout .fcourier .drops.active .dropholder{
        margin-top: 5px;
        opacity: 1;
        visibility: visible;
}
.inner-checkout .fcourier .drops .dropholder > input{
        margin: 20px 16px 15px;
        width: calc(100% - 32px);
}
.inner-checkout .fcourier .drops .dropholder > input + .scrollbar-inner{
        padding-top: 0;
}
.inner-checkout .fcourier .drops .rdot span{
        display: block;
        font-size: 14px;
        font-weight: 700;
}
.inner-checkout .fcourier .drops .rdot span:before{
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
}
.inner-checkout .fcourier .drops .scrollbar-inner{
        padding: 20px 16px;
        max-height: 250px !important;
}
.inner-checkout .fcourier .drops li{
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #E9E8E6;
}
.inner-checkout .fcourier .drops li:first-child{
        padding: 0;
        margin: 0;
        border: none;
}
.inner-checkout .fcourier .drops b{
        display: block;
        color: #0F1A1E;
        font-weight: 700;
        line-height: 100%;
        margin: 0 0 10px;
}
.inner-checkout .fcourier .drops span small,
.inner-checkout .fcourier .drops  span a{
        color: #192F28;
        font-size: 14px;
        font-weight: 400;
}
.inner-checkout .fcourier .drops  span a:hover{
        text-decoration: underline;
}
#popaddrselect{
        max-width: 600px;
}
#popaddrselect .item{
        display: block;
        position: relative;
        margin-top: 10px;
}
#popaddrselect .item:first-child{
        margin-top: 0;
}
#popaddrselect .item input{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: red;
        cursor: pointer;
        opacity: 0;
	z-index: 5;
}
#popaddrselect .item .panel{
        border: 1px solid #E9E8E6;
        padding: 20px 20px 15px;
}
#popaddrselect .item input:checked + .panel{
        border-color: #192F28;
}
#popaddrselect .item .panel:before{
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        border: 2px solid #606165;
        background: #192F28;
        box-shadow: inset 0 0 0 15px #fff;
        content: '';
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
#popaddrselect .item input:checked + .panel:before{
        border-color: #192F28;
        box-shadow: inset 0 0 0 4px #fff;
}
#popaddrselect .scrollbar-inner.scroll-content{
	max-height: 375px !important;
}
#popaddrselect .scrollbar-inner{
        margin-right: -10px;
        padding-right: 5px !important;
}
#popaddrselect .item .eaddr{
	padding: 15px 0 0;
	margin: 17px 0 0;
	border-top: 1px solid #E9E8E6;
	position: relative;
	z-index: 6;
}
#popaddrselect .item .eaddr a{
	color: #192F28;
	font-size: 14px;
}
#popaddrselect .item .eaddr a:hover{
	text-decoration: underline;
}
#popaddrselect .addrtxt p{
        color: #565F62;
}
/** CHECKOUT THANK **/
.inner-thank {
        padding: 90px 0;
        font-size: 14px;
}
.inner-thank .layer{
        max-width: 485px;
        margin: 0 auto;
        width: 100%;
        border: 1px solid #E9E8E6;
        border-radius: 6px;
        padding: 30px;
        border-radius: 6px;
        box-shadow: 0px 2px 8px 0px rgba(23, 82, 130, 0.08);
}
.inner-thank h2{
        font-family: 'TAN - Angleton';
        font-size: 16px;
}
.acc-odetail .cpay .expired,
.inner-thank h2,
.inner-thank .expired{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E9E8E6;
}
.acc-odetail .cpay h4,
.inner-thank h4{
        color: #565F62;
        line-height: 130%;
        margin: 0 0 10px;
}
.acc-odetail .cpay .expired b,
.inner-thank .expired b{
        color: #192F28;
        font-weight: 700;
}
.acc-odetail .cpay .expired b{
        font-style: italic;
        color: #F2901B;
}
.acc-odetail .cpay .method span,
.inner-thank .method span{
        display: block;
        line-height: 100%;
        color: #1E1E1E;
}
.acc-odetail .cpay .total,
.acc-odetail .cpay .norek,
.acc-odetail .cpay .method,
.inner-thank .total,
.inner-thank .norek,
.inner-thank .method {
        margin: 0 0 20px;
}
.acc-odetail .cpay .clearfix .hascopy,
.inner-thank .clearfix .hascopy{
        float: right;
}
.acc-odetail .cpay .clearfix .hascopy a,
.inner-thank .clearfix .hascopy a{
        color: #192F28;
}
.acc-odetail .cpay .clearfix .hascopy a:hover,
.inner-thank .clearfix .hascopy a:hover{
        text-decoration: underline;
}
.acc-odetail .cpay .clearfix b,
.inner-thank .clearfix b{
        float: left;
        color: #192F28;
        font-weight: 700;
}
.acc-odetail .cpay .clearfix b{
        color: #1E1E1E;
}
.inner-thank .action{
        padding: 10px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.inner-thank .action a{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
        padding: 0 5px;
}
/** ACCOUNT **/
.inner-acc{
        padding: 60px 0 120px;
}
.inner-acc .rowflex{
        justify-content: space-between;
}
.inner-acc .sidebar{
        flex: 21.5%;
        max-width: 21.5%;
}
.inner-acc .profile{
        overflow: hidden;
        position: relative;
        text-align: center;
        padding: 16px;
}
.inner-acc .profile figure{
        margin: 0 auto 12px;
        width: 48px;
        display: block;
        position: relative;
        z-index: 2;
}
.inner-acc .profile figure img{
        border-radius: 50%;
}
.inner-acc .profile h2{
        font-family: 'TAN - Angleton';
        font-size: 16px;
        font-weight: 400;
        line-height: 125%;
        margin: 0 0 5px;
        color: #192F28;
}
.inner-acc .profile span{
        display: block;
        text-align: center;
        opacity: .4;
        font-size: 12px;
}
.inner-acc .nav{
        padding: 16px;
        margin: 5px 0 0;
}
.inner-acc .nav li{
        display: block;
        margin: 8px 0 0;
}
.inner-acc .nav li:first-child{
        margin: 0;
}
.inner-acc .nav li a{
        display: block;
        position: relative;
        color: #848E91;
        transition:all 0.2s ease-in;
        padding: 15px;
        font-size: 14px;
}
.inner-acc .nav li:not(.current) a:hover{
        color: #CDA55C;
}
.inner-acc .nav li.current a{
        background: #3E5646;
        color: #fff;
        font-weight: 700;
}
.inner-acc .nav li a.cvr-bg-bf:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 12px;
        top: -2px;
        width: 18px;
        height: 18px;
}
.inner-acc .nav li.current a.cvr-bg-bf:before{
        filter: brightness(0) invert(1);
}
.inner-acc .nav li a.ic-odr:before{
        background-image: url(../img/icon/ic-odr.svg);
        top: -1px;
}
.inner-acc .nav li a.ic-wish:before{
        background-image: url(../img/icon/ic-wish.svg);
}
.inner-acc .nav li a.ic-stg:before{
        background-image: url(../img/icon/ic-stg.svg);
}
.inner-acc .main{
        flex: 76%;
        max-width: 76%;
}
.inner-acc .main .search{
        margin: 0 0 20px;
}
.inner-acc .main .search form{
        position: relative;
}
.inner-acc .main .search form:before{
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/search.svg);
        content: '';
        left: 12px;
        top: 10px;
        opacity: .3;
}
.inner-acc .main .search input{
        height: 40px;
        padding: 0 100px 0 40px;
        font-size: 12px;
}
.inner-acc .main .search button{
        position: absolute;
        height: 32px;
        line-height: 32px;
        right: 4px;
        top: 4px;
        font-size: 12px;
        padding: 0 20px;
}
.inner-awith .taby,
.inner-aprofile .main .taby,
.inner-acc .taby{
        margin: 0 0 25px;
        border-bottom: 1px solid #E9E7EC;
}
.inner-awith .taby{
        padding: 15px 0 0;
        margin: 0;
}
.inner-aprofile .main .taby{
        padding: 15px 15px 0;
}
.inner-awith .taby a,
.inner-aprofile .main .taby a,
.inner-acc .taby a{
        display: inline-block;
        vertical-align: middle;
        color: #606165;
        font-size: 12px;
        border-bottom: 3px solid rgba(255,255,255,0);
        padding: 0 0 15px;
        margin: 0 40px 0 0;
        transition:color 0.2s ease-in;
        position: relative;
        bottom: -1px;
}
.inner-aprofile .main .taby a{
        font-size: 13px;
        border-width: 1px;
        padding: 0 5px 12px;
}
.inner-awith .taby a{
        font-size: 16px;
        color: #212529;
        border-width: 2px;
        padding: 0 25px 12px;
        margin: 0;
}
.inner-awith .taby a:hover,
.inner-aprofile .main .taby a:hover,
.inner-acc .taby a:hover{
        color: #3E5646;
}
.inner-awith .taby a.current,
.inner-aprofile .main .taby a.current,
.inner-acc .taby a.current{
        color: #3E5646;
        border-bottom: 3px solid #3E5646;
        font-weight: 700;
}
.inner-awith .taby a.current{
        border-width: 2px;
}
.inner-aprofile .main .taby a.current{
        border-width: 1px;
}
.acc-order .oitem{
        border-radius: 4px;
        border: 1px solid #F4F4F4;
        background: #FFF;
        margin: 0 0 16px;
        position: relative;
        padding: 16px 16px 12px;
}
.acc-order .oitem .odata{
        position: absolute;
        right: 16px;
        top: 16px;
        color: #565F62;
        font-size: 10px;
}
.acc-order .oitem .act > *,
.acc-order .oitem .qty > *,
.acc-order .oitem .odata > *{
        display: inline-block;
        vertical-align: middle;
        line-height: 100%;
}
.acc-order .oitem .qty i,
.acc-order .oitem .odata i{
        width: 1px;
        height: 9px;
        background: #BEC2C4;
        margin: 0 8px;
        position: relative;
        top: -1px;
}
.acc-order .oitem .qty i{
        height: 12px;
        background: #E9E8E6;
}
.acc-order .oitem .oprod figure{
        display: inline-block;
        position: relative;
        width: 45px;
}
.acc-order .oitem .oprod figure img{
        border-radius: 4px;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.acc-order .oitem .oprod .capt{
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 50px);
        padding-left: 10px;
}
.acc-order .oitem .capt span{
        display: inline-block;
        height: 19px;
        line-height: 20px;
        font-size: 10px;
        border-radius: 4px;
        padding: 0 8px;
        margin: 0 0 8px;
}
.acc-order .oitem .capt h3{
        color: #0F1A1E;
        font-size: 12px;
        line-height: 130%;
}
.acc-order .oitem .capt h3 a{
        color: #0F1A1E;
        transition:color 0.2s ease-in;
}
.acc-order .oitem .capt h3 a:hover{
        color: #3E5646;
}
.acc-order .oitem .oinfo{
        padding: 16px 0 0;
        margin: 12px 0 0;
        border-top: 1px solid #E9E8E6;
}
.acc-order .oitem .qty{
        float: left;
        color: #848E91;
        font-size: 12px;
        position: relative;
        top: 3px;
}
.acc-order .oitem .act{
        float: right;
}
.acc-order .oitem .act > .button{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 10px;
        margin: 0 0 0 10px;
}
.acc-order .oitem .act > .button.btn-hollow{
        line-height: 28px;
        margin: 0 -5px 0 12px;
}
.acc-order .oitem .act > span{
        color: #606165;
        font-size: 10px;
}
.acc-order .oitem .act > b{
        font-size: 12px;
        font-weight: 700;
        color: #CDA55C;
}
.acc-order .empty{
        padding: 90px 0;
        text-align: center;
}
.acc-order .empty .txt{
        position: relative;
        margin: 0 0 20px;
        top:-10px;
        line-height: 160%;
        color: #565F62;
        font-size: 14px;
}
.inner-404 h2,
.acc-order .empty h2{
        color: #192F28;
        font-family: 'TAN - Angleton';
        font-size: 24px;
        line-height: 130%;
        margin: 25px 0;
        font-weight: 400;
}
.inner-404{
        padding: 180px 0 220px;
        text-align: center;
}
.inner-404 figure{
        margin: 0 0 50px;
}
.inner-404 .txt{
        color: #565F62;
        position: relative;
        top: -5px;
        font-size: 14px;
}
.acc-odetail .gate{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.acc-odetail .gate .col{
        flex: calc(50% - 8px);
        max-width: calc(50% - 8px);
}
#popmap a.bck,
.acc-balance a.bck,
.acc-odetail a.bck{
        color: #0F1A1E;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 15px;
        display: inline-block;
        vertical-align: middle;
}
#popmap a.bck{
        color: #313238;
        font-size: 16px;
        font-weight: 700;
}
#popmap a.bck:before,
.acc-balance a.bck:before,
.acc-odetail a.bck:before{
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/arrow-back2.svg);
        margin-right: 15px;
        position: relative;
        top: -1px;
        left: 0;
        transition:left 0.2s ease-in;
}
.acc-balance a.bck:hover:before,
.acc-odetail a.bck:hover:before{
        left: -3px;
}
.acc-odetail .citem{
        margin: 15px 0 0;
        padding: 16px 18px;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        background: #fff;
        font-size: 14px;
}
.acc-odetail .citem.border-alt,
.acc-odetail .col:last-child > .citem{
        border-color: #192F28;
        border-radius: 0;
}
.acc-odetail .citem:first-child{
        margin: 0;
}
.acc-odetail .cstat{
        text-align: right;
}
.acc-odetail .cstat > *{
        display: inline-block;
        vertical-align: middle;
}
.acc-odetail .cstat > span{
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 8px;
        border-radius: 4px;
        float: left;
        position: relative;
}
.acc-odetail .cstat > b{
        font-size: 12px;
        color: #565F62;
}
.acc-odetail .cstat > i{
        width: 1px;
        height: 10px;
        background: #E9E7EC;
        margin: 0 4px 0 5px;
}
.acc-odetail h3.ctrigger{
        position: relative;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        color: #0F1A1E;
}
.acc-odetail h3.ctrigger:after{
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/arrow-down2.svg);
        right: 0;
        top: 0;
        position: absolute;
}
.acc-odetail h3.ctrigger.expanded:after{
        transform: rotate(-180deg);
}
.acc-odetail h3.ctrigger + .cwrap{
        margin: 15px 0 0;
        display: none;
}
.acc-odetail h3.ctrigger.expanded + .cwrap{
        display: block;
}
.acc-odetail .csums table{
        margin: 0;
}
.acc-odetail .cship span{
        display: block;
        line-height: 100%;
        margin: 0 0 15px;
        color: #565F62;
        font-size: 14px;
        font-weight: 400;
}
.acc-odetail .cship .border{
        margin: 16px 0;
        border-bottom: 1px dashed #E9E8E6;
}
.acc-odetail .cprod .prod:not(:first-child){
        margin: 16px 0 0;
}
.acc-odetail .cprod .prod .caption{
        position: relative;
}
.acc-odetail .cprod .prod .caption em{
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 14px;
        color: #1E1E1E;
}
.acc-odetail .cprod .prod p.anote{
        margin: 10px 0 0;
        font-size: 14px;
        display: block;
}
.acc-odetail .cprod .prod .orev{
        margin: 8px 0 0;
}
.acc-odetail .cprod .prod p.anote + .orev{
        margin: 5px 0 0;
        display: block;
}
.acc-odetail .cprod .prod .orev .rate{
        position: relative;
        left: -2px;
}
.acc-odetail .cprod .prod .orev p{
        font-size: 12px;
        margin: 5px 0 0;
}
.acc-odetail .cpay .layer{
        background: #fff;
        border: 1px solid #192F28;
        border-radius: 0px;
        padding: 16px;
        font-size: 14px;
}
.acc-odetail .cpay .instruct h2{
        font-weight: 700;
        font-size: 14px;
        padding: 16px 0 0;
        margin: 16px 0 0;
        border-top: 1px solid #E8E8E8;
}
.acc-odetail .cpay .instruct .format-text{
        color: #565F62;
        font-size: 12px;
}
.acc-odetail .cpay .instruct .format-text ul,
.acc-odetail .cpay .instruct .format-text ol{
        padding-left: 20px;
}
.acc-odetail .cdelv table{
        width: 100%;
}
.acc-odetail .cdelv table td{
        padding: 0 0 15px;
        font-size: 14px;
        color: #606165;
        text-align: right;
}
.acc-odetail .cdelv table td:first-child{
        text-align: left;
}
.acc-odetail .cdelv table tr:first-child td:first-child{
        color: #313238;
}
.acc-odetail .cdelv table tr:last-child td{
        padding: 0;
}
.acc-odetail .cdelv table tr td b{
        color: #313238;
        font-weight: 700;
}
.acc-odetail .cdelv table td small{
        color: #606165;
}
.acc-odetail .cdelv table td strong{
        color: #877669;
        font-weight: 700;
}
.acc-odetail .citem .prod{
        margin: 16px 0 0;
        padding: 16px 0 0;
        border-top: 1px solid #E9E8E6;
}
.acc-odetail .citem .prod:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
.acc-odetail .cusage .format-text{
        font-size: 14px;
}
.acc-odetail .crev .rprod figure{
        display: inline-block;
        vertical-align: middle;
        width: 40px;
}
.acc-odetail .crev .rprod figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
}
.acc-odetail .crev .rprod .caption{
        width: calc(100% - 40px);
        padding-left: 12px;
        display: inline-block;
        vertical-align: middle;
}
.acc-odetail .crev .form-basic{
        margin: 18px 0 0;
}
.acc-odetail .crev .form-basic > b{
        display: block;
        color: #565F62;
        font-size: 12px;
        margin: 0 0 5px;
}
.acc-odetail .crev .rate-wrap{
        margin: 0 0 10px;
}
.acc-odetail .crev .upfield{
        position: relative;
        margin: 12px 0 0;
}
.acc-odetail .crev .upfield input[type='file']{
        display: block;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: red;
        top: 0;
        left: 0;
        opacity: 0;
}
.acc-odetail .crev .upfield .aimg{
        position: relative;
        z-index: 1;
        color: #192F28;
        font-size: 12px;
}
.acc-odetail .crev .upfield .aimg:before{
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/aimg.svg);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 8px;
        top: -1px;
}
.acc-odetail .crev .upfield figure{
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        margin-right: 6px;
        z-index: 3;
}
.acc-odetail .crev .upfield figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
}
.acc-odetail .crev .upfield figure .cvr-bg{
        width: 8px;
        height: 8px;
        background-image: url(../img/icon/xrev.svg);
        position: absolute;
        display: inline-block;
        right: 3px;
        top: 4px;
}
.acc-odetail .crev .upfield .oimg{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 40px;
        height: 40px;
        text-align: center;
        border: 1px solid #F4F4F4;
        border-radius: 4px;
}
.acc-odetail .crev .upfield .oimg em{
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(../img/icon/oimg.svg);
        margin: 7px 0 0;
}
.acc-odetail .crev .upfield .oimg b{
        display: block;
        line-height: 100%;
        font-size: 8px;
}
.acc-odetail .crev .upfield figure + figure + figure + .oimg + input,
.acc-odetail .crev .upfield figure + figure + figure + .oimg{
        display: none;
}
.acc-wishlist .list{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -22px;
}
.acc-wishlist .list .product-item{
        flex: calc(33.33333333333333333333333% - 44px);
        max-width: calc(33.33333333333333333333333% - 44px);
        margin: 0 22px 44px;
        background: #fff;
}
.acc-profile .depe {
        margin: 0 0 45px;
}
.acc-profile .depe > *:not(h2){
        display: inline-block;
        vertical-align: middle;
}
.acc-profile .depe figure{
        width: 108px;
        margin: 0 30px 0 0;
}
.acc-profile .depe figure img{
        border-radius: 50%;
}
.acc-profile .depe .upfield{
        position: relative;
        margin-right: 15px;
}
.acc-profile .depe .upfield input{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: red;
        opacity: 0;
}
.acc-profile .depe  small{
        font-size: 12px;
        color: #565F62;
}
.acc-profile .depe .button{
        height: 40px;
        line-height: 40px;
        width: 120px;
        padding: 0 5px;
        font-size: 14px;
        border-radius: 4px;
}
.acc-setting h2 {
        font-family: 'TAN - Angleton';
        margin: 0 0 20px;
}
.acc-setting .form-basic .fgroup > label{
        font-weight: 400;
        color: #0F1A1E;
        margin: 0 0 5px;
}
.inner-acc .acc-addr .rowflex{
        margin: 0 -24px;
        justify-content: flex-start;
}
.acc-addr .item{
        flex: calc(50% - 48px);
        max-width: calc(50% - 48px);
        margin: 0 24px 24px;
        border: 1px solid #BEC2C4;
        padding: 20px 20px 15px;
        font-size: 14px;
        background: #fff;
}
.acc-addr .item.current{
        border: 1px solid #192F28;
}
.acc-addr .item h3{
        color: #0F1A1E;
        font-weight: 700;
        line-height: 130%;
        margin:  0 0 15px;
        font-size: 14px;
}
.acc-addr .item .addrtxt{
        line-height: 180%;
        margin: 0 0 15px;
        color: #606165;
}
.acc-addr .item .addrtxt b{
        color: #313238;
}
.acc-addr .item .action{
        padding-top: 15px;
        border-top: 1px solid #E9E7EC;
}
.acc-addr .item a:hover{
        text-decoration: underline;
}
.acc-addr .item .action > a{
        float: left;
        color: #192F28;
}
.acc-addr .item.current .action > a{
        cursor: default;
        color: #192F28;
}
.acc-addr .item .action .mod{
        float: right;
}
.acc-addr .item .mod a{
        color: #192F28;
        display: inline-block;
        vertical-align: middle;
}
.acc-addr .item .mod a:first-child{
        color: #606165;
        margin-right: 25px;
}
.acc-addr .item.current .mod a:first-child{
        display: none;
}
.acc-addr .centered{
        padding: 20px 0 0;
}
.biteship-search{
        position: relative;
        z-index: 9;
}
.biteship-search .holder{
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        background: #fff;
	border-radius: 4px;
	border: 1px solid #E9E7EC;
        padding: 5px 10px;
        opacity: 0;
        visibility: hidden;
        opacity: 0;
        margin: 10px 0 0;
        transition:all 0.2s ease-in;
}
.biteship-search input:focus + .holder{
        opacity: 1;
        visibility:visible;
        margin: 5px 0 0;
}
.biteship-search .holder > .scrollbar-inner{
        max-height: 150px !important;
        padding: 2px 15px;
}

.biteship-search:after{
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/search.svg);
        opacity: 1;
        transition:opacity 0.2s ease-in;
        position: absolute;
        right: 15px;
        top: 15px;
}
.biteship-search.fetching:after{
        background-image: url(../img/loading.gif);
}
#popmethodpay .scrollbar-inner.scroll-content {
        max-height: 330px !important;
}
.guest-wrap{
	position: relative;
	font-size: 14px;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #E9E8E6;
}
.guest-wrap label{
	display: block;
	margin: 0 0 20px;
	line-height: 100%;
	font-weight: 600;
}
.guest-wrap a{
	display: inline-block;
	position: absolute;
	right: 0;
	top: -5px;
	color: #CDA55C;
	font-weight: 600;
}
.guest-wrap a:hover{
	text-decoration: underline;
}
.guest-wrap input{
	float: left;
	width: 43.5% !important;
}
.guest-wrap small{
	float: right;
	color: #606165;
	font-size: 12px;
	font-style: italic;
	line-height: 150%;
	width: 53%;
	position: relative;
	top: 5px;
}
/* body.woocommerce-order-received p.woocommerce-notice{
	display: none;
} */
#popmap{
        width: 95%;
        max-width: 700px;
        padding: 30px;
        border-radius: 5px;
}
#popmap .fancybox-close-small{
        display: none;
}
#popmap .iframe-holder{
        padding: 0;
        height: 320px;
}
#popmap .map-holder{
        position: relative;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
}
#popmap .form-basic{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        padding: 10px 10px 0;
}
#popmap .caption{
        padding: 16px;
        color: #606165;
        font-size: 14px;
        line-height: 160%;
        border: 1px solid #ECECEC;
        border-top: 0;
        border-radius: 0 0 10px 10px;
        margin: 0 0 25px;
}
#popmap .caption h3{
        font-weight: 600;
        line-height: 130%;
        margin: 0 0 5px;
}
#popmap .choose-location{
        cursor: pointer;
}
.pac-container{
        z-index: 99999 !important;
}
#pop-promo{
        width: 100%;
        max-width: 960px;
        padding: 0;
}
#pop-promo .rowflex > *{
        flex: 50%;
        max-width: 50%;
        position: relative;
}
#pop-promo figure > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
#pop-promo figure:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#192f28+0,000000+100&1+0,0+100 */
        background: linear-gradient(135deg,  rgba(25,47,40,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#pop-promo figure span{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 3;
        padding: 22px 0 0 25px;
}
#pop-promo .caption{
        padding: 50px;
}
#pop-promo .caption h2{
        font-family: 'TAN - Angleton';
        font-size: 32px;
        line-height: 150%;
        color: #0F1A1E;
}
#pop-promo .caption .format-text{
        color: #565F62;
        font-size: 14px;
        line-height: 200%;
        margin: 20px 0 0;
}
#pop-promo .caption .act{
        margin: 30px 0 0;
}
#pop-promo .caption .act > *{
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
}
#pop-promo .caption .txt{
        color: #848E91;
        font-size: 12px;
        line-height: 170%;
        margin: 20px 0 0;
}
#pop-promo .fancybox-close-small{
        opacity: .5;
}
#loader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #fff;
}
#loader figure{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}
#loader figure img{
	display: inline-block;
	animation: UpDown 2s linear infinite;
	position: relative;
}
@keyframes UpDown { 0% { bottom: 0; } 50% { bottom: 1em; } 100% { bottom: 0;}}

.mainmenu li.mega-menu{
        position: static;
}
.menu-product{
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        margin: 25px 0 0;
        transition:all 0.2s ease-in;
        padding: 50px 0;
        text-align: left;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
}
li:hover .menu-product{
        margin: 20px 0 0;
        opacity: 1;
        visibility: visible;
}
.menu-product:before{
        display: block;
        position: absolute;
        left: 0;
        top: -20px;
        height: 20px;
        width: 100%;
        background: blue;
        content: '';
        opacity: 0;
}
.menu-product .hentry{
        margin: 0 0 35px;
}
.menu-product .hentry h2{
        font-family: 'TAN - Angleton';
        font-size: 24px;
        color: #192F28;
        line-height: 130%;
}
.menu-product .hentry .format-text{
        color: #565F62;
        font-size: 14px;
        margin: 15px 0 0;
}
.menu-product .nav-item{
        display: none;
}
.menu-product .nav-item.current{
        display: flex;
}
.menu-product .rowflex{
        justify-content: space-between;
}
.menu-product .nav{
        flex: 16.2%;
        max-width: 16.2%;
}
.menu-product .caption .mobile-toggle,
.menu-product .nav a{
        display: block;
        position: relative;
        color: #0F1A1E;
        font-size: 16px;
        padding: 0 0 20px;
        margin: 0 0 20px;
        transition:color 0.2s ease-in;
}
.menu-product .caption .mobile-toggle.current,
.menu-product .nav a.current,
.menu-product .nav a:hover{
        color: #192F28;
}
.menu-product .caption .mobile-toggle.current,
.menu-product .nav a.current{
        font-weight: 700;
}
.menu-product .caption .mobile-toggle:after,
.menu-product .nav a:after{
        display: block;
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        background: #192F28;
        height: 2px;
        content: '';
        display: none;
}
.menu-product .caption .mobile-toggle.current:after,
.menu-product .nav a.current:after{
        display: block;
}
.menu-product .caption{
        flex: 74%;
        max-width: 74%;
}
.menu-product .caption .nav-item{
        flex-wrap: wrap;
        justify-content: space-between;
}
.menu-product .prod-list{
        flex: 30%;
        max-width: 30%;
}
.menu-product .prod-item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 16px;
}
.menu-product .prod-item figure{
        flex: 48px;
        max-width: 48px;
}
.menu-product .prod-item .cap{
        flex: calc(100% - 65px);
        max-width: calc(100% - 65px);
}
.menu-product .prod-item h3{
        color: #0F1A1E;
        font-size: 14px;
        margin: 0 0 5px;
}
.menu-product .prod-item h3 a{
        color: #0F1A1E;
}
.menu-product .prod-item h3 + a{
        display: inline-block;
        color: #E1C38C;
        font-size: 14px;
}
.menu-product .thumb{
        flex: 40%;
        max-width: 40%;
}
.menu-product .thumb figure{
        width: 100%;
        height: 210px;
        margin: 0 0 18px;
}
.menu-product .thumb figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.menu-product .thumb h3{
        float: left;
        color: #192F28;
        font-size: 16px;
        font-weight: 700;
}
.menu-product .thumb a{
        float: right;
        color: #E1C38C;
        font-size: 16px;
}
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){
        
}

/* Custom WooCommerce Styles */
body.woocommerce-page.woocommerce-order-received > div.woocommerce > div.woocommerce-order {
    border: solid 1px #aaa;
    padding: 0 20px;
}

.post-type-archive-product .product-suggestion .hentry h2 {
    font-size: 32px;
    float: left;
}

span.product-stock {
    display: none;
}