/* 5 cached file css_40916a907a4c5a4d144e719f1d1615e6 */
/*
*
* Paperbag 1.0.0
* Design by degiam
* Copyright 2018 Jejualan.com
*
*/

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 15px;
}
a {
    cursor: pointer;
    text-decoration: none !important;
    line-height: initial !important;
}
a,
a:link,
a:visited {
    color: #000;
}
a:focus,
a:hover,
a:active {
    color: #999;
}

/* Transition */
.navbar,
#wrapper, #sidebar-wrapper, .sidebar-nav {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

/* Highlight */
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    border-color: none;
    box-shadow: none;
    outline: 0 none;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 0 50px white inset !important;
       -moz-box-shadow: 0 0 0 50px white inset !important;
            box-shadow: 0 0 0 50px white inset !important;
    -webkit-transition: background 5000s ease-in-out 0s;
       -moz-transition: background 5000s ease-in-out 0s;
         -o-transition: background 5000s ease-in-out 0s;
            transition: background 5000s ease-in-out 0s;
}
/*.form-control:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.has-success .form-control:focus {
    border-color:#2b542c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-warning .form-control:focus {
    border-color:#66512c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-error .form-control:focus {
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}*/

/* Form */
.form-control {
    font-size: inherit;
    line-height: 1;
    height: 35px;
    margin-top: 2px;
}
form .label {
    padding: 2px 5px;
    top: -9px;
}
@media only screen and (max-width: 1200px) {
    #contact-main form .label,
    #store-login form .label,
    #store-register form .label {
        position: absolute;
        left: auto;
        right: 0;
        top: -6px;
    }
}
@media only screen and (max-width: 992px) {
    #fragment-3 form .label,
    #fragment-6 form .label {
        position: absolute;
        left: auto;
        right: 0;
        top: -6px;
    }
    #store-login form .label,
    #store-register form .label {
        position: relative;
        left: 3px;
        right: auto;
        top: -9px;
    }
}
@media only screen and (max-width: 768px) {
    #contact-main form .label,
    #fragment-3 form .label,
    #fragment-6 form .label {
        position: relative;
        left: 3px;
        right: auto;
        top: -9px;
    }
    form .form-group:last-child > .col-sm-offset-3 {
        text-align: right;
    }
    form .form-group:last-child p {
        text-align: left;
        margin-top: 10px;
    }
}

/* Button */
.btn {
    font-size: inherit;
    line-height: 1;
    padding: 9px 12px;
    min-width: 70px;
}
.btn-primary {
    color: #fff;
    background-color: #369ff7;
    border-color: transparent;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #2992eb;
    border-color: transparent;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #75bffd;
    border-color: transparent;
}
.btn-primary .badge {
    color: #75bffd;
    background-color: #fff;
}
.btn-secondary {
    color: #000;
    background-color: #f5f5f5;
    border-color: transparent;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
    color: #000;
    background-color: #e5e5e5;
    border-color: transparent;
}
.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled].focus,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
    background-color: #d5d5d5;
    border-color: transparent;
}
.btn-secondary .badge {
    color: #d5d5d5;
    background-color: #000;
}
.btn-tertiary {
    color: #fff;
    background-color: #da3232;
    border-color: transparent;
}
.btn-tertiary.focus,
.btn-tertiary:focus,
.btn-tertiary:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary.active.focus,
.btn-tertiary.active:focus,
.btn-tertiary.active:hover,
.btn-tertiary:active.focus,
.btn-tertiary:active:focus,
.btn-tertiary:active:hover,
.open > .dropdown-toggle.btn-tertiary,
.open > .dropdown-toggle.btn-tertiary.focus,
.open > .dropdown-toggle.btn-tertiary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
    color: #fff;
    background-color: #cd2727;
    border-color: transparent;
}
.btn-tertiary.disabled.focus,
.btn-tertiary.disabled:focus,
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled].focus,
.btn-tertiary[disabled]:focus,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary.focus,
fieldset[disabled] .btn-tertiary:focus,
fieldset[disabled] .btn-tertiary:hover {
    background-color: #c42525;
    border-color: transparent;
}
.btn-tertiary .badge {
    color: #c42525;
    background-color: #fff;
}
button:focus {
    outline: 0;
}

/* Alert */
.alert .alert {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: transparent;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: inherit;
}

/* Master Override */
.title,
.product-title,
.block-title,
.block-title h3,
.product-share h3,
.product-list-block h3,
.block-title h4,
.posts .post-title,
.section-title {
    font-family: "Sansita";
    font-weight: 700;
}
.page-title {
    margin: 70px 0 40px;
}
.page-title .title {
    line-height: 1.3;
}
.page-content > .container {
    padding: 0;
}
.add-button a {
    color: #fff;
    font-weight: 600;
}
.member-form-container {
    border-top: none;
    background-color: transparent;
}
.nc-icon {
    font-weight: 600;
    font-size: 20px;
    padding: 4px 0;
}
@media only screen and (max-width: 768px) {
    h1.title {
        font-size: 32px;
    }
}

/* Admin Navbar */
#admin-navbar {
    position: fixed;
    top: 0;
    line-height: 0;
    width: 100%;
    height: auto;
    padding: 8px 0;
    background: #d39c72;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
#admin-navbar a {
    font-family: "Roboto";
    text-transform: inherit;
    letter-spacing: 0;
    line-height: 0;
    color: #fff !important;
}
#admin-navbar a:hover,
#admin-navbar a:focus {
    color: #9adbdb;
}
#admin-navbar i {
    padding-right: 3px;
}
#admin-navbar .label:hover {
    color: #d39c72;
    background: #fff;
}
#admin-navbar .admin-desc {
    display: inline-block;
    padding: 0 5px;
}
.adminbar-left,
.adminbar-right {
    padding: 0;
}
.adminbar-left {
    text-align: left;
}
.adminbar-left img {
    padding-top: 3px;
}
.adminbar-right {
    text-align: right;
    font-size: 14px;
}
#admin-navbar .adminbar-right .admin-desc {
    padding: 6px 5px;
}
#admin-navbar .row {
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (max-width: 768px) {
    .admin-label {
        display: none;
    }
}
@media only screen and (max-width: 450px) {
    #admin-navbar .cpane {
        padding: 0;
    }
    #admin-navbar .adminbar-right .admin-desc {
        padding: 6px 2px;
    }
    #admin-navbar i {
        padding-right: 1px;
    }
}

/* Navbar */
.navbar-default {
    background: #fff;
    border: none;
    padding-top: 60px;
    padding-bottom: 10px;
}
.navbar-brand h1 {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
.navbar-brand img {
    width: auto;
    height: 34px;
}
.navbar > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    width: calc(100% - 280px);
    margin-left: 67px;
    height: 34px;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.navbar-header {
    float: none;
}
.navbar-toggle {
    display: block;
    float: left;
    margin-left: 15px;
    border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background: #000;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
    background: #999;
}
.navbar-collapse.collapse {
    display: none !important;
}
.navbar-nav > li {
    float: none;
}
.navbar-collapse.collapse.in {
    display: block !important;
}
.shop-cart {
    display: inline-block;
}
.cart-button,
.search-button,
.navbar-button-close,
.navmenu-button-close {
    width: 23px;
    height: 23px;
    display: inline-block;
}
.navmenu-button-close {
    position: fixed;
    bottom: 27px;
}
.navmenu-button-close.left {
    left: 29px;
}
.navmenu-button-close.right {
    right: 29px;
}
.navbar-button-close,
.navmenu-button-close {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='12 10 27 27'><path opacity='1' fill='%23000' d='M35.6 34.4L28 26.8l7.6-7.6c.2-.2.2-.5 0-.7l-.5-.5c-.2-.2-.5-.2-.7 0l-7.6 7.6-7.5-7.6c-.2-.2-.5-.2-.7 0l-.6.6c-.2.2-.2.5 0 .7l7.6 7.6-7.6 7.5c-.2.2-.2.5 0 .7l.5.5c.2.2.5.2.7 0l7.6-7.6 7.6 7.6c.2.2.5.2.7 0l.5-.5c.2-.2.2-.5 0-.7z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}
.navbar-side a:hover .navbar-button-close,
.navbar-side a:hover .navmenu-button-close {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='12 10 27 27'><path opacity='1' fill='%23999' d='M35.6 34.4L28 26.8l7.6-7.6c.2-.2.2-.5 0-.7l-.5-.5c-.2-.2-.5-.2-.7 0l-7.6 7.6-7.5-7.6c-.2-.2-.5-.2-.7 0l-.6.6c-.2.2-.2.5 0 .7l7.6 7.6-7.6 7.5c-.2.2-.2.5 0 .7l.5.5c.2.2.5.2.7 0l7.6-7.6 7.6 7.6c.2.2.5.2.7 0l.5-.5c.2-.2.2-.5 0-.7z'/></svg>");
}
@media only screen and (max-width: 768px) {
    .navbar-default {
        padding-top: 10px;
        top: auto;
        bottom: 0;
        margin-bottom: 0;
    }
    .navbar > .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        width: 100%;
        padding: 0;
        margin: 24px 0 0;
        top: 0;
        position: fixed;
    }
}

/* Content */
#middle {
    padding-top: 120px;
}
.page-header {
    border-bottom: 1px solid #ddd;
}
.page-header .container {
    padding: 0;
}
@media only screen and (max-width: 768px) {
    #middle {
        padding-top: 65px;
    }
}

/* Navbar Search */
.navbar-side {
    margin: 0 15px;
    padding: 10px;
    text-align: right;
}
.search-popup {
    position: absolute;
    right: 0;
    text-align: center;
    background: #fff;
    width: 0;
    height: 100vh;
    margin-top: 8px;
    padding-top: 200px;
    opacity: 0;
}
.search-popup.toggled {
    width: 100%;
    opacity: 1;
}
.block-search form {
    margin: auto;
}
.block-search form input {
    border: none;
    box-shadow: none;
    text-align: center;
    font-size: 50px;
    padding: 20px;
    height: 100px;
}
.block-search form button {
    /* display: none; */
    padding: 15px 30px;
}
@media only screen and (max-width: 768px) {
    .search-popup {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 65px;
        height: auto;
        margin-top: 0;
    }
    .block-search {
        padding: 0 20px;
    }
    .block-search form input {
        font-size: 25px;
        height: 80px;
    }
}

/* Search Page */
#content-search .product-container {
    padding: 0 0 0 15px;
}
#content-search .page-content > .container {
    width: 100%;
}
.search-tool .form-group > div {
    width: 100%;
    margin-left: 0;
}
.search-tool .form-horizontal .control-label {
    width: 100%;
    padding-top: 0;
    padding-bottom: 2px;
}
.search-tool .form-control,
.search-tool select {
    display: block;
    width: 100%;
    margin: 5px 0;
}
.search-tool select {
    cursor: pointer;
    padding: 6px 9px;
    border-radius: 4px;
}
.product-list-nav {
    margin-bottom: 30px
}
.product-list-nav .list-nav {
    display: inline-block;
    padding: 10px;
    line-height: 1;
}
.product-list-nav .current-nav {
    font-weight: 600;
    color: #369ff7;
    border-top: 3px solid #369ff7;
}
.product-order-nav,
.product-display-nav {
    padding: 0 25px;
}
.product-display-nav {
    text-align: right;
}
@media only screen and (max-width: 992px) {
    #content-search .product-container {
        padding: 40px 5px 0;
    }
    .search-tool button {
        float: right;
    }
}
@media only screen and (max-width: 768px) {
    .product-display-nav {
        text-align: left;
        margin-top: 15px;
    }
    .product-list-nav .list-nav {
        display: inline-block;
        padding: 10px;
        line-height: 1;
        width: 32%;
        text-align: center;
    }
    .btn.list-nav {
        width: 100%;
    }
}

/* Navbar Cart */
.cart-popup .jj-dropdown {
    display: inline-block;
}
.cart-popup .jj-dropdown-menu {
    right: 0;
    width: 450px;
    margin-top: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    opacity: 0;
}
.cart-popup .jj-dropdown-menu tfoot {
    border-top: 2px solid #f5f5f5;
}
.cart-popup .item-count {
    position: absolute;
    color: #fff;
    background: #369ff7;
    padding: 4px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-top: -38px;
    margin-left: -13px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-popup .jj-dropdown-toggle > a:hover .item-count {
    color: #fff;
}
.cart-popup .jj-dropdown-toggle > a:hover .cart-button {
    fill: #999;
}
.cart-popup .empty p {
    margin: 0;
}
.cart-list {
    width: 100%
}
.cart-list td,
.cart-list th {
    padding: 10px;
    vertical-align: top;
}
.cart-list th:nth-child(2),
.cart-list th:nth-child(3),
.cart-list .td_qty {
    text-align: center;
}
.cart-list .td_price,
#shoppingCartTotal {
    text-align: right;
}
.btn-cart {
    padding-top: 10px;
}
#block-cart {
    padding: 20px;
}
@media only screen and (max-width: 768px) {
    .cart-popup .jj-dropdown {
        width: 100%;
    }
    .cart-popup .jj-dropdown-menu {
        position: fixed;
        width: 100%;
        top: 0;
        right: 0;
        left: 100%;
        bottom: 0;
        margin-top: 0;
        border: none;
        box-shadow: none;
        opacity: 0;
        z-index: 1038;
        overflow-y: auto;
    }
    .cart-popup .jj-dropdown-menu.toggled {
        left: 0;
        opacity: 1;
    }
    .cart-popup .jj-dropdown-toggle {
        position: fixed;
        bottom: 20px;
        left: 43%;
        right: 60px;
        width: 50px;
        margin: 0 auto;
        text-align: center;
        z-index: 1039;
    }
    .cart-popup .jj-dropdown-toggle a {
        padding: 0;
    }
    .cart-popup .item-count {
        margin-top: -11px;
    }
    .cart-popup .empty {
        position: absolute;
        height: calc(100% - 85px);
        width: calc(100% - 30px);
        display: flex;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
         justify-content: center;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }
    .cart-popup .cart-bg-mobile {
        position: fixed;
        bottom: 0;
        left: 100%;
        right: -100%;
        height: 70px;
        background: #fff;
        z-index: -1;
    }
    .cart-popup .cart-bg-mobile.active {
        left: 0;
        right: 0;
    }
    .btn-cart {
        padding-top: 20px;
    }
    #block-cart {
        padding-bottom: 90px;
    }
}

/* Cart Step */
.step-main > div {
    margin-bottom: 50px;
}
.step-main strong {
    padding-top: 3px;
    padding-left: 5px;
    color: inherit;
    font: inherit;
    font-weight: 700;
}
.step-main .step {
    opacity: 0.3;
    border-bottom: 2px solid #fff;
    padding: 5px 10px;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: left;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.step-main .step.after {
    opacity: 1;
}
.step-main .step.after i,
.step-main .step.after strong {
    opacity: 0.3;
}
.step-main .step.after:after {
    content: '';
    border-bottom: 2px solid #369ff7;
    margin-right: -15px;
    height: calc(100% + 2px);
    width: 100%;
    position: absolute;
    right: 0;
}
.step-main .step.active {
    opacity: 1;
    border-bottom: 2px solid #369ff7;
}
.step-main .step.active:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    right: 8px;
    bottom: -6px;
    width: 15px;
    height: 15px;
    background: #369ff7;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(54, 159, 247, 0.5);
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(54, 159, 247, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(54, 159, 247, 0);
    }
}
@keyframes pulse {
    0% {
       -moz-box-shadow: 0 0 0 0 rgba(54, 159, 247, 0.5);
            box-shadow: 0 0 0 0 rgba(54, 159, 247, 0.5);
    }
    50% {
       -moz-box-shadow: 0 0 0 10px rgba(54, 159, 247, 0);
            box-shadow: 0 0 0 10px rgba(54, 159, 247, 0);
    }
    100% {
       -moz-box-shadow: 0 0 0 0 rgba(54, 159, 247, 0);
            box-shadow: 0 0 0 0 rgba(54, 159, 247, 0);
    }
}
@media only screen and (max-width: 768px) {
    .step-main {
        padding-bottom: 20px;
    }
    .step-main > div {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .step-main div:nth-child(2) .step.after:after {
        margin-right: 15px;
        width: calc(100% - 30px);
    }
}
@media only screen and (max-width: 450px) {
    .step-main .step {
        padding: 5px 0;
    }
}

/* Cart Page */
#shoppingcart th {
    vertical-align: top;
}
#shoppingcart td {
    vertical-align: middle;
}
#shoppingcart .cart-item td:first-child {
    text-align: center;
}
#shoppingcart .tdcenter input {
    text-align: center;
    width: 50px;
}
#cart-form-secondary .button-wrap {
    margin-top: 0;
    text-align: right;
}
#shoppingcart .table > tbody > tr > td,
#shoppingcart .table > tbody > tr > th,
#shoppingcart .table > tfoot > tr > td,
#shoppingcart .table > tfoot > tr > th {
    padding: 15px;
    border: none;
}
#shoppingcart .table > thead > tr > td,
#shoppingcart .table > thead > tr > th {
    padding: 15px 15px 12px;
    border-bottom: 2px solid #2b90e5;
}
#shoppingcart .table > thead {
    color: #fff;
    background: #369ff7;
}
#shoppingcart .delete-item:hover {
    color: #da3232;
}
#shoppingcart .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}
#shoppingcart-mobile {
    display: none;
}
#shoppingcart-mobile .cart-item {
    margin-bottom: 30px;
    border: 1px solid #ddd;
}
#shoppingcart-mobile .cart-title {
    padding: 10px 12px;
    display: table-cell;
    color: #fff;
    background: #369ff7;
    width: 150px;
}
#shoppingcart-mobile .cart-title strong {
    color: #fff;
}
#shoppingcart-mobile .cart-value {
    padding: 10px 20px;
    display: table-cell;
}
#shoppingcart-mobile .cart-item .cart-item-row:nth-child(5) .cart-value {
    padding-top: 0;
    padding-bottom: 0;
}
#shoppingcart-mobile .cart-value-title img {
    padding-right: 10px;
}
#shoppingcart-mobile .cart-value-title a {
    display: inline-block;
    padding-top: 10px;
}
#shoppingcart-mobile input {
    width: 50px;
    text-align: center;
}
#shoppingcart-mobile .cart-item-delete {
    position: absolute;
    width: calc(100% - 40px);
    text-align: right;
    margin-top: -38px;
}
#shoppingcart-mobile .cart-item-delete span {
    display: none;
}
#shoppingcart-mobile .delete-item {
    color: #fff;
    padding: 5px 8px;
    border-radius: 50%;
    min-width: auto;
}
#shoppingcart-mobile .cart-item-total {
    margin-bottom: 30px;
    text-align: center;
}
#shoppingcart-mobile .cart-item-total .cart-title {
    display: block;
    width: 100%;
}
#shoppingcart-mobile .cart-item-total .cart-value {
    display: block;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}
#cart-form-secondary .coupon,
#cart-form-secondary .button-wrap {
    padding: 20px 0;
}
@media only screen and (max-width: 992px) {
    #shoppingcart {
        display: none;
    }
    #shoppingcart-mobile {
        display: block;
    }
    #cart-form-secondary .coupon {
        text-align: center;
    }
    #cart-form-secondary .button-wrap {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {
    #cart-form-secondary .coupon {
        padding: 20px 0 60px;
    }
    #cart-form-secondary .coupon #update-coupon {
        margin-top: 5px;
        float: right;
    }
    #cart-form-secondary #belanjalagibtn {
        float: left;
    }
    #cart-form-secondary .coupon {
        text-align: left;
    }
    #cart-form-secondary .button-wrap input {
        width: 100%;
        margin: 10px 0;
    }
}
@media only screen and (max-width: 576px) {
    #shoppingcart-mobile .cart-value-title a {
        display: block;
    }
}

/* Cart Login Page */
#store-login {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 100px;
}
#store-register {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media only screen and (max-width: 992px) {
    #store-login {
        padding-right: 15px;
    }
    #store-login form .form-group:last-child > div,
    #store-register form .form-group:last-child > div {
        text-align: right;
    }
}

/* Cart Shipping Page */
.address-form select {
    cursor: pointer;
    padding: 6px 9px;
    border-radius: 4px;
}
.address-form #same-address-check label {
    border-radius: 4px;
    padding: 7px 12px 6px;
    margin-top: 20px;
    margin-bottom: 30px;
    border: 1px solid #bbb;
}
.address-list {
    margin-bottom: 20px;
}
.shippingTable tr {
    width: 33%;
}
.shippingTable tr[style*="display: table-row"] {
    display: inline-block !important;
}
.shippingTable tr td:nth-child(2) {
    min-width: 125px;
}
.shippingTable tr td label {
    margin-bottom: 0;
    padding: 5px;
}
#form-dropship label {
    margin-top: 10px;
}
@media only screen and (max-width: 992px) {
    .shippingTable tr {
        width: 50%;
    }
}
@media only screen and (max-width: 768px) {
    .shippingTable tr {
        width: 100%;
    }
    #shippingform #lanjut {
        float: right;
    }
}

/* Login */
.login-popup .jj-dropdown-menu {
    margin: -15px auto 0;
    width: calc(100% - 50px);
    left: 25px;
    right: 25px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.login-popup .jj-dropdown-menu > div {
    padding: 20px 20px 15px;
}
.login-popup label {
    display: none;
}
.login-popup .button-wrap {
    margin-top: 0;
}
.login-popup .login-footer {
    margin-top: 20px;
}
.login-popup .login-footer a {
    display: inline-block;
    font-weight: 600;
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .login-popup .jj-dropdown-menu {
        width: calc(100% - 50px);
        position: relative;
        left: 0;
        right: 0;
        margin: -15px auto 15px;
    }
    .login-popup .button-wrap {
        text-align: right;
    }
}

/* Register Page
   Login Page
   Forgot Password Page
   Contact Us Page
*/
#content-register form a,
#content-login form a {
    font-weight: 600;
}
@media only screen and (max-width: 768px) {
    #content-contact .secondary {
        margin-top: 50px;
    }
}

/* Member Popup */
#block-account .account-info {
    background: #fff;
    border: none;
}
#block-account ul {
    list-style: none;
    padding: 0;
}
#block-account li a {
    padding: 14px 14px 14px 10px;
}
#block-account li a span {
    width: 25px;
    display: inline-block;
    text-align: center;
}
#block-account .nc-icon {
    font-weight: 400;
    font-size: 13px;
    padding: 0;
}
#block-account .nc-icon.nc-edit-78,
#member-container .nc-icon.nc-edit-78 {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/* Member Page */
.menu-pills {
    padding-bottom: 0;
    border-bottom: 2px solid #369ff7;
}
.menu-member .tab-menu {
    margin-right: 0;
}
.menu-member .nav-pills > li {
    margin: 0;
}
.menu-member .nav-pills > li > a {
    background: #fff;
}
.menu-member .nav-pills > li > a:hover {
    color: #999;
    background: #fff;
}
.menu-member .nav-pills > li.active > a,
.menu-member .nav-pills > li.active > a:hover {
    background: #369ff7;
    border-radius: 4px 4px 0 0;
}
.menu-member .nav-pills > li > a,
.menu-member .nav-pills > li > a:hover,
.menu-member .nav-pills > li.active > a,
.menu-member .nav-pills > li.active > a:hover {
    padding: 13px 15px 11px;
}
.menu-member li a span,
.menu-member .menu-logout a span {
    padding-left: 25px;
}
.menu-member .nc-icon {
    position: absolute;
    font-weight: 400;
    font-size: 18px;
    padding: 0;
    margin-top: -1px;
}
.menu-member .menu-logout {
    top: 4px;
}
.menu-member .menu-logout .btn-danger {
    background: #fff;
    border: none;
}
.menu-member .menu-logout .btn-danger:hover {
    color: #d9534f;
    background: #fff;
}
.menu-member .menu-logout .btn-danger:active,
.menu-member .menu-logout .btn-danger:focus {
    color: #d9534f;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.member-tab-content {
    padding: 30px 0;
}
.member-tab-content .section-title:first-child {
    margin-bottom: 16px;
}
.member-tab-content .section-content {
    margin-bottom: 50px;
}
.member-tab-content form select {
    cursor: pointer;
    padding: 6px 9px;
    border-radius: 4px;
}
.order-status .label {
    font-size: 13px;
    font-weight: normal;
}
#list-data-order .table > tbody > tr > td {
    vertical-align: middle;
}
#order-list-modal .modal-dialog {
    z-index: 1041;
}
#order-list-modal .modal-body {
    padding: 25px;
}
#fragment-3 .member-form-container b {
    margin: 8px 0;
    display: block;
    font-weight: normal;
}
.field-acc-email > div > div {
    padding-top: 7px;
}
.via-inputs input {
    margin: 8px 0;
}
.via-inputs label {
    margin: 0;
    font-weight: normal;
}
#fragment-2 .btn-detail-order,
#fragment-5 .edit-address,
#fragment-5 .delete-address {
    color: #fff;
}
#fragment-5 .member-form-container {
    border-bottom: none;
}
@media only screen and (max-width: 992px) {
    .menu-member .nav-pills > li {
        min-width: 33.33333333%;
        padding-bottom: 5px;
    }
    .menu-member .nav-pills > li.active > a,
    .menu-member .nav-pills > li.active > a:hover {
        border-radius: 4px;
    }
    #fragment-5 .edit-address,
    #fragment-5 .delete-address {
        width: 100%;
    }
    #fragment-5 .delete-address {
        margin-top: 7px;
    }
}
@media only screen and (max-width: 768px) {
    .menu-member .nav-pills > li {
        float: none;
        width: 100%;
    }
}

/* Language */
.language-popup .jj-dropdown-menu {
    margin: -15px auto 0px;
    width: calc(100% - 50px);
    left: 25px;
    right: 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.language-popup .jj-dropdown-menu > div {
    padding: 9px 10px;
}
.language-popup .block-language a {
    padding: 12px 15px;
}
.language-popup img {
    margin-right: 5px;
    margin-bottom: 3px;
}

/* Home */
#content-home > .row {
    margin-right: -10px;
    margin-left: -10px;
}
#content-home .block-title h3 {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
}

/* Product */
.product-container {
    padding: 0;
}
.product-list {
    padding-top: 10px;
}
.product-list .product-item {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 70px;
}
.product-inner {
    text-align: center;
}
.square-to-circle img {
    border: 1px solid #ccc;
    width: 100%;
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}
.product-list a:hover .square-to-circle img,
.product-list-block a:hover .square-to-circle img {
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}
.product-info {
    text-align: center;
    margin: 5px 10px;
}
.product-title {
    margin: 0;
    line-height: 0;
    font-size: 25px;
}
.product-list a:hover .product-title {
    color: #369ff7;
}
.product-title span {
    padding: 20px 0;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-price-retail {
    font-family: "Inder";
    min-height: 42px;
}
.product-price .new {
    font-size: 16px;
    display: inline-block;
    min-width: 150px;
    border-top: none;
    padding-top: 7px;
}
.product-price .old {
    font-size: 12px;
    width: 100%;
    left: 0;
    /*padding-bottom: 7px;*/
}
.product-price .old del {
    opacity: 0.5;
}
.coribbon {
    width:  calc(100% - 50px);
    height: calc(100% - 70px);
    position: absolute;
    z-index: 1;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.coribbon .disc {
    position: absolute;
    right: 15px;
    top: -3px;
    padding: 10px 15px;
    color: #fff;
    text-align: right;
}
.coribbon .disc span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-top: -2px;
}
.coribbon .disc svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
.coribbon .oos {
    position: absolute;
    width: 70px;
    height: 70px;
    padding-right: 4px;
    padding-top: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.coribbon .oos svg {
    width: 40px;
    height: auto;
}
.oos-overlay {
    position: absolute;
    background: rgba(255,255,255,0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
}
@media only screen and (max-width: 576px) {
    .product-title {
        font-size: 22px;
    }
    .product-price .new {
        font-size: 15px;
    }
    .product-price .old {
        font-size: 11px;
    }
    .product-title span {
        padding: 20px 0;
    }
}

/* Product Detail */
.detail-secondary {
    border: 1px solid #aaa;
    padding: 0 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-right: 15px;
    z-index: 0;
}
.product-image-main {
    margin: 0 -20px;
}
.cloud-zoom {
    border-bottom: 1px solid #aaa;
}
.cloud-zoom img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.product-image-other {
    padding-top: 10px;
}
.cloud-zoom-gallery {
    margin: 0 3px;
}
.cloud-zoom-gallery img {
    padding: 10px 5px;
    border: none;
}
.product-buy h3 {
    margin-bottom: 27px;
}
.product-buy .center {
    margin-top: 10px;
}
.product-buy .form-control {
    text-align: center;
    margin-top: 0;
}
.glyphicon {
    font: normal normal normal 14px/1 FontAwesome;
    padding-bottom: 1px;
}
.glyphicon-plus:before {
    content: "\f067";
}
.glyphicon-minus:before {
    content: "\f068";
}
.buy-button {
    margin: 0 -21px -1px;
}
.buy-button input {
    width: 100%;
    font-weight: 600;
    padding: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.addthis_counter a {
    line-height: 20px !important;
}
#product-review-main {
    margin-bottom: 20px;
}
.primary .section-title:first-child {
    margin-bottom: 15px;
}
#review-list-container {
    padding: 15px 0;
}
#review-list-container .testimony-list .testimony {
    border-bottom: 1px solid #ddd;
}
#review-list-container .testimony-list .reply {
    margin-left: 32px;
}
#review-list-container .testimony-list .testimony-info {
    color: #fff;
    background-color: #369ff7;
    padding: 10px 15px;
}
#review-list-container .testimony-list .testimony-info i {
    color: inherit;
}
#review-list-container .testimony-list .date {
    position: absolute;
    margin-top: -19px;
    right: 30px;
    color: inherit;
}
#review-list-container .testimony-list .testimony-content {
    padding-left: 52px;
    padding-right: 15px;
}
#review-list-container .fa-quote-right {
    font-size: 12px;
    left: 35px;
}
#review-list-container .review-rating i {
    position: relative;
    color: #369ff7;
    padding-bottom: 15px;
}
#order-modal .modal-dialog {
    width: 390px;
    margin-top: 80px;
    text-align: center;
}
#order-modal .loader {
    margin: 10px 0;
}
#order-modal .button-wrap {
    margin-top: 0;
}
#order-modal .modal-content {
    width: 100%;
    padding: 20px;
}
#content-productdetail .page-content h3 {
    font-size: 22px;
}
#tbl_detail {
    margin-bottom: 0;
    max-width: 650px;
}
.detail-primary > .listmeta .title {
    margin-top: 15px;
}
.buy-option > label {
    margin-bottom: 15px;
}
.buy-option table label {
    margin-bottom: 0;
}
.buy-option table tr {
    height: 50px !important
}
.buy-option table tr td:nth-child(2) {
    display: none;
}
.buy-option table select {
    width: 100%;
    padding: 5px;
}
.product-desc,
.product-detail .meta {
    padding-bottom: 10px;
}
.product-detail .product-price {
    padding: 10px 23px;
    border: 1px solid #aaa;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}
.price-info {
    font-family: "Sansita";
    color: #aaa;
}
.price-info .current {
    display: block;
    font-family: "Sansita";
    color: #2992eb;
    font-size: 30px;
    margin-bottom: 13px;
}
.price-info .ori {
    display: block;
    font-weight: normal;
    padding-bottom: 10px;
}
.product-review {
    margin-top: 20px;
}
@media only screen and (max-width: 992px) {
    .cloud-zoom-gallery img {
        padding: 10px 3px;
    }
    .product-buy .btn-number {
        min-width: 50px;
    }
}
@media only screen and (min-width: 768px) {
    .detail-secondary {
        width: calc(33.3333% - 30px);
    }
}
@media only screen and (max-width: 767px) {
    .detail-secondary {
        margin-left: 15px;
    }
    .detail-secondary.pull-right {
        float: none !important;
    }
    #order-modal {
        padding: 0 25px;
    }
    #order-modal .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
         justify-content: center;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }
    .product-buy .btn-number {
        min-width: 70px;
    }
}


/* Product Other */
.other-product .block-title h3 {
    margin-top: 30px;
    margin-bottom: 25px;
    border-bottom: 2px solid #369ff7;
    padding-bottom: 10px;
}
.product-list-block a:hover .product-title {
    color: #369ff7;
}
.other-product .product-inner {
    text-align: left;
    margin-bottom: 30px;
}
.other-product .coribbon {
    width: calc(100% - 30px);
}
.other-product .coribbon .oos {
    width: 60px;
    height: 60px;
}
.other-product .coribbon .oos svg {
    width: 35px;
}
.other-product .product-list-block .coribbon {
    width: 39%;
    height: calc(100% - 30px);
}
.other-product .square-to-circle {
    display: inline-block;
    width: 40%;
}
.small-product-thumb {
    display: inline-block;
    width: calc(60% - 5px);
    vertical-align: top;
    margin-top: 25px;
    margin-bottom: 15px;
}
.small-product-thumb h3 {
    font-family: "Inder";
    font-size: 19px !important;
}
.small-product-thumb strong {
    font-weight: normal;
}
.other-product .product-list-block a:hover .square-to-circle img {
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
}
.other-product .disc {
    color: #fff;
    background: #369ff7;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 8px;
    top: 0;
    margin-left: 10px;
    position: absolute;
}
.other-product .product-info {
    margin: 0 10px;
    text-align: left;
}
.other-product .product-price {
    margin: 0 10px;
}
.other-product .product-price .old {
    left: inherit;
    width: auto;
}
@media only screen and (max-width: 1200px) {
    .other-product .coribbon .oos {
        width: 50px;
        height: 50px;
    }
    .other-product .coribbon .oos svg {
        width: 30px;
    }
}
@media only screen and (max-width: 992px) {
    .other-product .block-title h3 {
        margin-top: 50px;
    }
    .other-product .disc {
        margin-left: 30px;
    }
    .other-product .product-info,
    .other-product .product-price {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 768px) {
    .other-product .product-list-block .coribbon {
        height: 100%;
    }
    .other-product .disc {
        margin-left: 20px;
    }
    .other-product .product-info,
    .other-product .product-price {
        padding-left: 10px;
    }
}
@media only screen and (max-width: 576px) {
    .other-product .disc {
        margin-left: 10px;
    }
    .other-product .product-info,
    .other-product .product-price {
        padding-left: 0;
    }
}

/* Testimonial Home */
.block-testimonial {
    padding: 30px 0;
    text-align: center;
}
.block-testimonial > .row {
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.block-testimonial .block-title h3 {
    margin-top: 0;
}
.testimonial-list {
    padding: 15px 0;
}
.testimonial-content {
    text-align: justify;
}
.testimonial-info {
    text-align: right;
    text-transform: capitalize;
    padding: 5px 15px 0 0;
}
.testimonial-info .date {
    font-size: 13px;
    color: #888;
}
.btn-more .btn {
    padding: 11px 17px 9px;
}
.bubble {
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px;
    border-radius: 4px;
    text-align: justify;
    position: relative;
    color: #fff;
    background: #369ff7;
}
.sb1:before,
.sb2:before,
.sb3:before,
.sb4:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border: 10px solid #369ff7;
}
.sb1:before {
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -19px;
    top: 6px;
}
.sb2:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    left: -19px;
    top: 6px;
}
.sb3:before {
    border-right-color: transparent;
    border-bottom-color: transparent;
    left: 19px;
    bottom: -19px;
}
.sb4:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    right: 30px;
    bottom: -19px;
}
@media only screen and (max-width: 768px) {
    .block-testimonial {
        padding: 30px 15px;
    }
    .block-testimonial .btn-more {
        margin-top: 20px;
    }
}

/* Testimonial Page */
#content-testimony .testimony-list {
    margin-top: 50px;
}
.testimony-list .author {
    float: none;
}
.testimony-list .date {
    float: none;
    color: #888;
    font-style: normal;
}
@media only screen and (max-width: 479px) {
    .testimony-list .author,
    .testimony-list .date {
        text-align: right;
        margin-bottom: 0;
    }
}

/* Polling */
.beforefooter {
    margin: 40px 0 0;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}
.polling-area {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.block-polling {
    padding: 30px 0;
    display: inline-block;
}
.block-polling .block-title h3 {
    margin-top: 0;
}
.polling-item {
    padding: 15px 0 5px;
}
.block-polling .block-content {
    width: fit-content;
    margin: 0 auto;
}
.polling-option {
    margin: 14px 0 12px;
}
.polling-option li {
    display: inline-block;
}
.polling-option li:nth-child(2) {
    padding-right: 50px;
    padding-left: 50px;
}
.block-polling a {
    padding: 9px 20px 8px;
    background-color: #f5f5f5;
    border-color: transparent;
}
.block-polling a:hover,
.block-polling a:active,
.block-polling a:active:focus {
    background-color: #e5e5e5;
    border-color: transparent;
}
.polling-option .custom-radio {
    position: absolute;
}
.polling-option .custom-radio input {
    margin-top: 3px;
}
.polling-option .label-text {
    padding-left: 20px;
}
.polling-button input,
.polling-button a {
    min-width: 100px;
}
@media only screen and (max-width: 992px) {
    .beforefooter {
        margin: 0;
        padding: 30px 0 0;
        border: none;
    }
    .beforefooter > div {
        margin: 0 15px;
        border-top: 1px solid #ddd;
    }
    .block-polling {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 576px) {
    .polling-option {
        width: fit-content;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .polling-option li {
        display: block;
    }
    .polling-option li:nth-child(2) {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Polling Page */
#content-polling .page-content {
    padding-bottom: 0;
}
#polling-chart,
#polling-chart > div > div {
    height: 410px !important;
    margin: 0 auto;
}
#polling-chart svg rect {
    fill: transparent;
}
@media only screen and (max-width: 1200px) {
    #polling-chart {
        width: calc(100% - 30px) !important;
        margin: 0;
    }
}
@media only screen and (max-width: 576px) {
    #polling-chart {
        width: calc(100% + 140px) !important;
        height: 240px !important;
        margin-left: -70px;
    }   
}

/* Newsletter */
.block-newsletter {
    text-align: center;
    padding: 30px 0;
}
.block-newsletter > .row {
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.block-newsletter .block-title h3 {
    margin-top: 0;
}
.newsletter-content {
    padding: 15px 0 5px;
}
.newsletter-desc {
    padding-bottom: 10px;
}
.newsletter-content #newsletter_email {
    width: 75%;
    margin: 2px auto;
    display: block;
}
.newsletter-content #newsletter_submit {
    min-width: 100px;
    margin: 12px 0 5px;
}
@media only screen and (max-width: 992px) {
    .block-newsletter {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 768px) {
    .newsletter-content #newsletter_email {
        width: 100%;
    }
}

/* Newsletter Modal */
#newsletter-modal .alert {
    margin-bottom: 10px;
}
#newsletter-modal .button-wrap {
    text-align: right;
    margin-top: 0;
}
#newsletter-modal .modal-content {
    width: 100%;
    padding: 20px;
}
@media only screen and (max-width: 768px) {
    #newsletter-modal {
        padding: 0 25px;
    }
    #newsletter-modal .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
         justify-content: center;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }
}

/* Newsletter Home Popup */
#newsletter.modal {
    background: rgba(255,255,255,0.8);
}
#newsletter .modal-content {
    border: none;
    margin: 30px;
}
#newsletter .modal-header {
    height: 0;
    padding: 0;
}
#newsletter .modal-header > div {
    z-index: 1;
    opacity: 1;
    color: #fff;
    right: 0 !important;
    border: none !important;
    background: transparent !important;
}
#newsletter .modal-header > div i {
    padding: 7px;
    text-shadow: none;
    font-size: 18px !important;
}
#newsletter .modal-header > div i:hover {
    color: #c9302c;
}
#newsletter .modal-header .close {
    margin-top: 0;
}
#newsletter .modal-header .center i,
#newsletter .modal-footer button i {
    display: none;
}
#newsletter .modal-body {
    color: #fff;
    background: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#newsletter h1 {
    font-family: "Sansita" !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-top: 15px;
}
#newsletter .errorMsg {
    color: #a94442;
    background: #f2dede;
    border: 1px solid #ebccd1;
    padding: 15px;
    border-radius: 4px;
    margin-top: 28px !important;
}
#newsletter .errorMsg > div::before {
    content: "\f057";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 7px;
}
#newsletter .errorMsg > div[for="name"] {
    padding-bottom: 7px;
}
#newsletter .modal-footer {
    padding: 30px 15px;
}
#newsletter .modal-footer .form-group {
    margin-bottom: 0;
}
#newsletter .modal-footer input {
    font-size: inherit !important;
    line-height: 1;
    height: 35px;
    display: block;
    padding: 6px 12px !important;
    font-size: 14px !important;
    width: 100% !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#newsletter .modal-footer button {
    border: none !important;
    color: #fff !important;
    background: #369ff7 !important;
    font-size: inherit !important;
    padding: 10px 12px 9px !important;
    line-height: 1;
    min-width: 70px;
    border-radius: 4px;
    margin-left: 9px;
}
@media only screen and (max-width: 768px) {
    #newsletter .modal-dialog {
        margin-top: 200px;
    }
    #newsletter .modal-footer {
        padding: 28px 25px 25px;
    }
    #newsletter .modal-footer .form-group {
        width: 100% !important;
    }
    #newsletter .modal-footer input {
        margin-bottom: 15px;
    }
}

/* Footer */
#bottom .row > div:first-child {
    padding-right: 0;
}
#bottom .row > div:last-child {
    padding-left: 0;
}
.block-bottommenu,
.block-contactus {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}
.block-bottommenu .block-title,
.block-contactus .block-title {
    margin: 15px 0 25px;
}
#content-contact .block-contactus {
    border-top: none;
    padding-top: 0;
}
#content-contact .block-contactus .block-title {
    margin-top: 0;
}
.block-bottommenu ul {
    font-size: inherit;
}
.block-bottommenu li {
    margin: 15px 0;
}
footer {
    padding: 0 0 30px;
    text-align: center;
}
footer img {
    display: block;
    width: 100px;
    margin: 0 auto 5px;
}
.logo-bottom {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.social-link {
    text-align: center;
    margin: 30px 0;
}
.social-link li {
    margin: 0 7px;
}
.social-link i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    background-color: #333;
}
.social-link li:nth-child(1) a:hover i {
    color: #3b5998;
}
.social-link li:nth-child(2) a:hover i {
    color: #1da1f2;
}
@media only screen and (max-width: 992px) {
    #bottom .row > div:first-child {
        padding-right: 15px;
    }
    #bottom .row > div:last-child {
        padding-left: 15px;
    }
    .block-contactus {
        border-top: none;
        padding-top: 0;
    }
}
@media only screen and (max-width: 768px) {
    .block-bottommenu .block-title {
        margin: 30px 0 15px;
    }
    .block-bottommenu > .row > .links:first-child h3 {
        margin-top: 0;
    }
    footer {
        margin-bottom: 71px;
    }
}

/* Breadcrumb */
.breadcrumb {
    background: transparent;
    padding: 0 0 0 5px;
    font-size: 13px;
}
.breadcrumb > li + li:before {
    content: '';
}
.breadcrumb > .active {
    color: #000;
    padding: 10px 17px;
}
.breadcrumb li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #f5f5f5;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    z-index: -1;
}
.breadcrumb a:first-child li:after {
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    height: 100%;
    width: 50%;
    background: #f5f5f5;
    z-index: -2;
}
.breadcrumb li {
    display: inline-block;
    position: relative;
    padding: 8px 17px;
    margin-bottom: 3px;
}
.breadcrumb a:first-child li {
    padding-left: 10px;
}
.breadcrumb a:hover {
    color: #fff;
}
.breadcrumb a:hover li:before,
.breadcrumb a:hover li:after {
    background: #369ff7;
}

/* Pagination */
.pagination {
    display: block;
}
.pagin-main {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
}
.pagin-prev {
    text-align: left;
}
.pagin-next {
    text-align: right;
}
.pagin-item {
    padding: 12px 15px 10px;
    display: inline-block;
    line-height: 1;
    background-color: #f5f5f5;
    min-width: 50px;
    margin: 5px 2px;
    text-align: center;
    border-radius: 4px;
}
.pagination a {
    z-index: 2;
}
.pagination a:hover .pagin-item,
.pagin-current {
    color: #fff;
    background: #369ff7;
}
.pagin-current,
.pagin-ellipsis {
    cursor: default;
}
.pagin-prev .pagin-item,
.pagin-next .pagin-item {
    padding-top: 11px;
    padding-bottom: 9px;
}
.pagin-prev .pagin-item {
    padding-left: 10px;
    padding-right: 12px;
}
.pagin-next .pagin-item {
    padding-left: 12px;
    padding-right: 10px;
}
.pagination a:hover svg {
    fill: #fff;
}
@media only screen and (max-width: 768px) {
    .pagin-main {
        position: relative;
        left: auto;
        display: block;
        text-align: center;
    }
    .pagin-prev,
    .pagin-next {
        text-align: center;
    }
}

/* News */
#content-newslist img {
    max-width: none;
    border: none;
    height: 100%;
}
#content-newsdetail img {
    border: none;
}
.posts .post {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.posts .post .more {
    text-align: right;
}
.posts .post-header {
    background: transparent;
    padding: 25px 25px 0;
}
.posts .post-image {
    text-align: center;
}
.posts .post-title {
    width: 100%;
    margin-bottom: 10px;
}
.posts .post-title,
.posts .post-date {
    float: none;
}
.post-detail .post-date {
    background: #f5f5f5;
    padding: 15px 20px;
    margin-bottom: 0;
    margin-top: 50px;
    border-radius: 0;
}
.posts .post-date abbr,
.post-detail .post-date abbr {
    cursor: default;
    font-style: normal;
    text-decoration: none;
}
.posts .post-main {
    padding: 25px;
    margin: 0;
    border-bottom: none;
}
.posts .entry-content {
    text-align: justify;
}
.post-detail .entry-content {
    text-align: justify;
    padding-left: 0;
}
.post-detail .entry-content p {
    margin: 0 0 20px;
}
.post-detail img,
.post-detail iframe {
    margin: 0 auto;
    display: flex;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
         justify-content: center;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
}
.post-detail iframe {
    max-width: 100%;
    margin-bottom: -15px;
}
.post-detail a {
    text-decoration: underline !important;
}
@media only screen and (max-width: 768px) {
    .posts .post-header {
        text-align: center;
    }
    .posts .post-title a {
        text-overflow: initial;
        white-space: initial;
    }
}
@media only screen and (max-width: 576px) {
    .posts .post-image {
        margin-left: auto;
        margin-right: auto;
    }
}

/* News Home */
.news-home {
    margin-top: 30px;
}
.news-home-content {
    padding: 30px 0 10px;
    border-top: 1px solid #ddd;
}
.news-home .block-title h3 {
    margin-bottom: 20px;
    text-align: center;
}
.news-home .posts .post {
    margin-top: 15px;
    margin-bottom: 15px;
}
#before-bottom .post-image img {
    max-width: none;
    border: none;
    height: 100%;
}
#before-bottom .grid > .grid-item:last-child {
    display: none;
}
#before-bottom .grid > .grid-item:nth-child(1),
#before-bottom .grid > .grid-item:nth-child(2),
#before-bottom .grid > .grid-item:nth-child(3) {
    display: block;
}
@media only screen and (max-width: 768px) {
    .news-home {
        padding: 10px 15px;
    }
}

/* Image */
.box {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.ww {
    width: 100% !important;
}
.wh {
    height: 100% !important;
}
@media only screen and (max-width: 576px) {
    .box {
        width: 290px;
        height: 200px;
    }
}
@media only screen and (max-width: 420px) {
    .box {
        width: 100%;
    }
}

/* FAQ */
p.head-faq2 {
    font-family: "Sansita" !important;
    font-weight: 700 !important;
    color: #369ff7 !important;
    margin-top: 30px;
    margin-bottom: 20px;
}
.entry-content p.head-faq2:nth-child(2) {
    margin-top: 0 !important;
}
p.q-faq2 {
    margin-left: 15px;
}
p.q-faq2:after {
    color: transparent !important;
}

/* Shipping Price */
#content-ongkoskirim .select-state {
    margin-bottom: 15px;
    padding-bottom: 0;
    border-bottom: none;
}
#content-ongkoskirim .select-state label {
    margin-right: 7px;
}
#content-ongkoskirim .select-state select {
    cursor: pointer;
    padding: 6px 9px;
    border-radius: 4px;
}
.table-mobile {
    width: 100%;
    overflow-x: auto;
}
#shipping-main .expanded .loading {
    padding-top: 5px;
    height: 60px;
}
#shipping-main .expanded .loading img {
    position: absolute;
    left: 45%;
}
.table-mobile .ContentOngkir {
    position: absolute;
}
.table-mobile .table {
    width: 2500px !important;
    margin-top: 20px;
}
.table-mobile .table > tbody > tr > td,
.table-mobile .table > tbody > tr > th,
.table-mobile .table > tfoot > tr > td,
.table-mobile .table > tfoot > tr > th,
.table-mobile .table > thead > tr > td,
.table-mobile .table > thead > tr > th {
    padding: 13px 15px;
    line-height: 1.2em;
    border-top: none;
    border-bottom: 1px solid #ddd;
}
#content-ongkoskirim .table tbody tr:first-child th {
    color: #fff;
    background: #369ff7;
    vertical-align: middle;
    padding: 15px 15px 12px;
    border-bottom: 2px solid #2b90e5;
}
#content-ongkoskirim .table tbody tr,
#content-ongkoskirim .table tbody tr~tr:nth-child(odd) td {
    background: #fff;
}
#content-ongkoskirim .table tbody tr.expand[style="cursor: pointer; background-color: rgb(221, 221, 221);"] {
    background: #f5f5f5 !important;
}
#content-ongkoskirim .table tbody tr.expand[style="cursor: pointer; background-color: rgb(249, 249, 249);"],
#content-ongkoskirim .table tbody tr.expanded {
    background: #fff !important;
}
#content-ongkoskirim .table tbody tr.expanded table {
    margin-bottom: 5px;
}
#content-ongkoskirim .table tbody tr.expanded table td {
    background: #fff;
    padding: 10px;
}
#content-ongkoskirim .table tbody tr.expanded table tr:nth-child(2) td {
    padding-top: 20px;
}
@media only screen and (max-width: 550px) {
    .table-mobile .table {
        margin-top: 40px;
    }
}

/* How to Pay */
.payment-met tr {
    padding-top: 10px !important;
}
@media only screen and (max-width: 768px) {
    .payment-met {
        margin: 8px 0 !important;
    }
}

/* Category Popup */
.category-popup {
    position: absolute;
    padding: 9px 0;
    display: inline-block;
}
.category-popup .jj-dropdown-toggle a,
.category-popup .jj-dropdown-menu > div {
    padding: 0;
}
.category-popup .jj-dropdown-menu {
    margin-top: 10px;
    margin-left: -10px;
    width: auto;
    min-width: 250px;
    max-width: 400px;
    padding: 10px;
    position: relative;
    overflow-y: auto;
    opacity: 0;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.category-popup .jj-dropdown-menu::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}
.category-popup .jj-dropdown-menu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    border: 5px solid #fff;
}
.category-popup .jj-dropdown-menu::-webkit-scrollbar-thumb:hover,
.category-popup .jj-dropdown-menu::-webkit-scrollbar-thumb:active {
    background: #c5c5c5;
}
.category-nav {
    padding: 5px 0;
}
.nav-vertical .category-nav > li > .subnav {
    padding-top: 0;
}
.nav-vertical .category-nav > li > a,
.category-nav .subnav a {
    padding: 12px 40px 12px 17px;
    border: none;
    background: transparent;
}
.category-nav .subnav a:hover,
.nav-vertical .category-nav > li > a:hover {
    color: #999;
    background: transparent;
}
.nav-vertical .category-nav li:hover .submark,
.nav-vertical .category-nav li.active:hover .submark {
    color: #999;
}
.category-nav .subnav li a:hover {
    border-radius: 0 !important;
}
.category-nav .subnav {
    opacity: 1;
    visibility: visible;
    z-index: initial;
    position: static;
    display: none;
    width: 100%;
}
.category-nav .submark {
    display: inline-block;
    font-size: 12px;
    color: #999;
    height: 42px;
    line-height: 42px;
    width: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.category-nav .submark:hover i,
.nav-vertical .category-nav li.active .submark {
    color: #999;
    cursor: pointer;
}
.category-nav .subnav ul {
    border-radius: 0;
    background: transparent;
    border: none;
}
.category-nav-container .category-nav li > .subnav,
.category-nav-container .category-nav .subnav li > .subnav,
.category-nav-container .category-nav .subnav li:hover > .subnav {
    padding-left: 15px;
}
.submark {
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.submark.down {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
            transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
    .category-popup .jj-dropdown-menu {
        position: fixed;
        opacity: 0;
        top: 0;
        left: -100%;
        right: 0;
        bottom: 67px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        border: none;
    }
    .category-popup .jj-dropdown-menu.toggled {
        left: 0;
        opacity: 1;
    }
    .category-popup .jj-dropdown-toggle {
        position: fixed;
        bottom: 20px;
        right: 43%;
        left: 60px;
        width: 50px;
        margin: 0 auto;
        text-align: center;
    }
    .category-popup .cart-bg-mobile {
        position: fixed;
        bottom: 0;
        left: -100%;
        right: 100%;
        height: 70px;
        background: #fff;
        z-index: -1;
    }
    .category-popup .cart-bg-mobile.active {
        left: 0;
        right: 0;
    }
    .category-popup .jj-dropdown-menu > div {
        width: calc(100% - 30px);
        margin-left: 15px;
    }
    .category-popup .category-nav {
        border: none;
    }
    .category-nav .subnav > ul > .active > a,
    .category-nav .subnav a:hover,
    .category-nav .subnav,
    .category-nav .submark:hover {
        background: transparent;
    }
}

/* Category Page */
.cat-info {
    text-align: center;
    margin-bottom: 50px;
}
.cat-desc {
    margin: 15px 0;
}
.cat-image img {
    max-width: 100%;
}
#content-productlist .secondary .block-title h3 {
    margin-top: 0;
}
#content-productlist .nav-vertical .category-nav > li > a,
#content-productlist .category-nav .subnav a {
    padding-left: 0;
}
#content-productlist .nav-vertical .category-nav > li > a.active,
#content-productlist .category-nav .subnav a.active {
    color: #2992eb;
    font-weight: 700;
}
#content-productlist .page-content > .container {
    width: 100%;
}
#content-productlist .product-container {
    padding: 0 0 0 15px;
}
@media only screen and (max-width: 992px) {
    #content-productlist .product-container.pull-right {
        float: none !important;
    }
    #content-productlist .product-container {
        padding: 0 5px;
    }
    #content-productlist .secondary {
        display: none;
    }
}

/* Slider */
#slider {
    padding-top: 120px;
}
.flexslider {
    border: 0;
    margin-bottom: 15px;
}
.flex-direction-nav a {
    width: 30px;
    height: 75px;
}
.flexslider .flex-direction-nav .flex-prev {
    opacity: 0;
    left: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 40px;
}
.flexslider .flex-direction-nav .flex-next {
    opacity: 0;
    right: 0;
}
.flexslider:hover .flex-direction-nav .flex-next {
    right: 40px;
}
.flex-nav-prev a, .flex-nav-next a {
    visibility: hidden;
}
.flex-nav-prev a::before, .flex-nav-next a::before {
    visibility: visible;
    font-size: 50px;
    color: #fff;
}
.flex-control-nav {
    bottom: 20px;
}
.flex-control-nav li {
    vertical-align: middle;
}
.flex-control-paging li a {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.2;
}
.flex-control-paging li a:hover {
    background: #fff;
    opacity: 0.8;
}
.flex-control-paging li a.flex-active {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
}
.slideshow {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slideshow img {
    visibility: hidden;
    max-height: 400px;
}
.slide-1 {
    background-image: url('//wilincraft.com/themes/paperbag/assets/userfile_block_slide_one.jpg');
}
.slide-2 {
    background-image: url('//wilincraft.com/themes/paperbag/assets/userfile_block_slide_two.jpg');
}
.slide-3 {
    background-image: url('//wilincraft.com/themes/paperbag/assets/userfile_block_slide_three.jpg');
}
.slide-4 {
    background-image: url('//wilincraft.com/themes/paperbag/assets/userfile_block_slide_four.jpg');
}
@media only screen and (max-width: 768px) {
    #slider {
        padding-top: 80px;
    }
    #slider .container {
        padding-left: 0;
        padding-right: 0;
    }
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 15px;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
        right: 15px;
    }
    .flex-control-nav {
        bottom: 10px;
    }
}

/* Home Banner */
.home-banner {
    text-align: center;
    margin-top: 10px;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}
.block-banner-home img {
    max-width: 1000px;
}
.block-banner-home::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}
.block-banner-home::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 10px;
    border: 5px solid #fff;
}
.block-banner-home::-webkit-scrollbar-thumb:hover,
.block-banner-home::-webkit-scrollbar-thumb:active {
    background: #dadada;
}
@media only screen and (max-width: 1200px) {
    .block-banner-home img {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    #banner-home-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
    .block-banner-home {
        overflow-x: scroll;
    }
    .block-banner-home img {
        width: auto;
    }
}

/* Sidebar Banner */
.banner-promo {
    width: 100%;
    padding-top: 50px;
}
.banner-promo-mobile {
    padding: 0 15px;
}

/* Other Class */
.noscroll {
    overflow: hidden;
}
.visnone {
    visibility: hidden;
}
.disnone {
    display: none;
}
.disinline {
    display: inline-block;
}
.opacity0 {
    opacity: 0;
}
.zindex1040 {
    z-index: 1040;
}
.slideup {
    height: 100%;
    opacity: 1;
}
@media only screen and (max-width: 768px) {
    #top, #middle, #bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
}
a.chat-whatsapp {
    position: fixed;
    z-index: 99;
    width: 48px;
    height: 48px;
    bottom: 10px;
    right: 10px;
}
.chat-whatsapp span {
    z-index: -1;
    color: #fff;
    background: #57bb63;
    padding: 17px;
    position: absolute;
    top: 0;
    width: 132px;
    right: 26px;
    border-radius: 40px 0 0 40px;
    line-height: normal;
    word-spacing: normal;
    font-size: 13px;
    font-weight: normal;
    font-family:Helvetica,Arial,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) { 
    a.chat-whatsapp {
        bottom: 80px !important;
    }
}