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

/** HEADER **/
#top{
        background: #fff;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
        z-index: 999;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition:background 0.2s ease;
}
body.white-head.ontop:not(.open-menu) #top{
        background: rgba(0,0,0,0);
}
#top .rowflex{
        justify-content: flex-start;
        align-items: center;
}
#top .logo{
        flex: 118px;
        max-width: 118px;
        margin-bottom: -15px;
}
#top .mainmenu{
        flex: calc(100% - 345px);
        max-width: calc(100% - 345px);
        padding-left: 45px;
}
.mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
}
.mainmenu a{
        color: #52575C;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'DIN Engschrift Std';
        transition:color 0.2s ease-in;
}
.mainmenu li.current-menu-item > a,
.mainmenu a:hover{
        color: #E11A27;
}
body.white-head.ontop:not(.open-menu) #top .lang span,
body.white-head.ontop:not(.open-menu) .mainmenu a:not(:hover){
        color: #fff;
}
body.white-head.ontop:not(.open-menu) #top .lang:before{
        background: #fff;
}

#top .util{
        flex: 225px;
        max-width: 225px;
        text-align: right;
}
#top .util > *{
        display: inline-block;
        vertical-align: middle;
}
#top .util >a{
        width: 20px;
        height: 20px;
        margin-right: 20px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
        position: relative;
}
body.white-head.ontop:not(.open-menu) .mainmenu li.cat-trigger > a:after,
body.white-head.ontop:not(.open-menu) #top .lang span:after,
body.white-head.ontop:not(.open-menu) #top .util >a.bag:after,
body.white-head.ontop:not(.open-menu) #top .util >a:not(.bag){
        filter: brightness(0) invert(1);
}
#top .util >a:hover{
        opacity: .7;
}
#top .util >a.sch{
        background-image: url(../img/icon/search.png);
}
#top .util >a.bag:after{
        background-image: url(../img/icon/cart.svg);
        display: block;
        width: 20px;
        height: 20px;
        position: relative;
        z-index: 1;
}
#top .util >a.bag i{
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-size: 10px;
        font-weight: 700;
        line-height: 16px;
        background: #E11A27;
        right: -9px;
        top: -7px;
        z-index: 2;
}
#top .util >a.prf{
        background-image: url(../img/icon/user.svg);
}
#top .lang{
        position: relative;
}
#top .lang:before{
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        content: '';
        height: 20px;
        background: #E8E8E8;
        margin-right: 20px;
}
#top .lang span{
        display: inline-block;
        vertical-align: middle;
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
        font-size: 16px;
        color: #52575C;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        position: relative;
        top: 2px;
}
#top .lang ul b:before,
#top .lang ul a:before,
#top .lang span:before{
        width: 18px;
        height: 18px;
        margin-right: 8px;
        border-radius: 50%;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
        position: relative;
        top: -2px;
}
#top .lang ul b.flag-id:before,
#top .lang ul a.flag-id:before,
#top .lang span.flag-id:before{
        background-image: url(../img/icon/flag-id.png);
}
#top .lang ul b.flag-en:before,
#top .lang ul a.flag-en:before,
#top .lang span.flag-en:before{
        background-image: url(../img/icon/flag-en.png);
}
.mainmenu li.cat-trigger > a:after{
        content: '';
}
.mainmenu li.cat-trigger > a:after,
#top .lang span:after{
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        width: 9px;
        height: 6px;
        background-image: url(../img/icon/arrow-down.svg);
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
        position: relative;
        top: -1px;
}
#top .lang:hover span:after{
        transform: rotate(180deg);
}
#top .lang ul{
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        background: #fff;
        text-align: left;
        box-shadow: 0px 2px 6px 0px rgba(35, 35, 35, 0.04);
        border: 1px solid #E8E8E8;
        padding: 6px 0;
        margin: 15px 0 0;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
#top .lang:hover ul{
        opacity: 1;
        visibility: visible;
        margin: 10px 0 0;
}
#top .lang ul:before{
        display: block;
        position: absolute;
        left: 0;
        top: -10px;
        width: 100%;
        height: 15px;
        background: red;
        content: '';
        opacity: 0;
}
#top .lang ul li b,
#top .lang ul li a{
        color: #52575C;
        font-size: 16px;
        text-transform: uppercase;
        transition:color 0.2s ease-in;
        font-family: 'DIN Engschrift Std';
        display: block;
        padding: 6px 12px;
}
#top .lang ul li b,
#top .lang ul li a:hover{
        color: #E11A27;
}
#top .lang ul li b:after,
#top .lang ul li a:after{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/check.svg);
        margin-left: 11px;
        top: -2px;
}
#top .lang ul li a:after{
        opacity: 0;
}
#body{
        padding-top: 103px;
}
body.white-head #body{
        padding-top: 0;
}
/** FOOTER **/
#bottom{
        background: #232323;
        color: #fff;
}
#bottom .border{
        display: block;
        height: 1px;
        width: 100%;
        background: #E8E8E8;
        opacity: .1;
        margin: 35px 0 0;
}
#bottom .rowflex{
        justify-content: space-between;
}
#bottom .subs .rowflex{
        align-items: center;
}
#bottom .subs{
        padding: 40px 0 0;
}
#bottom .subs .caption{
        flex: 51%;
        max-width: 51%;
}
#bottom .subs form{
        flex: 35%;
        max-width: 35%;
}
#bottom .subs form input{
        color: #fff;
        border-radius: 0;
        font-weight: 700;
        background: rgba(255,255,255,.1);
        border: none;
}
#bottom .subs form > *{
        display: inline-block;
        vertical-align: middle;
}
#bottom .subs form input{
        width: calc(100% - 111px);
}
#bottom .subs .button{
        padding: 0 15px;
        margin-left: 5px;
        font-weight: 700;
}
#bottom .subs h2{
        font-family: 'DIN Engschrift Std';
        font-size: 32px;
        line-height: 100%;
        margin: 0 0 10px;
}
#bottom .subs .txt{
        font-weight: 700;
        opacity: .6;
        line-height: 170%;
}
.footer-widget{
        padding: 55px 0 0;
}
.footer-widget .widget{
        flex: 13%;
        max-width: 13%;
}
.footer-widget .widget-txt{
        flex: 32%;
        max-width: 32%;
}
 .widget-txt .txt{
        color: #A0A4A8;
        font-weight: 700;
        line-height: 170%;
        max-width: 320px;
 }
 .widget-txt .txt > *:not(:first-child){
        margin: 30px 0 0;
 }
 .widget-txt .txt strong{
        color: #fff;
 }
 .widget-txt .txt blockquote{
        color: #E11A27;
        font-size: 40px;
        font-family: 'DIN Engschrift Std';
        font-weight: 400;
        line-height: 50%;
        margin: 20px 0 0 !important;
 }
.footer-widget .widget-social{
        flex: 16%;
        max-width: 16%;
}
.footer-widget h3{
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
        font-size: 20px;
        margin: 0 0 20px;
}
.footer-widget li{
        display: block;
        line-height: 160%;
        margin: 0 0 5px;
}
.footer-widget li a{
        color: #A0A4A8;
        font-weight: 700;
        transition:color 0.2s ease-in;
}
.footer-widget li a:hover{
        color: #fff;
}
.footer-widget .widget-social .soc a{
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
        width: 24px;
        height: 24px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.footer-widget .widget-social .soc a:hover{
        opacity: .6;
}
.footer-widget .widget-social .soc a.fb{
        background-image: url(../img/icon/fb.svg);
}
.footer-widget .widget-social .soc a.tk{
        background-image: url(../img/icon/tk.svg);
}
.footer-widget .widget-social .soc a.ig{
        background-image: url(../img/icon/ig.svg);
}
.footer-widget .widget-social .soc a.yb{
        background-image: url(../img/icon/yb.svg);
        margin: 0;
}
.footer-widget .widget-social .soc + a{
        display: block;
        color: #fff;
        font-weight: 700;
        margin: 40px 0 0;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.footer-widget .widget-social .soc + a:hover{
        opacity: .6;
}
.footer-widget .widget-social .soc + a:before{
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 17px;
        background-image: url(../img/icon/ml.svg);
        margin-right: 9px;
        top: -1px;
}
#bottom .tribute{
        text-align: center;
        padding: 35px 0;
        color: rgba(255, 255, 255, 0.60);
        font-weight: 700;
        font-size: 12px;
}
#bottom .tribute strong{
        color: #fff;
}
a.cwa{
        display: block;
        position: fixed;
        right: 40px;
        bottom: 30%;
        background-image: url(../img/icon/wa.svg);
        z-index: 99;
        width: 80px;
        height: 80px;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
a.cwa.show{
        opacity: 1;
        visibility: visible;
}
/** INNER PAGE **/
.inner-page{
        padding: 0 0 160px;
}
.inner-page .page-title{
        margin: 0 0 55px;
}
.inner-page > .wrapper{
        max-width: 800px;
}
/** INNER CONTACT **/
.inner-contact .submis{
        overflow: hidden;
}
.inner-contact .submis .rowflex > *{
        padding-top: 90px;
        padding-bottom: 180px;
}
.inner-contact .submis .info{
        flex: 42%;
        max-width: 42%;
        padding-right: 110px;
}
.inner-contact .submis .form-basic{
        flex: 58%;
        max-width: 58%;
        position: relative;
        padding-left: 120px;
}
.inner-contact .submis .form-basic:after{
        position: absolute;
        left: 0;
        top: 0;
        width: 80vw;
        height: 100%;
        content: '';
        z-index: 1;
        background: #F7F7F7;
}
.inner-contact .submis .form-basic > *{
        position: relative;
        z-index: 2;
}
.inner-contact .submis h2{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        line-height: 100%;
        margin: 0 0 15px;
}
.inner-contact .submis .txt{
        color: #A0A4A8;
        font-size: 16px;
        line-height: 150%;
}
.inner-contact .submis .txt > *:not(:first-child){
        margin: 20px 0 0;
}
.inner-contact .submis form{
        padding-top: 25px;
}
.inner-contact .submis .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 40px 0 0;
}
.inner-contact .submis .item figure{
        flex: 64px;
        max-width: 64px;
}
.inner-contact .submis .item .cap{
        flex: calc(100% - 88px);
        max-width: calc(100% - 88px);
        padding: 8px 0 0;
        line-height: 170%;
        color: #A0A4A8;
}
.inner-contact .submis .item strong,
.inner-contact .submis .item a{
        color: #232323;
        font-weight: 700;
        font-size: 16px;
}
.inner-contact .submis .item a{
        text-decoration: underline;
}
.inner-contact .submis textarea{
        min-height: 150px;
}
.inner-comm .list{
        padding: 60px 0 160px;
}
.inner-product .related .hentry,
.inner-home .news .hentry,
.inner-about .related .hentry,
.inner-comm .hentry{
        margin: 0 0 40px;
        border-bottom: 1px solid #E8E8E8;
}
.inner-product .related h2,
.inner-home .news .hentry h2,
.inner-home .products .hentry h2,
.inner-about .related .hentry h2,
.inner-comm .hentry h2{
        float: left;
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        text-transform: uppercase;
        padding: 0 0 10px;
        border-bottom: 3px solid #E11A27;
        position: relative;
        bottom: -1px;
}

.inner-comm .hentry a{
        float: right;
        width: 40px;
        height: 40px;
        background-image: url(../img/icon/ig-red.svg);
        position: relative;
        top: 10px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.inner-comm .hentry a:hover{
        opacity: .8;
}
.inner-comm .list .rowflex{
        margin: 0 -21px;
}
.inner-comm .list .item{
        flex: calc(33.333333333333333333333% - 42px);
        max-width: calc(33.333333333333333333333% - 42px);
        margin: 0 21px 52px;
}
.inner-comm .item .caption{
        margin: 16px 0 0;
}
.inner-comm .item .prof > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-comm .item .prof figure{
        width: 56px;
}
.inner-comm .item .prof figure img{
        border-radius: 50%;
}
.inner-comm .item .prof .cap{
        width: calc(100% - 56px);
        padding-left: 16px;
}
.inner-comm .item .prof h3{
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        line-height: 115%;
        margin: 0 0 3px;
}
.inner-comm .item .prof h3 a{
        color: #232323;
}
.inner-comm .item .prof span a{
         color: #A0A4A8;
}
.inner-comm .item .txt{
        line-height: 145%;
        color: #52575C;
        margin: 15px 0 0;
}
/** FAQ **/
.inner-faq{
        padding: 80px 0 160px;
}
.inner-faq .rowflex{
        align-items: flex-start;
        justify-content: space-between;
}
.inner-faq aside{
        flex: 21%;
        max-width: 21%;
        border: 1px solid #E8E8E8;
        background: #fff;
        padding: 24px 24px 15px;
}
.inner-faq aside h3{
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        line-height: 100%;
        margin: 0 0 25px;
        text-transform: uppercase;
        position: relative;
}
.inner-faq aside h3:after{
        display: none;
}
.inner-faq aside li{
        margin: 0 0 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #E8E8E8;
}
.inner-faq aside li:last-child{
        margin: 0;
        padding: 0;
        border: none;
}
.inner-faq aside li.current-menu-item:not(:last-child),
.inner-faq aside li.current:not(:last-child){
        border-bottom: 2px solid #E11A27;
}
.inner-faq aside li a{
        color: #52575C;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'DIN Engschrift Std';
        transition:color 0.2s ease-in;
}
.inner-faq aside li.current-menu-item a,
.inner-faq aside li.current a,
.inner-faq aside li a:hover{
        color: #E11A27;
}
.inner-faq article{
        flex: 76%;
        max-width: 76%;
}
.inner-faq .hentry{
        text-align: center;
        max-width: 450px;
        margin: 0 auto 60px;
}
.inner-faq .hentry h2{
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
        font-size: 56px;
}
.inner-faq .hentry .txt{
        color: #A0A4A8;
        font-size: 16px;
        margin: 15px 0 0;
        line-height: 160%;
}
.inner-faq .acc-item:not(:first-child){
        margin: 16px 0 0;
}
.inner-news .search{
        position: relative;
        z-index: 2;
        top: -27px;
        margin: 0 0 29px;
}
.pop-search .form-basic button,
.inner-news .search button{
        position: absolute;
        margin: 0;
        cursor: pointer;
        background: none;
        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/search-red.png);
        border: none;
        content: '';
        width: 20px;
        height: 20px;
        padding: 0;
        top: 17px;
        left: 20px;
}
.pop-search .form-basic form,
.inner-news .search form{
        position: relative;
}
.pop-search .form-basic input,
.inner-news .search input{
        height: 55px;
        padding-left: 50px;
}
.inner-news .hentry{
        margin: 0 0 30px;
        position: relative;
        z-index: 3;
}
.inner-news .hentry h2{
        float: left;
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        text-transform: uppercase;
}
.inner-news .hentry .drops{
        float: right;
        position: relative;
}
.inner-news .hentry .drops span{
        display: inline-block;
        color: #52575C;
        font-size: 16px;
        cursor: pointer;
}
.inner-news .hentry .drops span:after{
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/arrow-drops.svg);
        margin: 0 0 0 7px;
        position: relative;
        top: -1px;
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.inner-news .hentry .drops:hover span:after{
        transform: rotate(180deg);
}
.inner-news .hentry .drops ul{
        display: block;
        position: absolute;
        right: 0;
        width: 200px;
        box-shadow: 0px 2px 6px 0px rgba(35, 35, 35, 0.04);
        border: 1px solid #E8E8E8;
        background: #fff;
        padding: 16px;
        margin: 5px 0 0;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.inner-news .hentry .drops:hover ul{
        margin: 0;
        opacity: 1;
        visibility: visible;
}
.inner-news .hentry .drops li{
        display: block;
        margin: 0 0 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #E8E8E8;
}
.inner-news .hentry .drops li:last-child{
        margin: 0;
        padding: 0;
        border: none;
}
.inner-news .hentry .drops a{
        color: #232323;
        font-size: 16px;
        transition:color 0.2s ease-in;
}
.inner-news .hentry .drops a:hover{
        color: #E11A27;
}
.inner-home .news .rowflex,
.inner-about .related .rowflex,
.detail-news .related .rowflex,
.inner-news .list .rowflex{
        margin: 0 -21px;
}
.inner-news .list{
        padding: 0 0 160px;
}
.inner-home .news .news-item,
.inner-about .related .news-item,
.detail-news .related .news-item,
.inner-news .list .news-item{
        flex: calc(33.33333333333333333% - 42px);
        max-width: calc(33.33333333333333333% - 42px);
        margin: 0 21px 60px;
}
.detail-news{
        padding: 50px 0 160px;
}
.detail-news .crumb{
        margin: 0 0 60px;
}
.detail-news .hentry{
        text-align: center;
        margin: 0 0 50px;
}
.detail-news .content > .wrapper,
.detail-news .hentry .wrapper{
        max-width: 730px;
}
.detail-news .hentry h1{
        color: #161616;
        font-size: 40px;
        line-height: 130%;
        font-family: 'DIN Engschrift Std';
        margin: 0 0 15px;
}
.detail-news .hentry span{
        display: block;
        color: #A0A4A8;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 25px;
}
.detail-news .hentry a{
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        margin: 0 8px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.detail-news .hentry a:hover{
        opacity: .8;
}
.detail-news .hentry a.sh{
        background-image: url(../img/icon/share-more.svg);
}
.detail-news .hentry a.tw{
        background-image: url(../img/icon/share-tw.svg);
}
.detail-news .hentry a.fb{
        background-image: url(../img/icon/share-fb.svg);
}
.detail-news .hentry a.in{
        background-image: url(../img/icon/share-in.svg);
}
.detail-news .content > figure{
        margin: 0 0 50px;
}
.detail-news .content > figure img{
        display: block;
        width: 100%;
}
.detail-news .related {
        margin: 100px 0 0;
}
.detail-news .related h2{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        margin: 0 0 30px;
        text-transform: uppercase;
}
/** ABOUT **/
.inner-about{
        padding: 0 0 160px;
}
.inner-about .content{
        margin: 65px 0 0;
}
.inner-about .content .wrapper{
        max-width: 730px;
}
.inner-about .mason a img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-about .gallery{
        margin: 90px 0 0;
}
.inner-about .mason{
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: auto auto;
}
.inner-about .mason a{
        grid-area: span 2 / span 1 / span 1 / span 1;
        background: red;
}
.inner-about .mason a:nth-child(1){
        grid-area: span 3 / span 2 / span 2 / span 2;
}
.inner-about .mason a:nth-child(3){
        grid-area: span 3 / span 1 / span 1 / span 1;
}
.inner-about .related{
        margin: 90px 0 0;
}
.inner-home .news .hentry a,
.inner-about .related .hentry a{
        display: inline-block;
        color: #232323;
        font-weight: 700;
        transition:color 0.2s ease-in;
        position: relative;
        top: 20px;
        float: right;
}
.inner-home .news .hentry a:hover,
.inner-about .related .hentry a:hover{
        color: #E11A27;
        text-decoration: underline;
}
.inner-cred{
        padding: 60px 0 120px;
}
.inner-cred .wrapper{
        max-width: 360px;
}
.inner-cred .wrapper.wider{
        max-width: 540px;
}
#poplogin .hentry,
.inner-cred .hentry{
        margin: 0 0 50px;
        text-align: center;
}
#poplogin .hentry h2,
#popforgotpass h2,
.inner-cred .hentry h2{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        line-height: 100%;
        text-transform: uppercase;
}
.inner-cred .hentry .txt{
        max-width: 410px;
        margin: 10px auto 0;
        color: #52575C;
        line-height: 170%;
}
#poplogin .rmb,
.inner-cred form .rmb{
        float: left;
        font-size: 12px;
}
#poplogin .rmb input,
.inner-cred form .rmb input{
        display: none;
}
#poplogin .rmb span,
.inner-cred form .rmb span{
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        padding-left: 25px;
}
#poplogin .rmb span a,
.inner-cred form .rmb span a{
        color: #E11A27;
        text-decoration: underline;
}
#poplogin .rmb span:before,
.inner-cred form .rmb span:before{
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/uncheck.svg);
        margin-right: 12px;
        position: relative;
        top: -1px;
        position: absolute;
        left: 0;
}
#poplogin .rmb input:checked + span:before,
.inner-cred form .rmb input:checked + span:before{
        background-image: url(../img/icon/checked.svg);
}
#poplogin .rmb + a,
.inner-cred .rmb + a{
        float: right;
        color: #E11A27;
        font-size: 12px;
}
#poplogin .rmb + a:hover,
.inner-cred .info a:hover,
.inner-cred .rmb + a:hover{
        text-decoration: underline;
}
.inner-cred .info{
        text-align: center;
        color: #52575C;
        padding: 45px 0 0;
}
.inner-cred .info a{
        color: #E11A27;
        font-weight: 700;
}
#poplogin .alter-login,
.inner-cred .alter-login{
        margin: 25px 0 0;
}
#poplogin .alter-login span,
.inner-cred .alter-login span{
        display: block;
        position: relative;
        text-align: center;
        margin: 0 0 25px;
}
#poplogin .alter-login span:after,
.inner-cred .alter-login span:after{
        display: block;
        position: absolute;
        width: calc(100% - 60px);
        left: 30px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 1px;
        background: #E8E8E8;
        z-index: 1;
        content: '';
}
#poplogin .alter-login span b,
.inner-cred .alter-login span b{
        display: inline-block;
        position: relative;
        color: #52575C;
        line-height: 100%;
        padding: 0 12px;
        background: #fff;
        z-index: 2;
}
#poplogin .btn-google:before,
.inner-cred .btn-google:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/google.svg);
        margin-right: 12px;
        top: -1px;
}
#popforgotpass{
        max-width: 480px;
        padding: 48px;
}
#popforgotpass .txt{
        color: #52575C;
        line-height: 170%;
        margin: 10px 0 30px;
}
/** INNER HOME **/
.inner-home {
        padding: 0 0 120px;
}
.inner-home .hero .slider{
        position: relative;
}
.inner-home .hero .slick-dots{
        position: absolute;
        z-index: 4;
        left: 0;
        bottom: 27px;
        width: 100%;
}
.inner-home .hero .item{
        position: relative;
        padding: 240px 0 180px;
        color: #fff;
}
.inner-home .grid .item:after,
.inner-home .hero .item:after{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(77deg, rgba(0, 0, 0, 0.80) -22.45%, rgba(0, 0, 0, 0.00) 100%);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: '';
}
.inner-home .hero .item > .plyr,
.inner-home .hero .item > img{
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-home .hero .item > .plyr{
        
}
.inner-home .hero .wrapper{
        position: relative;
        z-index: 3;
}
.inner-home .hero .pusher{
        display: inline-block;
        text-align: center;
        max-width: 460px;
        min-height: 345px;
}
.inner-home .hero .item video{
        height: auto;
        position: relative;
}
.inner-home .hero span.button{
        height: 34px;
        line-height: 34px;
        padding: 0 12px;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 25px;
}
.inner-home .hero h2{
        font-family: 'DIN Engschrift Std';
        font-size: 56px;
        line-height: 110%;
        text-transform: uppercase;
}
.inner-home .hero .txt{
        font-weight: 700;
        line-height: 170%;
        margin: 15px 0 0;
}
.inner-home .hero .txt + .button{
        margin: 50px 0 0;
}
.inner-home .grid{
        margin: 70px 0 0;
}
.inner-home .grid .rowflex{
        margin: 0 -3px;
}
.inner-home .grid .item{
        flex:calc(28.5% - 6px);
        max-width:calc(28.5% - 6px);
        margin: 0 3px 6px;
        position: relative;
        overflow: hidden;
}
.inner-home .grid .item:nth-child(6),
.inner-home .grid .item:nth-child(1){
        flex:calc(43% - 6px);
        max-width:calc(43% - 6px);
}
.inner-home .grid .item:after{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
}
.pop-nav .rowflex .item img,
.inner-home .grid .item img{
        width: 100%;
        height: 100%;
        object-fit:cover;
        transition:all 0.5s ease;
        transform: rotate(0deg) scale(1);
}
.pop-nav .rowflex .item:hover img,
.inner-home .grid .item:hover img{
        transform: rotate(-2deg) scale(1.06);
}
.inner-home .grid .caption{
        z-index: 3;
        position: absolute;
        left: 0;
        bottom: -100px;
        width: 100%;
        padding: 0 40px 40px;
        color: #fff;
        transition:bottom 0.5s ease;
}
.inner-home .grid .item:hover .caption{
        bottom: 0;
}
.inner-home .grid .button{
        padding: 0 16px;
        margin: 50px 0 0;
}
.inner-home .grid h3{
        font-family: 'DIN Engschrift Std';
        font-size: 48px;
        line-height: 110%;
}
.inner-home .grid .txt{
        font-size: 18px;
        line-height: 135%;
        margin: 10px 0 0;
        min-height:50px;
}
.inner-home .products {
        margin: 100px 0 0;
}
.inner-home .products .hentry{
        margin: 0 0 45px;
        border-bottom: 1px solid #E8E8E8;
}
.inner-home .products .hentry ul,
.inner-home .products .hentry > a,
.inner-home .products .hentry .countdown{
        float: right;
        position: relative;
        top: 5px;
}
.inner-home .products .hentry > a{
        display: inline-block;
        color: #232323;
        font-weight: 700;
        transition:all 0.2s ease-in;
        top: 20px;
}
.inner-home .products .hentry li a.current,
.inner-home .products .hentry li a:hover,
.inner-home .products .hentry > a:hover{
        color: #E11A27;
        text-decoration: underline;
}
.inner-home .products .hentry ul{
        top: 20px;
}
.inner-home .products .hentry li{
        display: inline-block;
        vertical-align: middle;
        margin-left: 24px;
}
.inner-home .products .hentry li:first-child{
        margin-left: 0;
}
.inner-home .products .hentry li a{
        color: #232323;
        font-weight: 700;
        transition:color 0.2s ease-in;
        font-family: 'Inter';
        font-weight: 700;
}
.countdown:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 28px;
        height: 28px;
        background-image: url(../img/icon/clock.svg);
        margin-right: 12px;
}
.countdown span{
        display: inline-block;
        vertical-align: middle;
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
}
.inner-product .related .rowflex,
.inner-home .products .rowflex{
        margin: 0 -12px;
}
.inner-home .products .recom-rowflex{
        display: none;
}
.inner-home .products .rowflex.current{
        display: flex;
}
.inner-product .related .product-item,
.inner-home .products .product-item{
        flex: calc(20% - 24px);
        max-width: calc(20% - 24px);
        margin: 0 12px 25px;
}
.inner-home .about{
        background: #232323;
        margin: 120px 0 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
}
.inner-home .about figure{
        flex: 61%;
        max-width: 61%;
}
.inner-home .about figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-home .about .caption{
        flex: 39%;
        max-width: 39%;
        padding: 30px 0 30px 5.5vw;
        color: #fff;
}
.inner-home .about .pusher{
        width: 25vw;
        max-width: 360px;
}
.inner-home .about h2{
        font-family: 'DIN Engschrift Std';
        line-height: 110%;
        margin: 0 0 15px;
        text-transform: uppercase;
        font-size: 40px;
}
.inner-home .about .txt{
        line-height: 175%;
        font-size: 16px;
}
.inner-home .about .more,
.inner-home .about .txt > *:not(:first-child){
        margin-top: 30px;
}
.inner-home .caro{
        margin: 120px 0 0;
}
.inner-home .caro .slider{
        background: #F7F7F7;
        position: relative;
}
.inner-home .caro .rowflex{
        justify-content: space-between;
}
.inner-home .caro .item .prods{
        max-width: 36.5%;
        flex: 36.5%;
        padding: 40px 100px 90px;
        text-align:center;
}
.inner-home .caro .item .prods h2{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        text-transform: uppercase;
        margin: 0 0 25px;
}
.inner-home .caro .product-item h3{
        max-width: 100%;
        min-height: 1px;
}
.inner-home .caro .item .thumb{
        max-width: 63.5%;
        flex: 63.5%;
}
.inner-home .caro .item .thumb img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}
.inner-home .caro .slick-dots{
        position: absolute;
        width: 36.5%;
        left: 0;
        bottom: 20px;
}
.inner-home .cta{
        margin: 100px 0 0;
}
.inner-home .cta .rowflex{
        margin: 0 -13px;
}
.inner-home .cta .item{
        position: relative;
        flex: calc(50% - 26px);
        max-width: calc(50% - 26px);
        margin: 0 13px 26px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 40px 20px;
        align-items: center;
        color: #fff;
}
.inner-home .cta h3{
        font-family: 'DIN Engschrift Std';
        font-size:32px;
        line-height: 110%;
        margin: 0 0 10px;
        text-transform: uppercase;
}
.inner-home .cta p{
        font-size: 16px;
        line-height: 150%;
        margin: 0 0 30px;
}
.inner-home .cta .caption{
        flex: 60%;
        max-width: 60%;
}
.inner-home .cta figure{
        flex: 40%;
        max-width: 40%;
}
.inner-home .cta figure img{
        display: inline-block;
        transform: rotate(0deg) scale(1);     
        transition:all 0.3s ease;
}
.inner-home .cta .item:hover figure img{
        transform: rotate(-4deg) scale(1.04);
}
.inner-home .cta .item:nth-child(even):hover figure img{
        transform: rotate(4deg) scale(1.04);
}
.inner-home .news{
        margin: 120px 0 0;
}
.pop-nav{
        position: fixed;
        z-index: 9999;
        background: #fff;
        top: 0;
        left: 0;
        width: 100%;
        padding: 50px 0;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease;
}
.pop-nav.show{
        opacity: 1;
        visibility: visible;
}
.pop-nav:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 160px;
        content: '';
        background: #F7F7F7;
        z-index: 1;
}
.pop-search.pop-nav:after{
        height: 190px;
}
.pop-nav .wrapper{
        position: relative;
        z-index: 2;
}
.pop-nav .hentry{
        margin: 0 0 35px;
}
.pop-nav.pop-search .hentry{
        margin: 0 0 20px;
}
.pop-nav .hentry h2{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        text-transform: uppercase;
        float: left;
        line-height: 100%;
}
.pop-nav .hentry h2 + a{
        float: right;
        width: 24px;
        height: 24px;
        background-image: url(../img/icon/close.svg);
        display: block;
        position: relative;
        top: 12px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.pop-nav .hentry h2 + a:hover{
        opacity: .7;
}
.pop-nav .rowflex{
        margin: 0 -6px;
}
.pop-nav .rowflex .item{
        position: relative;
        flex: calc(16.666666666666666666% - 12px);
        max-width: calc(16.666666666666666666% - 12px);
        margin: 0 6px 12px;
        overflow: hidden;
}
.pop-nav .rowflex .item:after{
        z-index: 2;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
}
.pop-nav .rowflex .item span{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0 16px 10px;
        font-family: 'DIN Engschrift Std';
        font-size: 20px;
        text-transform: uppercase;
        line-height: 130%;
        z-index: 3;
        color: #fff;
}
.pop-nav.pop-search .wrapper > h2{
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        text-transform: uppercase;
        margin: 60px 0 20px;
}
/** INNER SHOP **/
.inner-shop{
        padding: 80px 0 160px;
}
.inner-shop .wrapper{
        justify-content: space-between;
        align-items: flex-start;
}
.inner-shop aside{
        flex: 21%;
        max-width: 21%;
}
.inner-shop aside .item{
        background: #fff;
        border: 1px solid #E8E8E8;
        padding: 24px;
        margin: 0 0 16px;
}
.inner-shop aside h2,
.inner-shop aside h3{
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        text-transform: uppercase;
        margin: 0 0 18px;
        line-height: 110%;
        position: relative;
}
.inner-shop aside .hentry{
        position: relative;
        margin: 0 0 18px;
}
.inner-shop aside .hentry h3{
        float: left;
        margin: 0;
}
.inner-shop aside .hentry a{
        float: right;
        color: #A0A4A8;
        transition:color 0.2s ease-in;
        display: inline-block;
        position: relative;
        top: 3px;
}
.inner-shop aside li.current-menu-item > a,
.inner-shop aside li a:hover,
.inner-shop aside .hentry a:hover{
        color: #E11A27;
}
.inner-shop aside li{
        display: block;
        margin: 0 0 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #E8E8E8;
}
.inner-shop aside li:last-child{
        margin: 0;
        padding: 0;
        border: none;
}
.inner-shop aside li.current-menu-item{
        border-color: #E11A27;
        border-width: 2px;
}
.inner-shop aside li a{
        font-family: 'DIN Engschrift Std';
        font-size: 18px;
        color: #52575C;
        transition:color 0.2s ease-in;
        text-transform: uppercase;
        display: inline-block;
}
.inner-shop aside li ul{
        padding: 20px 0 0 15px;
        display: none;
}
.inner-shop aside li.current-menu-ancestor ul,
.inner-shop aside li.current-menu-item ul{
        display: block;
}
.price-range > *{
        display: block;
        width: 100%;
        margin: 16px 0 0;
}
.price-range > *:first-child{
        margin: 0
}
.price-range fieldset{
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #E8E8E8;
}
.price-range fieldset label{
        flex: 40px;
        max-width: 40px;
        text-align: center;
        color: #A0A4A8;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        background: #F7F7F7;
}
.price-range fieldset input{
        height: 40px;
        flex: calc(100%  - 40px);
        max-width: calc(100%  - 40px);
        border: none;
        background: none;
        padding: 0 12px;
}
.price-range label{
        display: inline-block;
        vertical-align: middle;
}
.price-range .button{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: 400;
}
.inner-shop article{
        max-width: calc(79% - 24px);
        flex: calc(79% - 24px);
}
.inner-shop .filter {
        position: relative;
        z-index: 3;
        margin: 0 0 25px;
}
.inner-shop .filter p{
        float: left;
        color: #A0A4A8;
        position: relative;
        top: 15px;
}
.inner-shop .filter p b{
        color: #232323
}
.inner-shop .filter .sort{
        float: right;
}
.inner-shop .filter .sort > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-shop .filter .sort small{
        color: #A0A4A8;
        margin: 0 15px 0 0;
}
.inner-shop .filter .sort .dropselect{
        width: 210px;
}
.inner-shop .filter .sort .dropselect .scrollbar-inner.scroll-content{
        max-height: 300px !important;
}
.inner-shop .list{
        margin: 0 -8px;
}
.inner-shop .list .product-item{
        flex: calc(25% - 16px);
        max-width: calc(25% - 16px);
        margin: 0 8px 25px;
}
.inner-shop .paging{
        padding: 40px 0 0;
}
/** INNER PRODUCT **/
.inner-product{
        padding: 60px 0 160px;
}
.inner-product .crumb{
        float: left;
}
.inner-product .crumb + a.share{
        float: right;
        color: #232323;
        font-size: 15px;
        position: relative;
        top: -3px;
}
.inner-product .crumb + a.share:before{
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-image: url(../img/icon/share.svg);
        margin-right: 10px;
        position: relative;
        top: -3px;
}
.inner-product .main .rowflex{
        margin: 50px 0 0;
        justify-content: space-between;
}
.inner-product .main .content{
        flex: 49%;
        max-width: 49%;
}
.inner-product .main .gallery{
        overflow: hidden;
        margin: 0 0 60px;
}
.inner-product .main .gallery .big{
        margin: 0 0 16px;
}
.inner-product .main .gallery .item{
        padding: 2px;
        box-shadow:inset 0px 0 0 1px #E8E8E8;
}
.inner-product .main .gallery .thumb .item.slick-current{
        box-shadow:inset 0px 0 0 2px #E11A27;
}
.inner-product .main .gallery .thumb .slick-list{
        margin: 0 -8px;
}
.inner-product .main .gallery .thumb .item{
        margin: 0 8px;
}
.inner-product .main .copy{
        margin: 0 0 25px;
}
.product-qty h3,
.product-var h3,
.inner-product .main .review h2,
.product-feat h2,
.inner-product .main .copy h2{
        font-family: 'DIN Engschrift Std';
        font-size: 24px;
        text-transform: uppercase;
        margin: 0 0 20px;
}
.inner-product .main .copy .format-text > *:not(:first-child){
        margin: 20px 0 0;
}
.product-feat{
        padding: 0 0 15px;
        border-bottom: 1px solid #E8E8E8;
}
.product-qty h3,
.product-var h3,
.product-feat h2{
        font-size: 16px;
        margin: 0 0 15px;
}
.product-feat .wrap{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
}
.product-feat .wrap .item{
        flex: calc(33.333333333333333333333333% - 20px);
        max-width: calc(33.333333333333333333333333% - 20px);
        margin: 0 10px 16px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
}
.product-feat .wrap .item figure{
        flex: 56px;
        max-width: 56px;
        height: 56px;
        border: 1px solid #E8E8E8;
        border-radius: 2px;
        display: flex;
        align-items: center;
        padding: 12px;
}
.product-feat .wrap .item figure img{
        flex: 1;
}
.product-feat .wrap .item .cap{
        flex: calc(100% - 68px);
        max-width: calc(100% - 68px);
        color: #232323;
        font-weight: 700;
        line-height:100%;
}
.product-feat .wrap .item b{
        display: block;
        line-height: 100%;
        color: #A0A4A8;
        font-size: 12px;
        margin: 0 0 5px;
        font-weight: 400;
}
.product-feat .wrap .item ul{
        display: flex;
        flex-wrap: wrap;
}
.product-feat .wrap .item ul li{
        flex: 50%;
        max-width: 50%;
        margin: 0 0 5px;
        text-align: left;
}
.product-feat .wrap .item ul li:nth-child(even){
        text-align: right;
}
.inner-product  .review{
        margin: 30px 0 0;
        position: relative;
}
.inner-product .review .util {
        padding: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px dashed #E8E8E8;
}
.inner-product .review .util .star{
        float: left;
}
.inner-product .review .util .star > div > i{
        width: 32px;
        height: 31px;
}
.inner-product .review .util .star > span{
        font-size: 16px;
        font-weight: 700;
        color: #A0A4A8;
}
.inner-product .review .util .filter{
        float: right;
}
.inner-product .review .util .filter > *{
        display: inline-block;
        vertical-align: middle;
}
.inner-product .review .util .filter > small{
        color: #52575C;
        margin: 0 20px 0 0;
}
.inner-product .review .util .filter > .dropselect{
        width: 130px;
}
.inner-product .review .util .filter > .dropselect strong{
        height: 40px;
        line-height: 40px;
}
.inner-product .review .util .filter > .dropselect strong:after{
        top: 18px;
}
.inner-product .review .util  p{
        margin: 10px 0 0;
}
.inner-product .review .item{
        padding: 24px 0 0;
        margin: 24px 0 0;
        border-top: 1px solid #E8E8E8;
}
.inner-product .review .item:first-child{
        margin: 0;
        padding: 0;
        border: none;
}
.inner-product .review .item .author{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 15px;
}
.inner-product .review .item figure{
        flex: 48px;
        max-width: 48px;
}
.inner-product .review .item figure img{
        border-radius: 50%;
        height: auto;
        width: 100%;
}
.inner-product .review .item .cap{
        flex: calc(100% - 60px);
        max-width: calc(100% - 60px);
}
.inner-product .review .item h3 + span{
        display: block;
        line-height: 100%;
        color: #A0A4A8;
        font-size: 12px;
        margin: 10px 0 0;
}
.inner-product .review .item .star{
        margin: 0 0 10px;
}
.inner-product .review .item .star > div > i{
        width: 24px;
        height: 23px;
}
.inner-product .review .item .regal a{
        display: inline-block;
        vertical-align: middle;
        width: 64px;
        height: 64px;
        margin: 0 6px 6px 0;
}
.inner-product .review .item .regal{
        margin: 12px 0 0;
}
.inner-product .review .item .regal a img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.inner-product .review .paging{
        padding: 40px 0 0;
}
.inner-product .main .action{
        flex: 47%;
        max-width: 47%;
}
.inner-product .action .sticky{
        position: sticky;
        top: 110px;
}
.inner-product.stuck .action .sticky .product-feat{
        display: none;
}
.inner-product .action h1{
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        line-height: 120%;
        margin: 0 0 5px;
}
.inner-product .action .star{
        margin: 0 0 12px;
}
.inner-product .action .pricing{
        padding: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px solid #E8E8E8;
}
.action .product-feat h2{
        float: left;
        margin: 0;
}
.action .product-feat h2 + a{
        float: right;
        color: #E11A27;
        font-size: 12px;
        position: relative;
        display: inline-block;
        top: 2px;
}
.action .product-feat h2 + a:hover{
        text-decoration: underline;
}
.action .product-feat .wrap{
        margin-top: 18px;
}
.product-var{
        margin: 24px 0 0;
        padding: 0 0 24px;
        border-bottom: 1px solid #E8E8E8;
}
.product-var .varitem:not(:first-child){
        margin: 20px 0 0;
}
.product-var .varitem label{
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 5px 0;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
}
.product-var .varitem label input{
        display: none;
}
.product-var .varitem b{
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0);
        position: relative;
        padding: 4px;
}
.product-var .varitem input:disabled + b{
        filter: brightness(0%);
        opacity: .2;
        cursor: default;
}
.product-var .varitem label input:checked + b{
        border: 1px solid #E11A27;
}
.product-var .varitem b strong{
        display: block;
        width: 30px;
        height: 30px;
        position: relative;
        border-radius: 2px;
        overflow: hidden;
}
.product-var .varitem b span{
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;        
}
.product-var .varitem label em{
        display: block;
        border: 1px solid  #E9E7EC;
        height: 36px;
        line-height: 34px;
        font-size: 14px;
        padding: 0 13px;
        border-radius: 2px;
        color: #313238;
}
.product-var .varitem label input:checked + em{
        background: #FFEBEE;
        border: 1px solid #E11A27;
        color: #E11A27;
        font-weight: 500;
}
.product-var .varitem label input:disabled + em{
        background:  #cfced0;
	 border: 1px solid #cfced0;
        color: #fff;
        cursor: default;
}
.product-qty{
        margin: 24px 0 0;
}
.product-qty div.quantity{
        display: inline-block;
        vertical-align: middle;
}
.product-qty span{
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 8px;
        color: #A0A4A8;
}
.product-act{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 35px 0 0;
}
.product-act .add-to-wish{
        flex: 48px;
        max-width: 48px;
        height: 48px;
        border: 1px solid #E8E8E8;
        position: relative;
        transition:all 0s ease-in;
}
.product-act .add-to-wish.fetching,
.product-act .add-to-wish:hover{
        background: #E11A27;
        border: 1px solid #E11A27;
}
.product-act .add-to-wish:not(.fetching):hover:after{
        filter: brightness(0) invert(1);
}
.product-act .add-to-wish:after{
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        background-image: url(../img/icon/wish-hollow.svg);
        top: 12px;
        left: 12px;
        transition:filter 0s ease-in;
}
.product-act .add-to-wish.wished:after{
        background-image: url(../img/icon/wish-fill.svg);
}
.product-act .add-to-wish.fetching:after{
        background-image: url(../img/icon/wish-load.svg); 
}
.product-act .button{
        flex: calc(50% - 40px);
        max-width: calc(50% - 40px);
        font-weight: 400;
        padding: 0 5px;
}
.product-act .button.disabled{
        flex: calc(100% - 60px);
        max-width: calc(100% - 60px);
}
#popshare{
        width: 100%;
        max-width: 450px;
        padding: 20px 24px 24px;
}
#popshare h2{
        font-weight: 700;
        line-height: 100%;
        margin: 0 0 20px;
}
#popshare .holder{
        text-align: center;
}
#popshare .holder > *{
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
        color: #52575C;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
#popshare .holder > *:hover{
        opacity: .8;
}
#popshare .holder a:before{
        display: block;
        margin: 0 auto 10px;
        width: 32px;
        height: 32px;
        position: relative;
}
#popshare .holder a.fb:before{
        background-image: url(../img/icon/pshare-fb.svg);      
}
#popshare .holder a.tl:before{
        background-image: url(../img/icon/pshare-tl.svg);      
}
#popshare .holder a.wa:before{
        background-image: url(../img/icon/pshare-wa.svg);      
}
#popshare .holder a.tw:before{
        background-image: url(../img/icon/pshare-tw.svg);
        width: 28px;
        height: 28px;
        margin-bottom: 14px;
        bottom: -2px;
}
#popshare .holder a.lk:before{
        background-image: url(../img/icon/pshare-lk.svg);
        width: 25px;
        height: 25px;
        margin-bottom: 17px;
        bottom: -2px;
}
.inner-product .related{
        margin: 100px 0 0;
}
/** INNER CART **/
.inner-cart{
        padding: 60px 0 160px;
}
.inner-cart .wrapper .rowflex{
        justify-content: space-between;
}

.inner-cart .wrapper > h2{
        font-family: 'DIN Engschrift Std';
        margin: 0 0 30px;
        font-size: 30px;
        text-transform: uppercase;
}
.inner-cart .content{
        flex: 63.5%;
        max-width: 63.5%;
}
.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: #A0A4A8;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
}
.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);
}
.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;
        border: 1px solid #E8E8E8;
}
.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: #232323;
        font-size: 16px;
        margin: 0 0 5px;
        line-height: 130%;
        font-family: 'DIN Engschrift Std';
        font-weight: 400;
        text-transform: uppercase;
}
.acc-odetail .crev .rprod h3 a,
.acc-odetail .cprod .prod h3 a,
.inner-cart .list .item h3 a{
        color: #232323;
        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: #E11A27;
}
.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: #52575C;
        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 span.disc,
.inner-cart .list .item .pamount span.disc{
        background: #FF342C;
        height: 20px;
        line-height: 22px;
        font-size: 10px;
        padding: 0 4px;
        color: #fff;
        margin-right: 5px;
}
.acc-odetail .cprod .prod .pamount del,
.inner-cart .list .item .pamount del{
        color: #A0A4A8;
        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: #232323;
        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;
}
.inner-cart .list .item  .product-remove{
        position: absolute;
        right: 0;
        top: 0;
}
.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 .emul{
        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: #232323;
}
.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: #52575C;
        font-weight: 400;
}
.acc-odetail .csums table tfoot td:first-child{
        color: #52575C;
}
.acc-odetail .csums table tfoot td b,
.inner-cart .action .sums table tfoot td b{
        font-size: 16px;
        color: #232323;
        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: #E11A27;
        margin-left: 15px;
}
.inner-cart .action .sums > p a:hover{
        text-decoration: underline;
}
#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;
        font-weight: 400;
        padding: 0 5px;
}
#popnote.popgen{
        width: 400px;
        max-width: calc(100% - 30px);
}
.inner-checkout .plist > h3,
.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: #232323;
}
.payment-trigger {
        padding: 0 0 16px;
        margin: 0 0 16px;
        border-bottom: 1px solid #E9E8E6;
}
.payment-trigger > a{
        display: block;
        height: 48px;
        line-height: 46px;
        border: 1px solid #E9E8E6;
        color: #A0A4A8;
        font-size: 14px;
        padding: 0 16px;
        position: relative;
}
.payment-trigger > a > *{
        display: inline-block;
        vertical-align: middle;
        line-height: 100%;
}
.payment-trigger > a:after{
        display: block;
        position: absolute;
        right: 13px;
        top: 15px;
        background-image: url(../img/icon/arrow-pay.svg);
        width: 18px;
        height: 18px;
        transition:right 0.2s ease;
}
.payment-trigger > a:hover:after{
        right: 10px;
}
.payment-trigger .popay{
        display:none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgba(0,0,0,0.7);
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
}
.payment-trigger .popay.show{
        display: flex;
}
.payment-trigger .holder{
        flex: 1;
        max-width: 470px;
        background: #fff;
        border-radius: 4px;
        padding: 30px;
}
.payment-trigger .hentry{
        position: relative;
        margin: 0 0 30px;
}
.payment-trigger h3,
.payment-trigger h2{
        font-weight: 700;
        font-size: 16px;
}
.payment-trigger h3{
        font-size: 14px;
        margin: 0 0 20px;
}
.payment-trigger .cls{
        position: absolute;
        right: 0;
        top: 0;
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/popclose.svg);
}
.payment-trigger label{
        display: block;
        cursor: pointer;
        -webkit-user-select: none; /* Safari */        
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        margin: 0 0 24px;
        padding: 0 0 24px;
        border-bottom: 1px solid #E9E8E6;
}
.payment-trigger label input{
        display: none;
}
.payment-trigger label span{
        display: block;
        position: relative;
}
.payment-trigger label span:after{
        display: none;
        position: absolute;
        right: 0;
        top: -1px;
        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-checked.svg);
        content: '';
}
.payment-trigger label input:checked + span:after{
        display: block;
}
.payment-trigger label span > *{
        display: inline-block;
        vertical-align: middle;
}
.payment-trigger > a > .xendit-cc-icons,
.payment-trigger > a > img,
.payment-trigger label span > *:not(b),
.payment-trigger label span > img{
        border: none !important;
        padding: 0 !important;
        background: none !important;
        margin: 0 10px 0 0 !important;
        width: 50px !important;
        height: auto !important;
        float: none !important;
}
.xendit-cc-icons{
        float: none !important;
}
.xendit-cc-icons *:not(:first-child){
        display: none !important;
}
.payment-trigger .scrollbar-inner{
        max-height: 500px !important;
        padding-right: 15px;
        margin-right: -15px;
}
.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: #E11A27;
        font-size: 14px;
}
.inner-checkout .faddr .hentry a:hover{
        text-decoration: underline;
}
.addrtxt b{
        display: block;
        line-height: 100%;
        font-size: 14px;
        margin: 0 0 10px;
        font-weight: 700;
}
.addrtxt p{
        line-height: 160%;
        font-size: 14px;
}

.inner-checkout .fcourier .drops{
        max-width: 330px;
        position: relative;
}
.inner-checkout .fcourier.fitem-full .drops{
        max-width: 100%;
}
.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: 16px;
        width: 16px;
        height: 16px;
        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: #232323;
}
.inner-checkout .fcourier .drops strong small{
        display: inline-block;
        position: absolute;
        right: 45px;
        top: 17px;
        line-height: 100%;
        color: #232323;
        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;
        font-weight: 700;
        line-height: 100%;
        margin: 0 0 10px;
        color: #232323;
}
.inner-checkout .fcourier .drops span small,
.inner-checkout .fcourier .drops  span a{
        color: #E11A27;
        font-size: 14px;
        font-weight: 400;
}
.inner-checkout .fcourier .drops  span a:hover{
        text-decoration: underline;
}
.popgen .btn-address{
	display: block;
	text-align: center;
	border: 1px solid #52575C;
	text-align: center;
	height: 56px;
	line-height: 54px;
	color: #52575C;
	font-size: 14px;
	margin: 0 0 20px;
	transition:all 0.2s ease-in;
}
.popgen .btn-address:hover{
	color: #fff;
	border-color: #52575C;
        background: #52575C;
}
#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: #E11A27;
}
#popaddrselect .item .panel:before{
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        border: 2px solid #52575C;
        background: #E11A27;
        box-shadow: inset 0 0 0 15px #fff;
        content: '';
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
#popaddrselect .item input:checked + .panel:before{
        border-color: #E11A27;
        box-shadow: inset 0 0 0 4px #fff;
}
#popaddrselect .scrollbar-inner.scroll-content{
	max-height: 340px !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: #E11A27;
	font-size: 14px;
}
#popaddrselect .item .eaddr a:hover{
	text-decoration: underline;
}
#popaddrselect .addrtxt p{
        color: #52575C;
}
.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: 700;
}
.guest-wrap a{
	display: inline-block;
	position: absolute;
	right: 0;
	top: -5px;
	color: #E11A27;
}
.guest-wrap a:hover{
	text-decoration: underline;
}
.guest-wrap input{
	float: left;
	width: 43.5% !important;
}
.guest-wrap small{
	float: right;
	color: #A0A4A8;
	font-size: 12px;
	font-style: italic;
	line-height: 150%;
	width: 53%;
	position: relative;
	top: 5px;
        display: block;
}
/** CHECKOUT THANK **/
.inner-thank {
        padding: 90px 0 120px;
        font-size: 14px;
}
.inner-thank .layer{
        max-width: 430px;
        margin: 0 auto;
        width: 100%;
}
.inner-thank h2{
        font-family: 'DIN Engschrift Std';
        font-size: 30px;
        text-transform: uppercase;
        margin: 0 0 15px;
}
.acc-odetail .cpay .expired,
.inner-thank .expired{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E9E8E6;
}
.acc-odetail .cpay h4,
.inner-thank h4{
        color: #52575C;
        line-height: 130%;
        margin: 0 0 10px;
}
.acc-odetail .cpay .method b,
.inner-thank .method b,
.acc-odetail .cpay .expired b,
.inner-thank .expired b{
        color: #232323;
        font-weight: 700;
}
.inner-thank .expired b{
        color: #E11A27;
}
.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: #E11A27;
}
.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: #232323;
        font-weight: 700;
}
.acc-odetail .cpay .clearfix b{
        color: #1E1E1E;
}
.inner-thank .action{
        padding: 24px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-top: 1px solid #E9E8E6;
}
.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{
        padding: 32px 24px;
        background: #fff;
}
.inner-acc .profile figure{
        margin: 0 0 12px;
        width: 48px;
        display: block;
        position: relative;
        z-index: 2;
}
.inner-acc .profile figure img{
        border-radius: 50%;
}
.inner-acc .profile h2{
        font-family: 'DIN Engschrift Std';
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 400;
        line-height: 125%;
        margin: 0 0 5px;
}
.inner-acc .profile span{
        display: block;
        opacity: .4;
        font-size: 12px;
        color: #0F1A1E;
        line-height: 100%;
}
.inner-acc .nav{
        margin: 15px 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: #A0A4A8;
        transition:all 0.2s ease-in;
        padding: 15px;
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
        font-size: 18px;
}
.inner-acc .nav li:not(.current) a:hover{
        color: #E11A27;
}
.inner-acc .nav li.current a{
        background: #E11A27;
        color: #fff;
}
.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.fullwidth{
        flex: 100%;
        max-width: 900px;
        margin: 0 auto;
}
.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.png);
        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-acc .taby{
        margin: 0 0 25px;
        border-bottom: 1px solid #DBDDE0;
}
.inner-acc .taby a{
        display: inline-block;
        vertical-align: middle;
        color: #A0A4A8;
        font-size: 16px;
        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;
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
}
.inner-acc .taby a:hover{
        color: #E11A27;      
}
.inner-acc .taby a.current{
        color: #E11A27;
        border-bottom: 3px solid #E11A27;
}
.acc-order .oitem{
        border: 1px solid #F5F5F5;
        background: #FFF;
        margin: 0 0 16px;
        position: relative;
        padding: 16px 16px 20px;
        transition:all 0.2s ease-in;
        box-shadow: rgba(0, 0, 0, 0) 0px 5px 15px;
}
.acc-order .oitem:hover{
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
}
.acc-order .oitem .link-order{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
}
.acc-order .oitem .odata{
        position: absolute;
        right: 16px;
        top: 16px;
        color: #52575C;
        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: #DBDDE0;
        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;
        border: 1px solid #E8E8E8;
}
.acc-order .oitem .oprod figure img{
        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: #232323;
        font-size: 14px;
        line-height: 130%;
        font-family: 'DIN Engschrift Std';
        text-transform: uppercase;
        font-weight: 400;
}
.acc-order .oitem .capt h3 a{
        color: #0F1A1E;
        transition:color 0.2s ease-in;
}
.acc-order .oitem .capt h3 a:hover{
        color: #E11A27;
}
.acc-order .oitem .oinfo{
        padding: 16px 0 0;
        margin: 12px 0 0;
        border-top: 1px solid #E9E8E6;
}
.acc-order .oitem .qty{
        float: left;
        color: #A0A4A8;
        font-size: 12px;
        position: relative;
        top: 3px;
}
.acc-order .oitem .act{
        float: right;
}
.acc-order .oitem .act > span{
        color: #A0A4A8;
}
.acc-order .oitem .act > b{
        font-size: 12px;
        font-weight: 700;
        color: #232323;
        position: relative;
        top: 1px;
        margin-left: 2px;
}
.acc-order .empty{
        padding: 90px 0;
        text-align: center;
}
.acc-order .empty .txt{
        position: relative;
        margin: 0 0 20px;
        line-height: 160%;
        color: #565F62;
        font-size: 14px;
}
.inner-404 h2,
.acc-order .empty h2{
        color: #232323;
        font-family: 'DIN Engschrift Std';
        font-size: 40px;
        line-height: 130%;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0 0 25px;
}
.inner-404{
        padding: 180px 0 220px;
        text-align: center;
}
.inner-404 figure{
        margin: 0 0 30px;
}
.inner-404 .txt{
        color: #52575C;
        position: relative;
        font-size: 14px;
        top: -15px;
}
.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);
}
.acc-odetail .gate{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.acc-odetail .gate .col{
        flex: calc(50% - 13px);
        max-width: calc(50% - 13px);
}
#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;
        background: #fff;
        font-size: 14px;
}
.acc-odetail .citem.border-alt,
.acc-odetail .col:last-child > .citem{
        border-color: #E11A27;
        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: #52575C;
}
.acc-odetail .cstat > i{
        width: 1px;
        height: 10px;
        background: #DBDDE0;
        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 h3.ctrigger.has-anchor a{
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        color: #E11A27;
        font-size: 14px;
        font-weight: 400;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.acc-odetail h3.ctrigger.has-anchor a:hover{
        text-decoration: underline;
}
.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;
}
.acc-odetail .cprod .prod .orev .star{
        position: relative;
        left: -2px;
}
.acc-odetail .cprod .prod .orev p{
        font-size: 12px;
        margin: 6px 0 0;
}
.acc-odetail .cpay .layer{
        background: #fff;
        border: 1px solid #E11A27;
        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: #52575C;
        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: #52575C;
        text-align: right;
}
.acc-odetail .cdelv table td:first-child{
        text-align: left;
}
.acc-odetail .cdelv table tr:first-child td:first-child{
        color: #0F1A1E;
}
.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: 1px solid #E8E8E8;
}
.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: #52575C;
        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: #E11A27;
        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: 1px solid #EBEBEB;
}
.acc-odetail .crev .upfield figure .cvr-bg{
        width: 10px;
        height: 10px;
        background-image: url(../img/icon/xrev.svg);
        position: absolute;
        display: inline-block;
        right: 2px;
        top: 3px;
}
.acc-odetail .crev .upfield .oimg{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 40px;
        height: 40px;
        text-align: center;
        border: 1px solid #EBEBEB;
        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: 9px;
}
.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 -16px;
}
.acc-wishlist .list .product-item{
        flex: calc(33.333333333333333333% - 32px);
        max-width: calc(33.333333333333333333% - 32px);
        margin: 0 16px 32px;
}
.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: 'DIN Engschrift Std';
        margin: 0 0 20px;
        font-size: 20px;
        text-transform: uppercase;
}
.acc-setting .form-basic .fgroup > label{
        font-weight: 400;
        color: #0F1A1E;
        margin: 0 0 8px;
}
.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 #DBDDE0;
        padding: 20px 20px 15px;
        font-size: 14px;
        background: #fff;
}
.acc-addr .item.current{
        border: 1px solid #E11A27;
}
.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: #E11A27;
}
.acc-addr .item.current .action > a{
        cursor: default;
        color: #E11A27;
}
.acc-addr .item .action .mod{
        float: right;
}
.acc-addr .item .mod a{
        color: #E11A27;
        display: inline-block;
        vertical-align: middle;
}
.acc-addr .item .mod a:first-child{
        color: #52575C;
        margin-right: 25px;
}
.woocommerce-variation-add-to-cart-disabled,
.acc-addr .item.current .mod a:first-child{
        display: none;
}
.woocommerce-variation-add-to-cart-disabled + .empty{
        display: block !important;
}
.acc-addr .centered{
        padding: 20px 0 0;
}
a.woocommerce-remove-coupon{
        color: #E11A27;
        font-size: 12px;
}
#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;
}
.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.png);
        opacity: 1;
        transition:opacity 0.2s ease-in;
        position: absolute;
        right: 15px;
        top: 15px;
}
.biteship-search.fetching:after{
        background-image: url(../img/loading.gif);
}
.place-order p{
        font-size: 12px;
        line-height: 160%;
        margin: 0 0 15px;
}
#poptrack{
        max-width: 800px;
        width: calc(100% - 20px);
        padding: 20px;
}
#poptrack h2{
        font-weight: 700;
        font-size: 20px;
        margin: 0 0 15px;
        line-height: 130%;
}
.table-basic table{
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        overflow: hidden;
}
.table-basic th{
        background: #f5f5f5;
        color: #22272b;
        padding: 10px 15px;
        font-weight: 600;
        text-align: left;
}
.table-basic tbody td{
        padding: 10px 15px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #eee;
        font-size: 13px;
        color: #22272b;
}
.table-basic tbody .topped td{
        vertical-align: top;
}
.table-basic tbody tr:first-child td{
        border: none;
}
.table-basic tbody td:last-child{
        width: 180px;
}
.table-basic tbody td:first-child{
        width: 150px;
}
.tracking-popup h3{
        padding: 20px 35px;
        margin: 0 -30px 20px;
        color: #fff;
        background: #007cba;
}
#popsub{
	padding: 0;
	width: calc(100% - 20px);
	max-width: 960px;
}
#popsub .rowflex > *{
	flex: 50%;
	max-width: 50%;
}
#popsub figure{
	position: relative;
}
#popsub figure > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#popsub figure span{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#popsub .caption{
	padding: 55px;
}
#popsub h2{
	color: #232323;
	line-height: 110%;
	font-size: 48px;
	margin: 0 0 18px;
        font-family: 'DIN Engschrift Std';
        font-weight: 400;
}
#popsub h2 b{
        color: #E11A27;
}
#popsub .txt{
	font-size: 14px;
	line-height: 170%;
        margin: 0 0 24px;
}
#popsub .act .button{
        min-width: 135px;
        margin: 0 10px 0 0;
}
#popsub .info{
        color: #A0A4A8;
        font-size: 12px;
        line-height: 140%;
        margin: 55px 0 0;
}
.inner-home .hero .item{
        position: relative;
}
.inner-home .hero .item .vcontrol{
	position: absolute;
	right: 50px;
	bottom: 35px;
	z-index: 3;
}
.vcontrol > *{
	display: inline-block;
	vertical-align: middle;
}
.vcontrol b,
.vcontrol em,
.vcontrol a{
	width: 40px;
	height: 40px;
	background-image: url(../img/icon/play.png);
	margin-right:20px;
}
.vcontrol em{
	background-image: url(../img/icon/unmute.png);
	cursor: pointer;
	margin: 0;
}
.vcontrol b{
	background-image: url(../img/icon/fullscreen.png);
	cursor: pointer;
	margin-right: 5px;
}
.inner-home .hero .item.is-muted .vcontrol em{
	background-image: url(../img/icon/mute.png);
}
.plyr--playing + .vcontrol a{
	background-image: url(../img/icon/pause.png);
}
.vcontrol span{
	height: 4px;
	border-radius: 2px;
	background: rgba(255,255,255,.5);
	width: 90px;
	position: relative;
	overflow: hidden;
}
.vcontrol span b{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #fff;
	width: 0;
	transition:width 0.5s ease;
}
.plyr__controls,
.plyr__captions,
button.plyr__control{
	display: none !important;
}

/* 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(){
        
}