@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Arimo:400,400i,700,700i|Merriweather:400,400italic|Open+Sans:400,400italic,600,600italic,700,700italic,300italic,300,800|Roboto:400,700,400italic,500,300italic,300|Roboto+Condensed:400,700|Lato:300,400,700|Libre+Baskerville|Dosis:400,700|Oswald:300,400,700|Raleway:400,100,900,700,300);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(animate.min.css);
@import url(chosen.css);
@import url(../js/fancybox/source/jquery.fancybox.css);
@import url(../js/fancybox/source/helpers/jquery.fancybox-thumbs.css);
@import url(../js/arcticmodal/jquery.arcticmodal.css);
@import url(sel-icon.css?v=1);
@font-face {
    font-family: 'Arial Narrow';
    src: url(../fonts//arial-narrow/arial-narrow.eot);
    src: url(../fonts//arial-narrow/ArialNarrow.woff) format('woff'), url(../fonts//arial-narrow/arial-narrow.woff2) format('woff2'), url(../fonts//arial-narrow/arial-narrow.eot?#iefix) format('embedded-opentype'), url(../fonts//arial-narrow/ArialNarrow.ttf) format('truetype'), url(../fonts//arial-narrow/ArialNarrow.svg#ArialNarrow) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Letter Gothic';
    src: url(../fonts/letter-gothic/letter-gothic.eot);
    src: url(../fonts/letter-gothic/LetterGothic.woff) format('woff'), url(../fonts/letter-gothic/letter-gothic.woff2) format('woff2'), url(../fonts/letter-gothic/letter-gothic.eot?#iefix) format('embedded-opentype'), url(../fonts/letter-gothic/LetterGothic.ttf) format('truetype'), url(../fonts/letter-gothic/LetterGothic.svg#LetterGothic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Tunga;
    src: url(../fonts/tunga/tunga.eot);
    src: url(../fonts/tunga/Tunga.woff) format('woff'), url(../fonts/tunga/tunga.woff2) format('woff2'), url(../fonts/tunga/tunga.eot?#iefix) format('embedded-opentype'), url(../fonts/tunga/Tunga.ttf) format('truetype'), url(../fonts/tunga/Tunga.svg#Tunga) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Giddyup;
    src: url(../fonts/GiddyupStd/GiddyupStd.eot);
    src: url(../fonts/GiddyupStd/GiddyupStd.woff2) format('woff2'), url(../fonts/GiddyupStd/GiddyupStd.woff) format('woff'), url(../fonts/GiddyupStd/GiddyupStd.ttf) format('truetype'), url(../fonts/GiddyupStd/GiddyupStd.svg#GiddyupStd) format('svg'), url(../fonts/GiddyupStd/GiddyupStd.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: UTM;
    src: url(../fonts/UTM-AS/UTM-AS.eot);
    src: url(../fonts/UTM-AS/UTM-AS.woff2) format('woff2'), url(../fonts/UTM-AS/UTM-AS.eot?#iefix) format('embedded-opentype'), url(../fonts/UTM-AS/UTMA&SSignwriter.woff) format('woff'), url(../fonts/UTM-AS/UTMA&SSignwriter.ttf) format('truetype'), url(../fonts/UTM-AS/UTMA&SSignwriter.svg#UTMA&SSignwriter) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNovaSemibold;
    src: url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot);
    src: url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff2) format('woff2'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff) format('woff'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf) format('truetype'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold) format('svg'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Black;
    src: url(../fonts/ProximaNova-Black/ProximaNova-Black.eot);
    src: url(../fonts/ProximaNova-Black/ProximaNova-Black.woff2) format('woff2'), url(../fonts/ProximaNova-Black/ProximaNova-Black.woff) format('woff'), url(../fonts/ProximaNova-Black/ProximaNova-Black.ttf) format('truetype'), url(../fonts/ProximaNova-Black/ProximaNova-Black.svg#ProximaNova-Black) format('svg'), url(../fonts/ProximaNova-Black/ProximaNova-Black.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Light;
    src: url(../fonts/ProximaNova-Light/ProximaNovaA-Light.eot);
    src: url(../fonts/ProximaNova-Light/ProximaNovaA-Light.woff2) format('woff2'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.woff) format('woff'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.ttf) format('truetype'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.svg#ProximaNovaA-Light) format('svg'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Bold;
    src: url(../fonts/ProximaNova-Bold/ProximaNova-Bold.eot);
    src: url(../fonts/ProximaNova-Bold/ProximaNova-Bold.woff2) format('woff2'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.woff) format('woff'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.ttf) format('truetype'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.svg#ProximaNova-Bold) format('svg'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url(../fonts/ProximaNova-Regular/ProximaNova-Regular.eot);
    src: url(../fonts/ProximaNova-Regular/ProximaNova-Regular.woff2) format('woff2'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.woff) format('woff'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf) format('truetype'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular) format('svg'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Bold/ProximaNova-Bold.eot);
    src: url(../fonts/ProximaNova-Bold/ProximaNova-Bold.woff2) format('woff2'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.woff) format('woff'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.ttf) format('truetype'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.svg#ProximaNova-Bold) format('svg'), url(../fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix) format('embedded-opentype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Regular/ProximaNova-Regular.eot);
    src: url(../fonts/ProximaNova-Regular/ProximaNova-Regular.woff2) format('woff2'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.woff) format('woff'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf) format('truetype'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular) format('svg'), url(../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot);
    src: url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff2) format('woff2'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff) format('woff'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf) format('truetype'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold) format('svg'), url(../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix) format('embedded-opentype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNova-Light/ProximaNovaA-Light.eot);
    src: url(../fonts/ProximaNova-Light/ProximaNovaA-Light.woff2) format('woff2'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.woff) format('woff'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.ttf) format('truetype'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.svg#ProximaNovaA-Light) format('svg'), url(../fonts/ProximaNova-Light/ProximaNovaA-Light.eot?#iefix) format('embedded-opentype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Light/Montserrat-Light.eot);
    src: url(../fonts/Montserrat-Light/Montserrat-Light.woff2) format('woff2'), url(../fonts/Montserrat-Light/Montserrat-Light.woff) format('woff'), url(../fonts/Montserrat-Light/Montserrat-Light.ttf) format('truetype'), url(../fonts/Montserrat-Light/Montserrat-Light.svg#Montserrat-Light) format('svg'), url(../fonts/Montserrat-Light/Montserrat-Light.eot?#iefix) format('embedded-opentype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat-Black;
    src: url(../fonts/Montserrat-Black/Montserrat-Black.eot);
    src: url(../fonts/Montserrat-Black/Montserrat-Black.woff2) format('woff2'), url(../fonts/Montserrat-Black/Montserrat-Black.woff) format('woff'), url(../fonts/Montserrat-Black/Montserrat-Black.ttf) format('truetype'), url(../fonts/Montserrat-Black/Montserrat-Black.svg#Montserrat-Black) format('svg'), url(../fonts/Montserrat-Black/Montserrat-Black.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: UTM-Bebas;
    src: url(../fonts/UTM-Bebas/UTM-Bebas.eot);
    src: url(../fonts/UTM-Bebas/UTM-Bebas.woff2) format('woff2'), url(../fonts/UTM-Bebas/UTM-Bebas.eot?#iefix) format('embedded-opentype'), url(../fonts/UTM-Bebas/UTMBebas.woff) format('woff'), url(../fonts/UTM-Bebas/UTMBebas.ttf) format('truetype'), url(../fonts/UTM-Bebas/UTMBebas.svg#UTMBebas) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MYRIADPRO-REGULAR;
    src: url(../fonts/MyriadPro-Regular/MyriadPro-Regular.eot);
    src: url(../fonts/MyriadPro-Regular/MyriadPro-Regular.woff2) format('woff2'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.woff) format('woff'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf) format('truetype'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

* {
    font-family: -apple-system,system-ui,'Sarabun','Roboto', sans-serif;
}

body {
    /* max-width: 1920px; */
    margin: auto;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background-color: #fff;
    overflow-x: hidden
}

a {
    color: #333
}

a:focus, a:hover {
    outline: 0;
    text-decoration: none;
    color: #f36
}

img {
    max-width: 100%
}

ol, ul {
    margin: 0;
    padding: 0
}

ol li, ul li {
    list-style: none
}

.video-responsive {
    height: 0;
    padding-top: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

.video-responsive embed, .video-responsive iframe, .video-responsive video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none
}

.audio-responsive iframe {
    width: 100%;
    height: 126px
}

.pagination {
    text-align: center;
    display: block;
    margin: 0
}

.pagination>li {
    display: inline-block;
    font-size: 14px;
    margin-left: 3px;
    margin-bottom: 7px;
    vertical-align: top
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0
}

.pagination>li>a, .pagination>li>span {
    color: #333;
    border: 1px solid #dfdfdf;
    line-height: 32px;
    min-width: 34px;
    text-align: center;
    padding: 0 5px;
    border-radius: 0;
    background-color: #fff
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #fff;
    color: #f36;
    border-color: #dfdfdf
}

.pagination .action>a, .pagination .action>span {
    color: #888
}

.pagination .active>a, .pagination .active>a:focus, .pagination .active>a:hover, .pagination .active>span, .pagination .active>span:focus, .pagination .active>span:hover {
    background-color: #fff;
    color: #f36;
    border-color: #dfdfdf
}

.pager>li>a, .pager>li>span {
    color: #a9a9a9;
    border-color: #dcdcdc;
    line-height: 37px;
    min-width: 39px;
    text-align: center;
    padding: 0 25px;
    border-radius: 40px
}

.pager>li>a:focus, .pager>li>a:hover, .pager>li>span:focus, .pager>li>span:hover {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #1a1a1a
}

.breadcrumb {
    background-color: transparent;
    text-transform: capitalize;
    padding: 0;
    font-size: 14px;
    margin-bottom: 22px;
    margin-top: 20px
}

.breadcrumb li {
    color: #333;
    line-height: 25px
}

.breadcrumb li+li:before {
    color: #999;
    content: " / ";
    margin: 0 2px
}

.breadcrumb li a {
    color: #333
}

.breadcrumb li a:hover {
    color: #f36
}

.breadcrumb .active, .breadcrumb .active a {
    color: #999
}

.dropdown-menu {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    border: none;
    border-radius: 0
}

.dropdown-menu>li>a {
    color: #333;
    padding: 6px 12px
}

.dropdown-menu>li>a:hover {
    background-color: #f36;
    color: #fff
}

.dropdown-menu .dropdown-header {
    color: #777;
    padding: 6px 12px
}

.table-responsive {
    margin-top: 20px
}

.table-responsive>.table-wishlist {
    margin: 0
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    height: 39px;
    padding: 0 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn.form-control-feedback {
    border: none;
    pointer-events: auto
}

.btn:focus, .btn:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0
}

.btn-lg {
    height: 60px;
    font-size: 18px
}

.btn-sm {
    height: 28px;
    font-size: 12px
}

a.btn {
    height: auto;
    line-height: 37px
}

a.btn-lg {
    height: auto;
    line-height: 60px
}

a.btn-sm {
    height: auto;
    line-height: 28px
}

.btn-default {
    color: #6b6b6b;
    background-color: transparent;
    border-color: #e3e3e3
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #f36;
    border-color: #e3e3e3
}

.btn-default.active, .btn-default:active, .open .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: transparent;
    border-color: #e3e3e3
}

.btn-default .badge {
    color: transparent;
    background-color: #6b6b6b
}

.btn-inline {
    color: #fff;
    background-color: #f36;
    border-color: #f36
}

.btn-inline.active, .btn-inline.focus, .btn-inline:active, .btn-inline:focus, .btn-inline:hover, .open .btn-inline.dropdown-toggle {
    color: #fff;
    background-color: #171717;
    border-color: #171717
}

.btn-inline.active, .btn-inline:active, .open .btn-inline.dropdown-toggle {
    background-image: none
}

.btn-inline.disabled, .btn-inline.disabled.active, .btn-inline.disabled:active, .btn-inline.disabled:focus, .btn-inline.disabled:hover, .btn-inline[disabled], .btn-inline[disabled].active, .btn-inline[disabled]:active, .btn-inline[disabled]:focus, .btn-inline[disabled]:hover, fieldset[disabled] .btn-inline, fieldset[disabled] .btn-inline.active, fieldset[disabled] .btn-inline:active, fieldset[disabled] .btn-inline:focus, fieldset[disabled] .btn-inline:hover {
    background-color: #f36;
    border-color: #f36
}

.btn-inline .badge {
    color: #f36;
    background-color: #fff
}

.btn-inline-sub {
    color: #fff;
    background-color: #9a9a9a;
    border-color: #9a9a9a
}

.btn-inline-sub.active, .btn-inline-sub.focus, .btn-inline-sub:active, .btn-inline-sub:focus, .btn-inline-sub:hover, .open .btn-inline-sub.dropdown-toggle {
    color: #fff;
    background-color: #f36;
    border-color: #f36
}

.btn-inline-sub.active, .btn-inline-sub:active, .open .btn-inline-sub.dropdown-toggle {
    background-image: none
}

.btn-inline-sub.disabled, .btn-inline-sub.disabled.active, .btn-inline-sub.disabled:active, .btn-inline-sub.disabled:focus, .btn-inline-sub.disabled:hover, .btn-inline-sub[disabled], .btn-inline-sub[disabled].active, .btn-inline-sub[disabled]:active, .btn-inline-sub[disabled]:focus, .btn-inline-sub[disabled]:hover, fieldset[disabled] .btn-inline-sub, fieldset[disabled] .btn-inline-sub.active, fieldset[disabled] .btn-inline-sub:active, fieldset[disabled] .btn-inline-sub:focus, fieldset[disabled] .btn-inline-sub:hover {
    background-color: #9a9a9a;
    border-color: #9a9a9a
}

.btn-inline-sub .badge {
    color: #9a9a9a;
    background-color: #fff
}

.hp1-btn {
    color: #666;
    background-color: #fff;
    border-color: #fff;
    height: 38px
}

.hp1-btn.active, .hp1-btn.focus, .hp1-btn:active, .hp1-btn:focus, .hp1-btn:hover, .open .hp1-btn.dropdown-toggle {
    color: #fff;
    background-color: #3f5266;
    border-color: #3f5266
}

.hp1-btn.active, .hp1-btn:active, .open .hp1-btn.dropdown-toggle {
    background-image: none
}

.hp1-btn.disabled, .hp1-btn.disabled.active, .hp1-btn.disabled:active, .hp1-btn.disabled:focus, .hp1-btn.disabled:hover, .hp1-btn[disabled], .hp1-btn[disabled].active, .hp1-btn[disabled]:active, .hp1-btn[disabled]:focus, .hp1-btn[disabled]:hover, fieldset[disabled] .hp1-btn, fieldset[disabled] .hp1-btn.active, fieldset[disabled] .hp1-btn:active, fieldset[disabled] .hp1-btn:focus, fieldset[disabled] .hp1-btn:hover {
    background-color: #fff;
    border-color: #fff
}

.hp1-btn .badge {
    color: #fff;
    background-color: #666
}

a.hp1-btn {
    line-height: 38px;
    height: auto
}

.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-style: none;
    outline-width: 0;
    border: 1px solid #ececec
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control:focus, .form-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ececec
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: center right 11px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/arrow-select.png);
    padding-right: 22px
}

.input-group-addon {
    border-radius: 0
}

select::-ms-expand {
    display: none
}

select.input-sm {
    line-height: 1
}

.nav-tabs {
    margin-bottom: 15px
}

.nav-tabs>li>a {
    border-radius: 0
}

.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    border-color: #ddd #ddd transparent;
    background-color: #fff
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f36
}

.nav-pills {
    margin-bottom: 15px
}

.nav-pills>li>a {
    border-radius: 0
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:focus, .nav-pills>li>a:hover {
    color: #fff;
    background-color: #5e5e5e
}

.tab-content>.tab-pane {
    width: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tab-content>.tab-pane.active {
    z-index: 30;
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.owl-carousel .owl-item {
    padding-bottom: 1px
}

.owl-carousel .owl-item img {
    width: auto;
    -webkit-transform-style: flat;
    transform-style: flat
}

.owl-carousel .owl-item .img-slide img {
    display: block;
    width: 100%
}

.block-search .block-title {
    display: none;
    width: 60px;
    height: 49px;
    padding: 0;
    background-color: #f36;
    color: #fff;
    text-align: center;
    line-height: 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index1/search.png)
}

.block-search .block-title span {
    display: none
}

.block-search .block-content:after, .block-search .block-content:before {
    content: "";
    display: table
}

.block-search .block-content:after {
    clear: both
}

.block-search .categori-search {
    width: 160px;
    float: left;
    margin-right: -1px
}

.block-search .categori-search .chosen-container {
    width: 100% !important
}

.block-search .categori-search .chosen-container .chosen-single {
    line-height: 47px;
    height: 49px;
    border-radius: 0;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 28px;
    position: relative;
    text-transform: capitalize;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.block-search .categori-search .chosen-container .chosen-single span {
    margin: 0
}

.block-search .categori-search .chosen-container .chosen-single div {
    width: 28px;
    text-align: left
}

.block-search .categori-search .chosen-container .chosen-single div b {
    font-size: 14px;
    color: #888;
    background-image: none;
    font-weight: 400
}

.block-search .categori-search .chosen-container .chosen-single div b:before {
    content: "\f107";
    font-family: FontAwesome
}

.block-search .categori-search .chosen-container .chosen-drop {
    border-radius: 0
}

.block-search .categori-search .chosen-container .chosen-results li {
    line-height: 22px
}

.block-search .form-search {
    width: 340px;
    float: left
}

.block-search .form-search .box-group {
    position: relative
}

.block-search .form-search .form-control {
    height: 40px;
    border: 1px solid #aaa;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
    color: #888
}

.block-search .form-search .form-control::-moz-placeholder {
    color: #888;
    opacity: 1
}

.block-search .form-search .form-control:-ms-input-placeholder {
    color: #888
}

.block-search .form-search .form-control::-webkit-input-placeholder {
    color: #888
}

.block-search .form-search .btn-search {
    width: 60px;
    padding: 0;
    background-color: #f36;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1px;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index1/search.png)
}

.block-search .form-search .btn-search span {
    display: none
}

.block-search .form-search .btn-search:hover {
    background-color: #ff0040
}

.block-minicart {
    position: relative
}

.block-minicart.open>.dropdown-menu, .block-minicart:hover>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.block-minicart>.dropdown-menu {
    padding: 20px;
    margin: 15px 0 0;
    right: 0;
    left: auto;
    width: 300px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 7px 0 rgba(50, 50, 50, .2);
    box-shadow: 0 4px 7px 0 rgba(50, 50, 50, .2);
    color: #666
}

.block-minicart>.dropdown-menu .minicart-content-wrapper {
    max-height: 500px;
    overflow-y: auto
}

.block-minicart .subtitle {
    display: block;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.block-minicart .subtotal {
    margin-top: 10px
}

.block-minicart .subtotal:after, .block-minicart .subtotal:before {
    content: "";
    display: table
}

.block-minicart .subtotal:after {
    clear: both
}

.block-minicart .subtotal .label {
    padding: 0;
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
    float: left;
    color: #666;
    display: block
}

.block-minicart .subtotal .price {
    float: right;
    font-size: 18px;
    line-height: 18px;
    display: block;
    color: #999
}

.block-minicart .actions:after, .block-minicart .actions:before {
    content: "";
    display: table
}

.block-minicart .actions:after {
    clear: both
}

.block-minicart .actions .btn {
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background-color: #f36;
    width: calc(( 100% - 12px)/2);
    width: -moz-calc(( 100% - 12px)/2);
    width: -webkit-calc(( 100% - 12px)/2);
    width: -o-calc(( 100% - 12px)/2);
    margin-top: 12px;
    font-size: 13px;
    font-weight: 400
}

@media ( max-width :479px) {
    .block-minicart .actions .btn {
        font-size: 13px
    }
}

.block-minicart .actions .btn:focus, .block-minicart .actions .btn:hover {
    background-color: #e50039;
    color: #fff
}

.block-minicart .actions .btn-checkout, .block-minicart .actions .btn-viewcart {
    float: left
}

.block-minicart .minicart-items .product-item {
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 10px;
    margin-top: 10px;
    position: relative
}

.block-minicart .minicart-items .product-item:after, .block-minicart .minicart-items .product-item:before {
    content: "";
    display: table
}

.block-minicart .minicart-items .product-item:after {
    clear: both
}

.block-minicart .minicart-items .product-item .product-item-photo {
    display: block;
    float: left;
    margin-right: 10px;
    width: 90px;
    margin-left: 10px
}

.block-minicart .minicart-items .product-item .product-item-details {
    overflow: hidden
}

.block-minicart .minicart-items .product-item .product-item-name {
    font-weight: 400;
    display: block;
    text-transform: capitalize;
    font-size: 14px
}

.block-minicart .minicart-items .product-item .product-item-name a {
    color: #666
}

.block-minicart .minicart-items .product-item .product-item-name a:hover {
    color: #f36
}

.block-minicart .minicart-items .product-item .product-item-qty {
    margin-bottom: 2px
}

.block-minicart .minicart-items .product-item .product-item-qty .label {
    color: #666;
    font-size: 14px;
    padding: 0;
    font-weight: 400
}

.block-minicart .minicart-items .product-item .product-item-price {
    font-size: 14px;
    color: #f36;
    display: block
}

.block-minicart .minicart-items .product-item .action.delete {
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon/index1/delete_icon.png)
}

.block-minicart .minicart-items .product-item .action.delete:focus, .block-minicart .minicart-items .product-item .action.delete:hover {
    color: #f36
}

.block-minicart .minicart-items .product-item .action.delete span {
    display: none
}

.block-nav-categori {
    width: 300px;
    position: relative
}

.block-nav-categori .block-title {
    cursor: pointer;
    line-height: 57px;
    background-color: #f36;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 0 44px 0 25px;
    background-repeat: no-repeat;
    background-position: center right 25px;
    background-image: url(../images/icon/index1/menu-cat.png);
    letter-spacing: 1px
}

.block-nav-categori .block-content {
    position: absolute;
    top: 100%;
    z-index: 300;
    background-color: #fff;
    left: 0;
    width: 300px;
    display: none;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09)
}

@media ( max-width :991px) {
    .block-nav-categori .block-content {
        display: block !important
    }
}

.block-nav-categori .ui-categori {
    padding-top: 17px;
    padding-bottom: 13px
}

.block-nav-categori .ui-categori .toggle-submenu {
    display: none
}

.block-nav-categori .ui-categori>li {
    display: block
}

.block-nav-categori .ui-categori>li>a {
    display: block;
    padding: 0 40px 0 25px;
    position: relative;
    text-transform: capitalize;
    line-height: 51px
}

.block-nav-categori .ui-categori>li>a .icon {
    width: 40px;
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.block-nav-categori .ui-categori>li>a:hover {
    color: #888
}

.block-nav-categori .ui-categori>li.parent {
    /* position: relative */
}

.block-nav-categori .ui-categori>li.parent>a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    line-height: 50px;
    top: 0;
    right: 0;
    width: 20px;
    text-align: center;
    font-size: 16px
}

.block-nav-categori .ui-categori>li.parent:hover>a {
    color: #888
}

.block-nav-categori .ui-categori>li.parent:hover>a:after {
    content: "\f105"
}

.block-nav-categori .ui-categori>li.parent:hover>.submenu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    margin-left: 0
}

.block-nav-categori .ui-categori>li.cat-link-orther {
    display: none
}

.block-nav-categori .ui-categori .submenu {
    position: absolute;
    /* top: 0; */
    width: 870px;
    left: 300px;
    margin-left: 20px;
    padding: 10px 10px 20px;
    background-color: #fff;
    z-index: 300;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 0 2px 8px 0;
    box-shadow: rgba(0, 0, 0, .5) 0 2px 8px 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    background-position: top right;
    background-repeat: no-repeat
}

.block-nav-categori .ui-categori .submenu .categori-img {
    display: block;
    margin-bottom: 10px
}

.block-nav-categori .ui-categori .submenu .categori-img img {
    width: 100%
}

.block-nav-categori .ui-categori .submenu .categori-img a {
    display: block;
    position: relative;
    overflow: hidden
}

.block-nav-categori .ui-categori .submenu .categori-img a:after, .block-nav-categori .ui-categori .submenu .categori-img a:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    border-style: solid;
    border-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 100
}

.block-nav-categori .ui-categori .submenu .categori-img a:before {
    border-width: 1px 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    top: 10px;
    bottom: 10px;
    left: 5px;
    right: 5px
}

.block-nav-categori .ui-categori .submenu .categori-img a:after {
    border-width: 0 1px;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    left: 10px;
    right: 10px
}

.block-nav-categori .ui-categori .submenu .categori-img a img {
    display: block;
    width: 100%;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.block-nav-categori .ui-categori .submenu .categori-img a:hover:after, .block-nav-categori .ui-categori .submenu .categori-img a:hover:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.block-nav-categori .ui-categori .submenu .categori-img a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.block-nav-categori .ui-categori .submenu .categori-list {
    margin: 0;
    padding-bottom: 5px
}

.block-nav-categori .ui-categori .submenu .categori-list:after, .block-nav-categori .ui-categori .submenu .categori-list:before {
    content: "";
    display: table
}

.block-nav-categori .ui-categori .submenu .categori-list:after {
    clear: both
}

.block-nav-categori .ui-categori .submenu .categori-list .title {
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
    display: block;
    margin-bottom: 11px;
    margin-top: 15px;
    font-size: 16px
}

.block-nav-categori .ui-categori .submenu .categori-list .title a {
    color: #444;
    text-transform: uppercase
}

.block-nav-categori .ui-categori .submenu .categori-list .title a:hover {
    color: #f36
}

.block-nav-categori .ui-categori .submenu .categori-list>li {
    padding: 0 20px
}

.block-nav-categori .ui-categori .submenu .categori-list li a {
    color: #888;
    font-size: 14px;
    display: block;
    line-height: 30px;
    text-transform: none
}

.block-nav-categori .ui-categori .submenu .categori-list li a:hover {
    color: #f36
}

.block-nav-categori .ui-categori .submenu .subtitle {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    margin-top: 25px;
    padding-left: 18px
}

.block-nav-categori .ui-categori .submenu .subtitle:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -100%;
    border-top: 1px solid #dfdfdf;
    margin-left: 8px
}

.block-nav-categori .ui-categori .submenu .product-item-opt-1 .product-item-price {
    color: #333;
    font-size: 16px
}

.block-nav-categori .view-all-categori .btn-view-all, .block-nav-categori .view-all-categori a {
    display: block;
    text-transform: capitalize;
    padding: 0 65px;
    line-height: 55px;
    background-color: #f9f9f9;
    color: #333;
    font-weight: 600;
    cursor: pointer
}

.block-nav-categori .view-all-categori .btn-view-all:after, .block-nav-categori .view-all-categori a:after {
    content: "\f105";
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.block-nav-categori .view-all-categori .btn-view-all:hover, .block-nav-categori .view-all-categori a:hover {
    background-color: #f36;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media ( min-width :992px) {
    .block-nav-menu {
        position: relative;
        z-index: 500
    }
    .block-nav-menu .ui-menu:after, .block-nav-menu .ui-menu:before {
        content: "";
        display: table
    }
    .block-nav-menu .ui-menu:after {
        clear: both
    }
    .block-nav-menu .ui-menu .toggle-submenu {
        display: none
    }
    .block-nav-menu .ui-menu>li {
        float: left;
        position: relative;
        display: block;
        line-height: 50px;
        padding: 0 20px;
        cursor: pointer
    }
    .block-nav-menu .ui-menu>li>a {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        color: #333
    }
    .block-nav-menu .ui-menu>li:hover>a {
        color: #f36
    }
    .block-nav-menu .ui-menu>li .label-menu {
        position: absolute;
        top: -7px;
        margin-left: -10px;
        line-height: 20px;
        color: #fff;
        background-color: #096;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        min-width: 33px;
        padding: 0 2px;
        border-radius: 10px;
    }
    .block-nav-menu .ui-menu>li .label-menu:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 6px 0 0;
        border-color: #096 transparent transparent;
        position: absolute;
        bottom: -4px;
        left: 10px
    }
    .block-nav-menu .ui-menu>li ul {
        line-height: 1.42857
    }
    .block-nav-menu .ui-menu>li:before {
        content: ""
    }
    .block-nav-menu .ui-menu>li.parent:after {
        font-family: FontAwesome;
        content: "\f105"
    }
    .block-nav-menu .ui-menu>li.active {
        z-index: 10
    }
    .block-nav-menu .ui-menu>li.active:focus>a, .block-nav-menu .ui-menu>li.active:hover>a, .block-nav-menu .ui-menu>li.active>a {
        color: #fff
    }
    .block-nav-menu .ui-menu .parent:hover>.drop-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .block-nav-menu .ui-menu .drop-menu {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 15px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        -webkit-box-shadow: rgba(0, 0, 0, .5) 0 2px 8px 0;
        box-shadow: rgba(0, 0, 0, .5) 0 2px 8px 0;
        z-index: 900
    }
    .block-nav-menu .ui-menu .submenu {
        white-space: nowrap;
        min-width: 200px;
        max-width: 300px;
        padding: 30px 15px
    }
    .block-nav-menu .ui-menu .submenu li {
        display: block
    }
    .block-nav-menu .ui-menu .submenu li>a {
        display: block;
        line-height: 34px;
        padding: 0 25px;
        color: #888
    }
    .block-nav-menu .ui-menu .submenu li>a:focus, .block-nav-menu .ui-menu .submenu li>a:hover {
        color: #f36
    }
    .block-nav-menu .ui-menu .megamenu {
        width: 900px;
        padding: 30px 15px
    }
    .block-nav-menu .ui-menu .megamenu>ul:after, .block-nav-menu .ui-menu .megamenu>ul:before {
        content: "";
        display: table
    }
    .block-nav-menu .ui-menu .megamenu>ul:after {
        clear: both
    }
    .block-nav-menu .ui-menu .megamenu .title {
        color: #444;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
        margin-top: 10px;
        font-weight: 600;
        border-bottom: 1px solid #eee
    }
    .block-nav-menu .ui-menu .megamenu .title span {
        display: inline-block;
        border-bottom: 1px solid #f36;
        margin-bottom: -1px
    }
    .block-nav-menu .ui-menu .megamenu .img-categori {
        margin-bottom: 15px;
        position: relative
    }
    .block-nav-menu .ui-menu .megamenu .img-categori img {
        display: block;
        width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a {
        position: relative;
        display: block;
        overflow: hidden
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:after, .block-nav-menu .ui-menu .megamenu .img-categori a:before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:before {
        top: 20px;
        bottom: 20px;
        border-top: 1px solid rgba(255, 255, 255, .8);
        border-bottom: 1px solid rgba(255, 255, 255, .8);
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:after {
        left: 20px;
        right: 20px;
        border-left: 1px solid rgba(255, 255, 255, .8);
        border-right: 1px solid rgba(255, 255, 255, .8);
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:hover:after, .block-nav-menu .ui-menu .megamenu .img-categori a:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu li {
        padding-bottom: 10px
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu a {
        display: block;
        color: #888
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu a:hover {
        color: #f36
    }
}

@media ( min-width :992px) and (max-width:991px) {
    .block-nav-menu .ui-menu .parent.open-submenu>.megamenu {
        display: block
    }
}

@media ( min-width :992px) and (max-width:991px) {
    .block-nav-menu .ui-menu .drop-menu {
        width: 100%;
        display: none;
        visibility: visible;
        margin: 0;
        opacity: 1;
        box-shadow: none;
        position: static
    }
}

@media ( min-width :992px) and (max-width:1199px) {
    .block-nav-menu .ui-menu .megamenu {
        width: 940px
    }
}

@media ( min-width :992px) and (max-width:991px) {
    .block-nav-menu .ui-menu .megamenu {
        width: 100%
    }
}

.header-nav {
    background-color: #fff;
    position: relative
}

.header-nav:after, .header-nav:before {
    content: "";
    display: table
}

.header-nav:after {
    clear: both
}

.header-nav .container {
    position: relative
}

.header-nav .container:after, .header-nav .container:before {
    content: "";
    display: table
}

.header-nav .container:after {
    clear: both
}

.header-nav .box-header-nav {
    position: relative
}

.header-nav .box-header-nav:after, .header-nav .box-header-nav:before {
    content: "";
    display: table
}

.header-nav .box-header-nav:after {
    clear: both
}

.header-nav .block-nav-categori, .header-nav .block-nav-menu {
    float: left
}

.header-nav .block-minicart>.dropdown-toggle {
    display: block;
    position: relative;
    color: #fff;
    background-color: #f36
}

.header-nav .block-minicart>.dropdown-toggle:after, .header-nav .block-minicart>.dropdown-toggle:before {
    content: "";
    display: table
}

.header-nav .block-minicart>.dropdown-toggle:after {
    clear: both
}

.header-nav .block-minicart>.dropdown-toggle .cart-icon {
    width: 38px;
    display: block;
    height: 49px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon/index1/minicart.png)
}

.header-nav .nav-toggle-cat {
    display: block;
    float: left;
    width: 50px;
    padding: 0
}

.nav-toggle-menu {
    display: none
}

.site-header .switcher .dropdown-toggle {
    display: block
}

.site-header .switcher .dropdown-toggle i {
    margin-right: 0
}

@media ( min-width :768px) {
    .site-header .switcher:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .site-header .switcher .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
}

.site-header .switcher .switcher-options .fa, .site-header .switcher .switcher-options .switcher-flag {
    margin-right: 10px
}

.site-header .switcher-language .dropdown-toggle .switcher-flag {
    margin-right: 6px
}

.site-header .switcher-language .switcher-options .fa, .site-header .switcher-language .switcher-options .switcher-flag {
    margin-right: 10px
}

.site-header .setting .switcher .switcher-options .fa {
    margin: 0
}

.site-header .setting .dropdown-menu {
    background-color: #fff;
    width: 273px;
    padding: 20px 22px;
    margin: 0;
    right: 0;
    left: auto;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    color: #333;
    font-size: 12px
}

.site-header .setting .dropdown-menu a {
    color: #333
}

@media ( max-width :600px) {
    .site-header .setting .dropdown-menu {
        left: 0;
        right: auto
    }
}

@media ( max-width :479px) {
    .site-header .setting .dropdown-menu {
        left: 0;
        right: 0
    }
}

@media ( max-width :479px) {
    .site-header .setting {
        position: static
    }
    .site-header .setting .dropdown-menu {
        top: 50px
    }
}

@media ( min-width :768px) {
    .site-header .setting:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .site-header .setting .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
}

.site-header .setting .switcher {
    margin-bottom: 13px;
    border-bottom: 1px dotted #dadada;
    padding-bottom: 8px
}

.site-header .setting .switcher .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    display: block;
    margin-bottom: 12px
}

.site-header .setting .switcher ul:after, .site-header .setting .switcher ul:before {
    content: "";
    display: table
}

.site-header .setting .switcher ul:after {
    clear: both
}

.site-header .setting .switcher li {
    display: block;
    margin-right: 8px;
    margin-bottom: 10px;
    float: left
}

.site-header .setting .switcher li a, .site-header .setting .switcher li img {
    display: block
}

.site-header .setting .switcher .switcher-options .switcher-flag {
    margin: 0
}

.site-header .setting .switcher-language .switcher-active {
    outline: #ededed solid 1px
}

.site-header .setting .switcher-currency a {
    display: block;
    width: 32px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    background-color: #eee;
    font-size: 12px;
    color: #333
}

.site-header .setting .switcher-currency .switcher-active {
    background-color: #4f4f4f;
    color: #fff
}

.site-header .setting .switcher-currency .switcher-active a {
    color: #fff;
    background-color: #4f4f4f
}

.site-header .setting .account {
    padding-left: 15px
}

.site-header .setting .account li {
    display: list-item;
    text-transform: capitalize;
    line-height: 30px;
    list-style: disc;
    color: #aaa
}

.site-header .setting .account li a {
    color: #333;
    font-size: 14px
}

.site-header .setting .account li a:hover {
    color: #f36
}

.site-header .nav-toggle-menu {
    text-transform: uppercase;
    text-align: center;
    background-color: #f36;
    color: #fff;
    display: none;
    float: right;
    font-size: 15px;
    font-weight: 600;
    line-height: 57px;
    padding: 0 44px 0 25px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right 25px;
    background-image: url(../images/icon/index1/menu-cat.png)
}

.site-header .nav-toggle-menu span {
    margin-right: 10px
}

.site-header .nav-toggle-menu .fa {
    font-size: 24px;
    vertical-align: middle;
    display: none
}

.site-header .nav-toggle-menu.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500
}

@media ( max-width :991px) {
    .block-nav-menu {
        width: 280px !important
    }
    .block-nav-menu .ui-menu:after, .block-nav-menu .ui-menu:before {
        content: "";
        display: table
    }
    .block-nav-menu .ui-menu:after {
        clear: both
    }
    .block-nav-menu .ui-menu>li {
        float: none;
        display: block;
        position: relative;
        line-height: 50px;
        padding: 0 20px
    }
    .block-nav-menu .ui-menu>li>a {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        color: #333
    }
    .block-nav-menu .ui-menu>li:hover>a {
        color: #f36
    }
    .block-nav-menu .ui-menu>li .label-menu {
        position: absolute;
        top: -7px;
        margin-left: -10px;
        line-height: 20px;
        color: #fff;
        background-color: #096;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        min-width: 33px;
        padding: 0 2px;
        border-radius: 10px;
    }
    .block-nav-menu .ui-menu>li .label-menu:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 6px 0 0;
        border-color: #096 transparent transparent;
        position: absolute;
        bottom: -4px;
        left: 10px
    }
    .block-nav-menu .ui-menu>li ul {
        line-height: 1.42857
    }
    .block-nav-menu .ui-menu>li.active {
        z-index: 10
    }
    .block-nav-menu .ui-menu>li.active>a {
        color: #f36
    }
    .block-nav-menu .ui-menu.open-submenu .drop-menu {
        display: block
    }
    .block-nav-menu .ui-menu .drop-menu, .block-nav-menu .ui-menu .submenu {
        width: 100% !important;
        margin: 0 !important
    }
    .block-nav-menu .ui-menu .drop-menu {
        display: none
    }
    .block-nav-menu .ui-menu .megamenu>ul:after, .block-nav-menu .ui-menu .megamenu>ul:before {
        content: "";
        display: table
    }
    .block-nav-menu .ui-menu .megamenu>ul:after {
        clear: both
    }
    .block-nav-menu .ui-menu .megamenu .title {
        color: #444;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
        margin-top: 10px;
        font-weight: 600;
        border-bottom: 1px solid #eee
    }
    .block-nav-menu .ui-menu .megamenu .title span {
        display: inline-block;
        border-bottom: 1px solid #f36;
        margin-bottom: -1px
    }
    .block-nav-menu .ui-menu .megamenu .img-categori {
        margin-bottom: 15px;
        position: relative
    }
    .block-nav-menu .ui-menu .megamenu .img-categori img {
        display: block;
        width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a {
        position: relative;
        display: block;
        overflow: hidden
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:after, .block-nav-menu .ui-menu .megamenu .img-categori a:before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:before {
        top: 20px;
        bottom: 20px;
        border-top: 1px solid rgba(255, 255, 255, .8);
        border-bottom: 1px solid rgba(255, 255, 255, .8);
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:after {
        left: 20px;
        right: 20px;
        border-left: 1px solid rgba(255, 255, 255, .8);
        border-right: 1px solid rgba(255, 255, 255, .8);
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .img-categori a:hover:after, .block-nav-menu .ui-menu .megamenu .img-categori a:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu li {
        padding-bottom: 10px
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu a {
        display: block;
        color: #888
    }
    .block-nav-menu .ui-menu .megamenu .list-submenu a:hover {
        color: #f36
    }
    .site-header .block-nav-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -110%;
        width: 280px;
        -webkit-box-shadow: rgba(136, 136, 136, .23) 0 0 3px 0;
        box-shadow: rgba(136, 136, 136, .23) 0 0 3px 0;
        background-color: #fff;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        overflow-y: auto
    }
    .site-header .block-nav-menu.has-open {
        right: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        display: block
    }
    .site-header .block-nav-menu .ui-menu {
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .site-header .block-nav-menu .ui-menu>li {
        float: none;
        display: block
    }
    .site-header .block-nav-menu .ui-menu>li>a {
        padding: 0 15px;
        line-height: 46px
    }
    .site-header .block-nav-menu .ui-menu li {
        position: relative;
        display: block
    }
    .site-header .block-nav-menu .ui-menu li.parent>a:after {
        line-height: 46px;
        top: 0;
        margin: 0;
        width: 20px;
        content: none
    }
    .site-header .block-nav-menu .ui-menu li a {
        display: inline-block;
        position: relative;
        z-index: 20;
        margin-right: 30px
    }
    .site-header .block-nav-menu .ui-menu .open-submenu>a {
        color: #f36
    }
    .site-header .block-nav-menu .ui-menu .open-submenu>.drop-menu, .site-header .block-nav-menu .ui-menu .open-submenu>.submenu {
        display: block
    }
    .site-header .block-nav-menu .ui-menu .open-submenu>.toggle-submenu:before {
        content: "\f107"
    }
    .site-header .block-nav-menu .ui-menu .submenu {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
        padding: 0 0 0 20px;
        margin: 0;
        opacity: 1;
        visibility: visible
    }
    .site-header .block-nav-menu .ui-menu .submenu li {
        padding-bottom: 10px
    }
    .site-header .block-nav-menu .ui-menu .toggle-submenu {
        position: absolute;
        display: block;
        height: 46px;
        top: 0;
        left: 0;
        right: 0;
        cursor: pointer;
        text-align: right;
        padding-right: 15px;
        line-height: 46px
    }
    .site-header .block-nav-menu .ui-menu .toggle-submenu:before {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 18px
    }
    .site-header .block-nav-categori {
        width: 200px;
        width: 280px !important
    }
    .site-header .block-nav-categori .block-title {
        cursor: pointer
    }
    .site-header .block-nav-categori .block-title.active:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 500
    }
    .site-header .block-nav-categori.has-open .block-content {
        left: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .site-header .block-nav-categori .block-content {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -110%;
        right: auto;
        width: 280px;
        -webkit-box-shadow: rgba(136, 136, 136, .23) 0 0 3px 0;
        box-shadow: rgba(136, 136, 136, .23) 0 0 3px 0;
        background-color: #fff;
        z-index: 9999;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        overflow-y: auto
    }
    .site-header .block-nav-categori .ui-categori {
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .site-header .block-nav-categori .ui-categori>li {
        float: none;
        display: block
    }
    .site-header .block-nav-categori .ui-categori>li>a {
        padding: 0 15px;
        line-height: 46px
    }
    .site-header .block-nav-categori .ui-categori li {
        position: relative
    }
    .site-header .block-nav-categori .ui-categori li.parent>a:after {
        line-height: 46px;
        top: 0;
        margin: 0;
        width: 20px;
        content: none
    }
    .site-header .block-nav-categori .ui-categori li a {
        display: inline-block;
        position: relative;
        z-index: 20;
        margin-right: 30px
    }
    .site-header .block-nav-categori .ui-categori .open-submenu>a {
        color: #f36
    }
    .site-header .block-nav-categori .ui-categori .open-submenu>.submenu {
        display: block
    }
    .site-header .block-nav-categori .ui-categori .open-submenu>.toggle-submenu:before {
        content: "\f107"
    }
    .site-header .block-nav-categori .ui-categori .submenu {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
        padding: 0 15px;
        margin: 0;
        opacity: 1;
        visibility: visible;
        width: 100% !important
    }
    .site-header .block-nav-categori .ui-categori .toggle-submenu {
        position: absolute;
        display: block;
        height: 46px;
        top: 0;
        left: 0;
        right: 0;
        cursor: pointer;
        text-align: right;
        padding-right: 15px;
        line-height: 46px
    }
    .site-header .block-nav-categori .ui-categori .toggle-submenu:before {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 18px
    }
    .site-header .block-nav-categori .ui-categori .categori-list li {
        display: block;
        float: none;
        width: 100%
    }
    .site-header .nav-toggle-menu {
        text-transform: uppercase;
        text-align: center;
        background-color: #f36;
        color: #fff;
        display: block;
        float: right;
        font-size: 15px;
        font-weight: 600;
        line-height: 57px;
        padding: 0 44px 0 25px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center right 25px;
        background-image: url(../images/icon/index1/menu-cat.png)
    }
    .site-header .nav-toggle-menu span {
        margin-right: 10px
    }
    .site-header .nav-toggle-menu .fa {
        font-size: 24px;
        vertical-align: middle;
        display: none
    }
    .site-header .nav-toggle-menu.active:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 500
    }
    body.categori-open, body.menu-open {
        overflow: hidden
    }
}

@media ( max-width :479px) {
    .site-header .header-content .nav-right {
        position: static
    }
    .site-header .header-content .block-minicart .dropdown-menu {
        width: 290px
    }
}

.header-nav .setting .dropdown-toggle {
    display: block;
    cursor: pointer;
    line-height: 57px;
    height: 57px;
    width: 50px;
    font-size: 24px;
    color: #fff;
    background-color: #f36;
    text-align: center
}

.header-nav .setting .dropdown-toggle span {
    display: none
}

.header-opt-1 .header-nav .setting .dropdown-toggle, .header-opt-10 .header-nav .setting .dropdown-toggle, .header-opt-6 .header-nav .setting .dropdown-toggle {
    line-height: 50px;
    height: 50px
}

.header-opt-8 .header-nav .setting .dropdown-toggle, .header-opt-9 .header-nav .setting .dropdown-toggle {
    line-height: 45px;
    height: 45px
}

.header-opt-7 .header-nav .setting .dropdown-toggle {
    line-height: 47px;
    height: 47px
}

.header-opt-1 .header-nav .setting .dropdown-toggle {
    background-color: #f36
}

.header-opt-2 .header-nav .setting .dropdown-toggle {
    background-color: #f78031
}

.header-opt-3 .header-nav .setting .dropdown-toggle {
    background-color: #053D8B
}

.header-opt-4 .header-nav .setting .dropdown-toggle {
    background-color: #0188cc
}

.header-opt-5 .header-nav .setting .dropdown-toggle {
    background-color: #f96d10
}

.header-opt-6 .header-nav .setting .dropdown-toggle {
    background-color: #007176
}

.header-opt-7 .header-nav .setting .dropdown-toggle {
    background-color: #e52e04
}

.header-opt-8 .header-nav .setting .dropdown-toggle {
    background-color: #333
}

.header-opt-9 .header-nav .setting .dropdown-toggle {
    background-color: #ff7f00
}

.header-opt-10 .header-nav .setting .dropdown-toggle {
    background-color: #28A152
}

.header-nav .setting.open .dropdown-menu, .header-nav .setting:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0
}

.header-nav .setting .dropdown-menu {
    right: 0;
    left: auto
}

.header-nav .block-minicart {
    margin: 0 0 0 10px
}

.header-nav .block-minicart .dropdown-toggle {
    padding: 0;
    margin: 0
}

.header-nav .block-minicart .dropdown-toggle .cart-icon {
    height: 57px;
    padding: 0;
    margin: 0;
    width: 50px
}

.header-opt-1 .header-nav .block-minicart .dropdown-toggle .cart-icon, .header-opt-10 .header-nav .block-minicart .dropdown-toggle .cart-icon, .header-opt-6 .header-nav .block-minicart .dropdown-toggle .cart-icon {
    line-height: 50px;
    height: 50px
}

.header-opt-1 .header-nav .block-minicart .dropdown-toggle .cart-icon {
    background-color: #f36
}

.header-opt-3 .header-nav .block-minicart .dropdown-toggle .cart-icon {
    background-color: #053D8B;
}

.header-opt-6 .header-nav .block-minicart .dropdown-toggle .cart-icon {
    background-color: #053D8B
}

.header-nav .block-search {
    margin: 0 0 0 10px
}

.header-nav .block-search .block-title {
    display: block;
    cursor: pointer;
    line-height: 57px;
    height: 57px;
    width: 50px
}

.header-opt-1 .header-nav .block-search .block-title, .header-opt-10 .header-nav .block-search .block-title, .header-opt-6 .header-nav .block-search .block-title {
    line-height: 50px;
    height: 50px
}

.header-opt-1 .header-nav .block-search .block-title {
    background-color: #f36
}

.header-opt-3 .header-nav .block-search .block-title {
    background-color: #08c
}

.header-opt-6 .header-nav .block-search .block-title {
    background-color: #007176
}

.header-nav .block-search .block-content {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    padding: 30px 20px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    visibility: hidden;
    opacity: 0;
    margin-top: 15px;
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s
}

.header-nav .block-search.active .block-content, .header-nav .block-search:hover .block-content {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s
}

.header-nav .block-search .form-search .form-control {
    padding-left: 15px
}

.header-opt-1 .header-nav .block-search .form-search .btn-search {
    background-color: #f36
}

.header-opt-1 .header-nav .block-search .form-search .btn-search:focus, .header-opt-1 .header-nav .block-search .form-search .btn-search:hover {
    background-color: #c03
}

.header-opt-3 .header-nav .block-search .form-search .btn-search {
    background-color: #053D8B
}

.header-opt-3 .header-nav .block-search .form-search .btn-search:focus, .header-opt-3 .header-nav .block-search .form-search .btn-search:hover {
    background-color: #046
}

.header-opt-6 .header-nav .block-search .form-search .btn-search {
    background-color: #007176
}

.header-opt-6 .header-nav .block-search .form-search .btn-search:focus, .header-opt-6 .header-nav .block-search .form-search .btn-search:hover {
    background-color: #000f10
}

.header-nav .block-minicart, .header-nav .block-search, .header-nav .setting {
    float: right;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    top: 0;
    right: 0
}

.header-nav .block-search {
    right: 102px
}

.header-nav .setting {
    right: 51px
}

@media ( max-width :991px) {
    .header-nav .nav-toggle-cat {
        display: none !important
    }
    .header-nav .block-nav-categori .block-content .ui-categori, .header-nav .block-nav-categori .block-content .view-all-categori {
        display: block !important
    }
}

@media ( min-width :992px) {
    .sticky-wrapper .mid-header .block-nav-categori {
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
}

.sticky-wrapper.is-sticky .mid-header {
    z-index: 9999;
    -webkit-box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, .09);
    box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, .09)
}

.sticky-wrapper.is-sticky .mid-header .block-nav-menu .ui-menu>li .label-menu {
    top: 1px;
    line-height: 13px;
    font-size: 8px
}

.sticky-wrapper.is-sticky .mid-header .block-nav-categori {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
    visibility: visible
}

.sticky-wrapper.is-sticky .mid-header .custom-link {
    display: none
}

@media ( min-width :992px) {
    .sticky-wrapper.is-sticky .mid-header .block-nav-categori {
        width: 50px;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .sticky-wrapper.is-sticky .mid-header .block-nav-categori .block-title {
        background-position: center;
        padding: 0
    }
    .sticky-wrapper.is-sticky .mid-header .block-nav-categori .block-title span {
        visibility: hidden;
        opacity: 0;
        text-indent: -1000px;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }
    .sticky-wrapper.is-sticky .mid-header .block-minicart, .sticky-wrapper.is-sticky .mid-header .block-search, .sticky-wrapper.is-sticky .mid-header .setting {
        visibility: visible;
        opacity: 1;
        display: block;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media ( max-width :991px) {
    .sticky-wrapper.is-sticky .mid-header {
        position: relative !important
    }
}

@media ( min-width :1200px) {
    .cms-index-index .cate-show .sticky-wrapper:not(.is-sticky) .header-nav .block-nav-categori .block-content {
        display: none !important
    }
}

.sticky-wrapper:not(.is-sticky) {
    height: auto ! important
}

@media ( max-width :991px) {
    .site-header .block-nav-categori {
        width: 160px !important
    }
    .site-header .block-nav-categori .block-title {
        width: 160px !important;
        padding-left: 12px !important;
        padding-right: 5px !important;
        background-position: center right 9px !important
    }
}

.close-cate, .close-nav {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index1/close-popup.png);
    float: right;
    clear: right;
    background-color: rgba(104, 51, 102, .2);
    display: none;
    cursor: pointer
}

.close-cate span, .close-nav span {
    display: none
}

@media ( max-width :991px) {
    .close-cate, .close-nav {
        display: block
    }
}

.close-nav {
    float: left
}

.actions-close-nav {
    display: none
}

.actions-close-nav:after, .actions-close-nav:before {
    content: "";
    display: table
}

.actions-close-nav:after {
    clear: both
}

@media ( max-width :991px) {
    .actions-close-nav {
        display: block
    }
}

@media ( max-width :767px) {
    .site-header .header-nav .box-header-nav .block-minicart {
        display: none !important
    }
}

.notification {
    padding: 10px 17px;
    border-radius: 4px;
    position: relative;
    margin: 20px;
}

.notification-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.btn-blue {
    background: #08c;
    border: 1px solid #08c;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 5px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.btn-red {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 5px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-green {
    background: #18b9ac;
    border: 1px solid #18b9ac;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 5px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-grey {
    background: #959595;
    border: 1px solid #959595;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 5px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-white {
    background: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    text-transform: uppercase;
    color: #333;
    font-size: 12px;
    padding: 5px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-blue-large {
    background: #08c;
    border: 1px solid #08c;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-red-large {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn-grey-large {
    background: #959595;
    border: 1px solid #959595;
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 35px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.btn_facebook {
    position: relative;
    padding: 5px 7px 7px 43px;
    border: 1px solid #3959a0;
    border-bottom: 1px solid #2a4175;
    background: #4065b2 url(/assets/images/icon/fac.png) no-repeat 9px 4px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1.1;
    width: 250px;
    text-align: left;
    line-height: 1.1;
    -moz-box-shadow: inset 0 1px 0 #6c85bd, 0 1px 0 #ebebeb;
    -webkit-box-shadow: inset 0 1px 0 #6c85bd, 0 1px 0 #ebebeb;
    -ms-box-shadow: inset 0 1px 0 #6c85bd, 0 1px 0 #ebebeb;
    box-shadow: inset 0 1px 0 #6c85bd, 0 1px 0 #ebebeb;
    cursor: pointer;
}

.btn_google {
    position: relative;
    padding: 5px 7px 7px 43px;
    border: 1px solid #db4437;
    border-bottom: 1px solid #a13228;
    width: 250px;
    background: #dd4b39 url(/assets/images/icon/google.png) no-repeat 4px 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    line-height: 1.1;
    -moz-box-shadow: inset 0 1px 0 #e36b5d, 0 1px 0 #ebebeb;
    -webkit-box-shadow: inset 0 1px 0 #e36b5d, 0 1px 0 #ebebeb;
    -ms-box-shadow: inset 0 1px 0 #e36b5d, 0 1px 0 #ebebeb;
    box-shadow: inset 0 1px 0 #e36b5d, 0 1px 0 #ebebeb;
    cursor: pointer;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.tab-content>.brand_showcase.tab-pane.active .owl-item.active .product-item {
    min-height: 350px;
}

.alter-danger {
    width: 100%;
    padding: 8px 20px;
    background: red;
    border-radius: 10px;
    color: #fff;
    margin: 10px 0;
}

.footer-opt-12 .follow-us {
    background-color: #003976;
}

.footer-opt-12 .follow-us .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.footer-opt-12 .follow-us .follow-us-title {
    padding: 14px 16px;
}

.footer-opt-12 .follow-us .follow-us-title h3 {
    font-weight: 700;
    margin: 0;
    font-size: 14px;
    color: #fff;
}

.footer-opt-12 .follow-us .follow-icons {
    flex: 1;
    padding-right: 16px;
    text-align: right;
}

.footer-opt-12 .follow-us .follow-icons img {
    width: 32px;
    margin-left: 20px;
}

.footer-contents {
    background-color: #F8F8F8;
}

.footer-contents .footer-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    background-color: #fff;
}

.footer-contents .footer-row .footer-qr_code img {
    margin-right: 16px;
}

.footer-links {
    flex: 1;
}

.footer-contents .footer-row .footer-menu-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
}

.footer-contents .footer-row .footer-menu-list .footer-menu {
    flex: 1;
    padding: 23px 10px 5px;
}

.footer-contents .footer-row .footer-menu-list h3.title {
    margin: 15px 0 20px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    word-spacing: 1.3px;
    text-transform: uppercase;
}

.footer-contents .footer-row .footer-menu-list .footer-menu ul li {
    margin-top: 8px;
    font-size: 14px;
}

.footer-contents .footer-links .footer-verify {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    margin-top: 15px;
}

.footer-contents .footer-links .footer-verify .footer-verify-cell {
    flex: 1;
    padding-left: 10px;
}

.footer-contents .footer-links .footer-verify .footer-verify-cell .footer-verify-title {
    margin: 15px 0 17px;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    word-spacing: 1.3px;
}

.footer-contents .footer-links .seller-center-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.footer-contents .footer-links .seller-center-link .seller-center-icon {
    width: 90px;
    margin-right: 10px;
}

.footer-verify-cell div#Certificate-banners {
    display: inline-block;
    width: 146px;
}

.footer-opt-12 .footer-bottom:last-child {
    margin-bottom: 0;
}

footer .footer-bottom-content {
    background-color: #5C6273;
}

footer .footer-bottom-content .footer-bottom-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    padding: 8px 0;
}

footer .footer-bottom-content .footer-bottom-items .footer-logo img {
    width: 180px;
}

footer .footer-bottom-content .footer-bottom-items .footer-copyright {
    flex: 1;
    padding: 0 16px;
}

footer .footer-bottom-content .footer-bottom-items .footer-openhours p {
    margin: 0;
    text-align: right;
}

.footer-payment-methods {
    padding: 15px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.footer-payment-methods .column-left {
    flex: 1;
}

.footer-contents .footer-row .footer-menu-list .footer-menu ul li a {
    font-size: 12px;
}

header .header-nav {
    display: none;
}