/*
    Font Title:
    font-family: 'sukhumvit';

    Font Read:
    font-family: 'garudabook';

*/
body {
    font-family: 'garudabook';
    background-color: #1F2632;
    color: #999
}
h1, h2, h3, h4, h5, h6 , button {
    font-family: 'sukhumvit';
}
.header {
    background-color: #141c1f;
    top: 0;
    transition: 0.4s all ease-in-out;
}
@media(min-width:1025px) {
    .header.fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transition: 0.4s all ease-in-out;
    }
    .master-wrapper-page.fixed-body {
        padding-top: 175px;
    }
    .header.fixed-header .header-lower {
        padding-top: 10px;
        padding-bottom: 8px;
        transition: 0.4s all ease-in-out;
    }
}
.category-navigation-list-wrapper:hover .category-navigation-title{
    background-color: #000 !important
}
.anywhere-slider .slick-track {
    background-color: transparent !important
}
.advantages-item {
    background-color: #141c1f
}
.nop-jcarousel.manufacturer-grid, .nop-jcarousel.vendor-grid {
    background-color: #333 !important
}
@media(max-width:1024px) {
    .responsive-nav-wrapper{
        background-color: #141c1f;
    }
    .responsive-nav-wrapper-parent {
        background-color: #141c1f;
        border-color: #061014
    }
    .responsive-nav-wrapper > div > span:before, .responsive-nav-wrapper > div > a:before{
        color:#fff
    }
    .header-menu, .profile-menu-box, .store-search-box {
        background-color: #061014
    }
    .header-menu .all-categories, .header-menu .all-categories li{
        background-color: #000
    }
    .profile-menu-box > a, .selector-title{
        background-color: #000;
        border-top: 3px solid #141c1f;
    }
    .ico-compare, .ico-wishlist {
        background-color: #000;
        border-top: 3px solid #141c1f;
    }
    .header-menu .sublist-wrap {
        background-color: #061014 !important;
    }
    .mobile-collapse {
        background-color: #061014;
    }
    .header-menu > ul li {
        border-bottom: 3px solid #141c1f;
    }
    .mobile-flyout-wrapper {
        background-color: #061014;
    }
}
@media (min-width: 1025px) {
    .header-links a {
        color: #fff;
    }
    .header-links span:before, .header-links a:before {
        color: #fff;
    }
    .ico-wishlist .wishlist-qty, .ico-cart .cart-qty {
        background-color: #000 !important;
    }
    .header-menu {
        background-color: #061014
    }
    .category-navigation-list-wrapper {
        border-right: 3px solid #141c1f;
    }
    .category-navigation-list {
        background: #000;
        border-color: #000;
    }
    .category-navigation-list-wrapper .sublist-wrap .sublist {
        background: #000;
        border-color: #000;
    }
    .category-navigation-list-wrapper ul li:hover > a, .category-navigation-list-wrapper ul li:hover > span {
        /*background: #061014;*/
        background-color:transparent;
    }
    .category-navigation-list-wrapper .category-navigation-title, .category-navigation-title:before, .header-menu > ul > li > a, .header-menu > ul > li > span {
        color: #bbb !important
    }
    .header-menu > ul > li:hover > a, .header-menu > ul > li:hover > span {
        color: #34cb62 !important
    }
    .home-page-advantages {
        background-color: #141C1F
    }
    .advantages-item .picture{
        width:64px;
        margin-left:auto;
        margin-right:auto;
    }
    .master-wrapper-content, .html-account-page .master-wrapper-content {
        padding: 60px 6vw;
    }
    .home-page-advantages {
        padding: 35px 20px;
        margin: -60px -6vw 70px;
    }
    .header-lower, .header-menu, .header-upper, .slider-wrapper {
        padding-left: 6vw;
        padding-right: 6vw;
        transition: 0.4s all ease-in-out;
    }
    .header-lower, .header-selectors-wrapper{
        width:100%
    }
    .slider-wrapper {
        background-color: #141c1f;
        /*padding-top:30px;*/
    }
    /*.slick-slide > img{
        border-radius:50px;
    }*/
}
.spc-categories .product-item{
    height:150px;
}
@media(min-width:1025px) {
    .spc-categories .ribbon-wrapper .picture{
        height:150px;
    }
}
@media (min-width: 1281px) {
    .master-wrapper-content, .html-account-page .master-wrapper-content {
        padding: 70px 6vw;
    }
    .home-page-advantages {
        padding: 35px 7%;
        margin: -70px -6vw 70px;
    }
    .spc-categories .category-sublist a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .spc-categories .spc-header {
        background-color: #000 !important;
        border-color: #000 !important;
    }
}
.spc-categories{
    background-color:#000 !important
}
.spc-categories .spc-header,.spc-header li, .spc-categories .navigation li{
    font-family: 'sukhumvit';
}
.spc-categories .item-box .product-title, .spc-categories .item-box .title {
    max-height:45px !important;
}
.advantages-item .title, .nop-jcarousel .carousel-title strong, .product-grid .title {
    color: #fff !important
}
.profile-menu-box, .mini-shopping-cart .flyout-cart-scroll-area, .flyout-cart .items {
    background-color: #000
}
.flyout-lower, .totals {
    background-color: #061014
}
@media(max-width:767px){
    .nop-jcarousel .carousel-title{
        font-size:24px !important
    }
}
.profile-menu-box:after, .mini-shopping-cart > div:before {
    border-bottom-color: #000
}
.product-grid .title, .mini-shopping-cart .name a, .nop-jcarousel .carousel-title strong {
    font-family: 'sukhumvit';
}
.mini-shopping-cart .name a {
    color:#fff
}
.mini-shopping-cart .product .remove-item {
    background-color: transparent;
    border: 1px solid #aaa;
    
}
.mini-shopping-cart .product .remove-item:after{
    color: #aaa;
}
.mini-shopping-cart input + input{
    background-color:transparent;
    border:1px solid #34cb62;
    color:#fff;
}
.mini-shopping-cart input + input:hover{
    background-color:#118434 !important;
}
.item-box {
    background-color: #000;
    border-color: #333
}
.item-box .picture{
    background:#000;
}
.item-box .product-title, .item-box .title{
    color: #fff;
    font-family: 'sukhumvit';
    /*height:66px;*/
    height:80px;
    line-height:1.4
}

.item-box .product-title a {
    max-height: 42px;
    overflow: hidden;
}
.item-box .button-2{
    background-color: #34cb62;
    color:#fff;
}
.item-box .picture > a:before{
    padding-top:140%;
}
.category-products .item-box .picture > a:before {
    padding-top: 100%;
}
.jCarouselMainWrapper .item-box .picture > a img {
    width: 100% !important;
    height: auto !important;
}
.category-products .item-box .picture > a img, .product-grid .item-box .picture > a img {
    width: auto;
    height: 100%;
}
.item-box .buttons .button-2:hover {
    background-color: #118434 !important;
}
.advantages-item img {
    filter: brightness(0) invert(1);
}
.authorName, .publisherName {
    color: #ccc;
    font-size:11px;
    display:inline-block;
}
.authorName+.publisherName:before{
    content:"|";
    color: #fff;
    font-size:11px;
}
.item-box .product-title span a{
    display:inline;
}
.item-box .product-title span a:hover{
    color:#34cb62
}
/*.ribbon-position + .ribbon-position + .ribbon-position {
    top: 80px;
}*/
@media(min-width:1280px) {
    .center-1 .nop-jcarousel.manufacturer-grid:before, .center-1 .nop-jcarousel.vendor-grid:before {
        background-color: #333 !important
    }
}
.footer {
    background-color: #141C1F;
    border-color: #061014
}
.footer .newsletter .title,.footer-block .title, .footer .title{
    color: #fff;
}
.footer-lower {
    background-color: #061014
}
.footer-block:first-child {
    border-top-color: #061014
}
.footer-block {
    border-bottom-color: #061014
}
.block {
    border-color: #061014
}
.two-row-carousels .slick-list, .two-row-carousels .slick-slide > div:first-child {
    border-color: #2F2F2F
}
.nop-jcarousel.manufacturer-grid .item-box .picture a:before, .nop-jcarousel.vendor-grid .item-box .picture a:before {
    padding-top: 100% !important;
}

.home-page-body .carousel-title {
    text-align: left !important;
    border-bottom: 1px solid #222;
}
.carousel-title small{
    font-size:1rem;
    padding-left:15px;
}
.carousel-title small a{
    color: #34cb62;
}
.carousel-title small a:hover{
    color: #118434;
    text-decoration: underline
}
.home-page-body .jCarouselMainWrapper .slick-prev {
    top: -36px;
    right: 135px;
    left: auto;
    z-index: 99;
    border-radius: 8px;
    height: 30px;
    width: 30px;
    background-color: #2F2F2F;
}
.home-page-body .jCarouselMainWrapper .slick-next {
    top: -36px;
    right: 95px;
    z-index: 99;
    border-radius: 8px;
    height: 30px;
    width: 30px;
    background-color: #2F2F2F;
}
.home-page-body .jCarouselMainWrapper .slick-next:before, .home-page-body .jCarouselMainWrapper .slick-prev:before {
    line-height: 30px;
}

/* Menufacturer and Vendor HomePage*/
.vendor-grid .item-box, .vendor-grid .item-box .picture, .manufacturer-grid .item-box, .manufacturer-grid .item-box .picture {
    background: none !important;
    border-color: transparent;
}

.vendor-item .title, .manufacturer-item .title {
    float: right;
    width: 50%;
    text-align: left;
    padding-right: 0;
    padding-top: 10px;
    padding-left: 10px
}
@media(min-width:768px){
    .vendor-item .title, .manufacturer-item .title {
        padding-top: 15px;
        padding-left: 15px;
    }
}
@media(min-width:1024px) {
    .vendor-item .title, .manufacturer-item .title {
        padding-top: 10%;
    }
}
@media(min-width:1200px) {
    .vendor-item .title, .manufacturer-item .title {
        padding-top: 5%;
    }
}
.vendor-item .title a, .manufacturer-item .title a {
    padding: 0;
    color: #fff !important;
    font-size:14px;
}
.vendor-item .title a:hover, .manufacturer-item .title a:hover {
    color:#34cb62 !important
}
.item-box .vendor-item .title, .item-box .manufacturer-item .title {
    height: auto
}
.vote {
    font-size: 12px;
    font-family: 'garudabook';
    display:block;
}
.btn-follow {
    background-color: transparent;
    border: 1px solid #34cb62;
    color: #34cb62;
    padding: 2px 15px;
    border-radius: 30px;
    margin-top: 5px;
}
.btn-follow:hover{
    border: 1px solid #118434;
    color: #118434;
}
.btn-follow.btn-followed {
    background-color: #34cb62;
    border: 1px solid #34cb62;
    color: #fff;
}
.vendor-item .picture, .manufacturer-item .picture {
    float: left;
    width: 50%
}
.vendor-item .picture a, .manufacturer-item .picture a {
    width: 100%;
    height: auto;
    border-radius: 100px !important;
    overflow: hidden;
}

/* Category */
.sub-category-item .picture {
    display: none;

}
.page-title h1 {
    color: #fff;
    font-family: 'sukhumvit';
}
.sub-category-grid .item-box {
    border-radius: 100px;
    border: 1px solid #061014;
    background: #061014;
    display: inline-block;
    width: auto;
    clear: none !important;
    margin-left: 0 !important;
    margin-right: 1% !important;
}
.sub-category-grid .item-box:hover {
    background: #118434;
}
.block .title{
    background-color:#061014;
    color: #fff
}
.side-2 {
    border-color: #061014
}
.block .product-name, .block.block-recently-viewed-products .list a {
    color: #fff;
    font-family: 'sukhumvit';
}

.category-grid .item-box .title a {
    padding: 7px 15px;
    color: #fff;
    font-size: 12px;
}
@media(min-width:768px) {
    .category-grid .item-box .title a {
        padding: 7px 10px;
        color: #fff;
        font-size:12px;
    }
    .category-grid .item-box:hover .title a {
        color: #fff !important
    }
}
@media(min-width:1025px) {
    .block .product-name {
        width: calc(100% - 105px);
    }
    .product-list .item-box .description{
        max-height: 48px;
        line-height:25px;
        color: #fff
    }

}

/* Product Detail */
.product-name h1, .variant-overview .variant-name {
    color: #fff;
    font-family: 'sukhumvit';
}
.gallery .picture{
    background-color:transparent
}
.product-social-label {
    color: #fff
}
.ui-tabs .ui-tabs-panel, .full-description, .product-specs-box {
    background-color: #1F2632
}
.product-variant-line {
    border-color: #000;
}
.addToCart{
    margin-bottom:15px;
    overflow:hidden;
}
.addToCart .btn-addCart{
    padding:15px;
    float:left;
    background-color:#2F2F2F;
    border:1px solid #34cb62;
    color:#fff;
    border-radius:8px;
    font-family: 'sukhumvit';
    line-height:1.2;
    margin-bottom: 10px;
    margin-right:15px;
    position:relative;
}
.addToCart .btn-addCart:hover{
    background-color:#118434;

}

/*.addToCart .btn-addCart + .btn-addCart{
    margin-right:15px;
}*/
.addToCart .btn-addCart span{
    font-size:20px;
    color: #34cb62
}
.addToCart .btn-addCart:hover span{
    color: #fff
}
.cart td, .data-table td, .forums-table-section td {
    background-color: #333
}
.product-specs-box .data-table td.spec-value{
    color:#fff;
}
.category-description p, .manufacturer-description, .vendor-description, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .post-body p, .news-body p, .custom-tab p, .ui-dialog-content p{
    color:#ccc
}
.full-description{
    color:#ccc;
}
.vote{
    color:#ccc
}
.ajaxCart {
    background-color: #000 !important;
}
.ajaxCart .product-name, .ajaxCart .productAddedToCartWindowTitle, .ajaxCart .k-window-title,.variant-overview .variant-description{
    color:#fff !important;
}
.miniProductDetailsView .product-variant-name, .productAddedToCartWindowDescription h1 a, .product-collateral .title {
    color: #fff !important;
    font-family: 'sukhumvit';
}
.overview .additional-details{
    margin-bottom:0;
}
.overview .reviews-and-compare{
    float:none;
    text-align:left;
}
.product-reviews-overview {
    margin-bottom: 0;
}
.product-review-box{
    margin:0;
}
.grouped-product-box{
    display:none;
}
.product-collateral{
    display:none
}
.overview .add-to-wishlist button {
    background-color:transparent !important;
    display:inline-block;
    text-align:left;
    width:auto;
    white-space:nowrap;
}
.overview .add-to-wishlist button:hover:before{
    color:#34cb62;
}
.overview .add-to-wishlist button:hover {
    color:#34cb62;
}
/*Manufacturer and Vendor*/
.item-box .vendor-item .picture > a:before, .item-box .manufacturer-item .picture > a:before {
    padding-top: 100%;
}
.vendor-list-page .vendor-item .picture, .manufacturer-list-page .manufacturer-item .picture {
    padding-right: 15px;
}
.home-page-body .nop-jcarousel.manufacturer-grid .item-box .picture img, .home-page-body .nop-jcarousel.vendor-grid .item-box .picture img {
    opacity: 1 !important
}
.home-page-body .nop-jcarousel.manufacturer-grid .item-box .picture:hover img, .home-page-body .nop-jcarousel.vendor-grid .item-box .picture img:hover{
    transform: scale(1.2)
} 

/* Text Color */
.breadcrumb li, .product-name .manufacturers, .overview .manufacturers, .product-social-sharing li a:before, .email-a-friend:before, .grouped-product-box label, .ui-tabs .ui-tabs-nav li a, .overview .additional-details div, .variant-overview .additional-details div, .footer-block a, .social-sharing a:before, .product-selectors, .block .list a, .block .tags li a, .product-tags-all-page li a {
    color: #ccc;
}
.spc-header li, .spc-categories .navigation li, .filtersGroupPanel .checkbox-list label, .priceRangeMinMaxPanel, .specification-min-max-panel, .priceRangeCurrentPricesPanel, .specification-current-value-panel {
    color: #ccc !important
}
.spc-categories .navigation li:hover, .spc-categories .navigation li.active {
    color: #34cb62 !important
}

/*Popup*/
.quickViewWindow .product-name, .quickViewWindow .variant-info .variant-name {
    font-family: 'sukhumvit';
}
.quickView{
    background:#2F2F2F !important
}
.quickViewWindow .popup-header, .overview .short-description, .quickViewWindow #accordion > h3, .quickViewWindow .variant-info .variant-name {
    color: #ccc !important
}
.quickViewWindow #accordion > h3{
    background-color: #061014 !important
}
.quickViewWindow .variant-info .variant-name{
    max-height:45px !important
}
.quickViewWindow #accordion .product-details {
    border-color: #061014 !important
}
.quickViewWindow #accordion > h3 {
    border-color: #061014 !important
}
.quickViewWindow .links-panel a{
    background-color: #34cb62 !important;
    color: #fff !important
}
.quickViewWindow .links-panel a:hover{
    background-color: #118434 !important
}
.quickViewWindow .links-panel a:after{
    color: #fff !important
}
.quickView .k-window-titlebar.k-header .k-window-actions a:before{
    color: #fff !important
}
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before {
    color: #34cb62 !important
}

/*Account*/
.account-page {
    background-color: #141c1f
}

/*Cart*/
.cart .product a, .data-table .product a, .compare-products-table .product a, .forums-table-section .product a{
    color:#fff;
}
.cart td, .data-table td, .forums-table-section td{
    color:#fff;
}
.cart .subtotal span{
    color: #fff !important;
}
.cart td.subtotal * {
    color: #fff !important;
}
.cart th, .data-table th, .forums-table-section th {
    background-color: #061014;
    border-color: #061014;
}
.cart th:first-child, .data-table th:first-child, .forums-table-section th:first-child, .cart td:first-child, .data-table td:first-child, .forums-table-section td:first-child{
    border-left-color: #061014
}
.cart th:last-child, .data-table th:last-child, .forums-table-section th:last-child, .cart td:last-child, .data-table td:last-child, .forums-table-section td:last-child {
    border-right-color: #061014
}
.cart td, .data-table td, .forums-table-section td {
    border-bottom-color: #061014
}
.cart th, .data-table th, .forums-table-section th{
    color:#fff;
}
.cart-collaterals > div > .title {
    background-color: #061014;
    color:#fff;
}
.cart-collaterals > div {
    border-color: #061014;
}
.cart-collaterals .title{
    color:#fff;
}
.cart-collaterals .hint{
    color:#fff;
}
.cart-total td label{
    color:#fff;
}
.cart-total td{
    color:#fff;
}
input[type="radio"] + label, input[type="checkbox"] + label{
    color:#fff;
}
.shopping-cart-page .common-buttons button, .shopping-cart-page .cart-collaterals .button-2, .checkout-page .button-2, .order-details-page .page-title a, .order-details-page .repost .button-2 {
    background-color: #34cb62;
    color:#fff;
}
.shopping-cart-page .common-buttons button:before, .wishlist-content .button-2:before{
    color:#fff;
}
.shopping-cart-page .common-buttons button:hover, .shopping-cart-page .cart-collaterals .button-2:hover, .checkout-page .button-2:hover, .order-details-page .page-title a:hover, .order-details-page .repost .button-2:hover {
    background-color: #118434
}
.order-progress .active-step.last a:before{
    background-color:#34cb62;
    color:#fff;
}
.wishlist-content .button-2{
    background-color:#34cb62;
    color:#fff;
}
.wishlist-page .share-info{
    border:1px dashed #ccc;
    background-color:#2F2F2F
}
/*Login/Register*/
.login-page .title, .registration-page .title {
    background-color: #061014;
    color: #fff;
}
.login-page .new-wrapper, .login-page .returning-wrapper form, .registration-page .page-body, .email-a-friend-page .page-body form, .password-recovery-page .page-body, .private-message-send-page .page-body, .contact-page .page-body form, .apply-vendor-page .page-body form, .forum-edit-page .page-body, .form-style, .move-topic-page .page-body{
    border-color:#061014
}
.login-page .new-wrapper{
    float:none;
}
.newRegis{
    color:#fff;
    font-weight:normal;
}
.customer-blocks+.topic-block{
    display:none
}
.external-authentication{
    margin-bottom:45px;
}
.external-authentication > .title{
    position:relative;
    z-index:1;
}
.external-authentication > .title:after{
    content:"";
    width:100%;
    height:1px;
    background-color:#061014;
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:15px;
    margin:auto;
    z-index:-1;
}
.external-authentication > .title:before{
    content:"";
    width:140%;
    height:1px;
    background-color:#ccc;
    display:block;
    position:absolute;
    left:-20%;
    right:-20%;
    bottom:15px;
    margin:auto;
    z-index:-1;
}
.login-page .title, .registration-page .title {
    padding: 5px;
}
.inputs > label, .login-page .topic-block-title h2, .login-page .title strong, .registration-page .title strong {
    color: #fff;
}
.login-page .external-authentication > *:first-child {
    display:inline-block
}
.login-page .external-authentication > * {
    background-color: transparent;
    padding: 0 15px;
    display: block;
    width: auto;
}
.login-page .inputs.reversed label, .login-page .inputs.reversed span{
    color:#ccc;
}
.login-page .inputs.reversed a:hover{
    color:#34cb62
}
label[for="Newsletter"], .inputs.accept-consent label{
    color:#ccc !important
}
.gender input:checked + label{
    color:#34cb62
}
.gender .female {
    margin-right: 20px;
}
.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea{
    color:#222
}
#check-availability-button{
    background-color:#34cb62;
    color:#fff;
}
#check-availability-button:hover {
    background-color:#118434
}
input[type="radio"] + label:before, input[type="checkbox"] + label:before{
    vertical-align:sub
}
.login-page .returning-wrapper form{
    background-color:#061014
}
@media(min-width:1025px) {
    .login-page .buttons, .registration-page .buttons, .registration-page .buttons {
        padding: 10px 13% 15px;
    }
    .login-page .returning-wrapper form {
        float: none;
        width: 49%;
        margin: auto;
        max-width: none;
        min-height: 440px;
    }
    .login-page .external-authentication > *{
        margin-top:10px;
    }
}

.change-password-page .page-body, .check-gift-card-balance-page .page-body, .avatar-page .page-body, .address-edit-page .page-body, .vendorinfo-page .page-body{
    background-color:#000;
    border-color:#000;
}
.customer-info-page .page-body {
    background-color: #061014;
    border-color: #061014;
}
.required {
    color: red
}

/*Cart*/
.mini-shopping-cart .count a:before{
    vertical-align:sub
}
.mini-shopping-cart .count a{
    color:#ccc
}
.mini-shopping-cart .totals{
    color:#ccc
}
.mini-shopping-cart .quantity{
    color:#ccc;
}

/*Checkout*/
.ship-to-same-address input[type="checkbox"] + label, .pickup-in-store input[type="checkbox"] + label{
    color:#ccc
}
.fieldset .title strong, .section .title strong{
    color:#ccc;
}
.address-item, .add-button, .order-item, .request-item{
    background-color:#222;
    border-color:#000;
}
.shipping-method .method-list li, .payment-method .method-list li {
    background-color: #222;
    border-color: #000
}
.shipping-method .method-list li label, .payment-method .method-list li label{
    color:#fff;
}
.payment-info .info table{
    background-color:#222;
    border-color:#000;
    color:#ccc;
}
.payment-info .info td p{
    color:#ccc
}
.order-confirm-page .order-review-data .billing-info .title, .order-confirm-page .order-review-data .shipping-info .title, .opc .order-review-data .billing-info .title, .opc .order-review-data .shipping-info .title{
    background-color:#061014;
}
.order-review-data > div, .order-details-area > div, .shipment-details-area > div{
    border-color:#061014;
}
.order-review-data > div .info-list .name, .order-review-data > div .title strong {
    color: #fff;
}
.order-completed .details {
    background-color: #222;
    border-color: #000
}
.order-completed .details a{
    background-color:#141c1f;
    color:#fff;
}
.order-completed .details a:hover{
    background-color:#061014;
}
.downloadable-products-page td.order a {
    color:#34cb62;
}
.downloadable-products-page td.order a:hover {
    color: #118434;
}
.address-item .name, .address-item .email{
    color:#fff;
}
.opc .step-title{
    background-color:#061014;
}
.opc > li{
    border-color:#061014
}
.opc .section > label, .opc .select-pickup-points > label{
    color:#ccc
}
.opc .step-title .number, .opc .step-title .title{
    color:#fff;
}
/*Order Detail*/
.order-overview-content li strong {
    color: #fff;
}
.order-review-data .title, .order-details-area .title, .shipment-details-area .title{
    color:#fff;
}
.overview .qty-dropdown, .variant-overview .qty-dropdown{
    color:#fff;
}
.collaterals-shipping{
    display:none !important;
}

/*Search*/
.search-page .search-input form{
    background-color:#222
}

/*NewCheckout*/
.shippingAddress,.payment-channel{
    background-color:#061014;
    padding:20px;
    color:#fff;
    margin-bottom:20px;
}
.payment-channel{
    margin-top:20px;
}
.address-title, .payment-title, .reward-title {
    font-size: 20px;
    margin-bottom: 10px;
    color:#fff;
}
.address-detail, .payment-detail {
    line-height: 1.4;
    padding-top: 15px;
    padding-bottom: 15px;
}
.change-btn {
    background-color: transparent;
    color: #34cb62;
    box-shadow: none;
    border: none;
    text-decoration: underline;
    font-weight: 500;
    white-space:nowrap;
}
.change-btn:hover{
    color:#118434;
}
.shippingAddress input[type="radio"] + label:before, .payment-type-select input[type="radio"] + label:before {
    vertical-align: top;
}
.address-detail + .address-detail{
    border-top:1px solid #666
}
.text-right{
    text-align:right !important
}
.btn-green {
    background-color: #34cb62;
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor:pointer
}
.btn-green:hover{
    background-color: #118434;
}
.btn-gray {
    background-color: #999;
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer
}

    .btn-gray:hover {
        background-color: #bbb;
    }
.btn-green + .btn-green{
    margin-right:15px;
}
.float-right{
    float:right
}
.payment-select{
    display:inline-block;
    font-size:14px;
    margin-bottom:10px;
}
.payment-select + .payment-select,.payment-select:first-child{
    margin-right:10px;
}
.payment-select label {
    border: 1px solid #fff;
    padding: 8px 10px;
    border-radius: 4px;
    display:block;
}
@media(max-width:767px){
    .payment-select{
        width:100%;
    }
    .payment-select label {
        display: block;
        text-align:left;
    }
}
.payment-select img{
    vertical-align:middle;
}
.payment-type-select > div{
    border-top:1px solid #666;
    padding-top:15px;
}
.payment-type-select img{
    float:left;
    margin-right:15px;
}
.payment-list{
    padding-top:15px;
    padding-bottom:15px;
}
@media(max-width:767px){
    .payment-list {
        text-align:left
    }
}
.payment-list + .payment-list {
    border-top: 1px dashed #666
}
.pay-radio {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.2
}
.pay-radio small{
    font-size:80%;
    color:#ddd
}
.confirm-checkout{
    margin-top:20px;
}
.confirm-checkout .btn-green{
    display:block;
    width:100%;
    font-size:1.2rem;
    padding-top:10px;
    padding-bottom:10px;
}
.back-cart{
    text-align:center;
    color:#ccc;
    display:block;
    margin-top:15px;
    text-decoration:underline
}
.back-cart:hover{
    color:#34cb62
}


/* New Order Detail */
.order-step{
    background:#061014;
    padding:15px;
}
#progressbar {
    margin-bottom: 20px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 20px;
    position:relative;
    z-index:0
}

#progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align:center;
}

#progressbar #step1:before {
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content: "\f570";
    
}

#progressbar #step2:before {
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content: "\f53d";
}

#progressbar #step3:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f48b";
}

#progressbar #step4:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
}

#progressbar #step5:before {
    content: "5";
}

#progressbar #step6:before {
    content: "6";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #999;
    border-radius: 50%;
    margin: auto;
    color: #fff;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #999;
    position: absolute;
    left: 50%;
    top: 25px;
    z-index: -1
}

@media(min-width:768px){
    #progressbar li:before {
        width: 80px;
        height: 80px;
        font-size: 28px;
    }

    #progressbar li:after {
        top: 40px;
    }
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
    display:none
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}
#progressbar li.active:after {
    background: #33cc66;
}
#progressbar li.active:before{
    background: #061014;
    border: 3px solid #33cc66
}
#progressbar li.current:before{
    background: #33cc66
}
.text-step {
    color: #fff;
    font-size: 1.2rem;
    font-family: 'sukhumvit';
    padding-top:15px;
}
.text-step small{
    display:block;
    color:#999;
    font-size: 0.8rem;
}
.order-action {
    background-color: #141c1f;
    padding: 15px 15px 0;
}
.noti-progress {
    color: #fff;
    font-size:1rem;
    line-height:1.4;
    margin-bottom:15px;
}
.btn-order {
    background-color: #34cb62;
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 8px 15px;
    min-width:200px;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'sukhumvit';
    font-size: 1rem;
    line-height: 1.4;
    border: 1px solid #34cb62;
    margin-bottom:15px;
}
.btn-order:hover{
    background-color: #118434;
}
.btn-reverse {
    background-color: transparent;
}
.btn-warning {
    /*background-color: #34cb62;*/
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 8px 15px;
    min-width: 200px;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'sukhumvit';
    font-size: 1rem;
    line-height: 1.4;
    border: 1px solid #FFCC00;
}
.btn-warning:hover {
    background-color: #F1A000;
}
@media(min-width:768px){
    .order-tracking .btn-warning{
        float:right;
    }
}
.btn-cancel {
    background-color: #d42031;
    border: 1px solid #c61728;
}
.btn-cancel:hover {
    background-color: #af1221;
}
.btn-order + .btn-order {
    margin-left: 10px;
}
.progress-action {
    text-align: center;
}
@media(min-width:768px){
    .progress-action {
        text-align: right;
    }
}

.order-detail-contact {
    background-color: #061014;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff
}
.order-detail-contact h2{
    color:#fff;
}
.order-no {
    color: #999999;
    border-top:1px solid #999;
    margin-top:15px;
    padding-top:15px;
}
.order-no span {
    color: #fff;
}
.order-no .col-lg-6:last-child{
    text-align:right
}
.order-step-progress + .order-step-progress {
    margin-top:20px;
}
.e-book-progress #progressbar li {
    width:33%;
}
.order-detail-contact .change-btn{
    margin-left:15px;
}

@media (max-width: 1024px) {
    .order-details-page .shipments td, .shipment-details-page .data-table td, .order-details-page .products td, .return-request-page .data-table td, .order-list-page .recurring-payments td, .reward-points-history .data-table td, .downloadable-products-page .data-table td, .wishlist-page td, .cart td {
        background-color: #061014;
    }
    .order-details-page .products td.unit-price, .cart td.unit-price, .wishlist-page td.unit-price{
        background-color: #061014 !important;
    }
    .order-details-page .products td.quantity, .cart td.quantity, .wishlist-page td.quantity{
        background-color: #061014 !important;
    }
    .order-details-page .products td.total, .order-details-page .products td.subtotal, .cart td.total, .cart td.subtotal, .wishlist-page td.total, .wishlist-page td.subtotal {
        background-color: #061014 !important;
    }
    .order-details-page .products tr, .cart tr, .wishlist-page tr {
        background-color: #061014;
    }
    .order-details-page .products td.total * {
        color: #fff !important;
    }
    .order-details-page .products tr{
        border-color:transparent !important;
    }
}
.order-details-page .actions .button-2 {
    border: 1px solid #34cb62;
    background-color: transparent;
    color:#fff;
}
/*Modal*/
.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2f2f2f;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #999;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color:#fff;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #999;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: -webkit-min-content;
            height: -moz-min-content;
            height: min-content;
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

/*Add to Cart Popup*/
.addtocart-popup {
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display:none
}
.warningaddtocart-popup {
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}
.addtocart-success {
    position:fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 80%;
    background:#061014;
    padding:40px;
    text-align:center;
}
.addtocart-text{
    font-size:1.2rem;
    color:#fff;
    margin-bottom:15px;
}

@media(min-width:768px) {
    .addtocart-success {
        width: 40%;
        height: 40%;
    }
}
@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        justify-content: flex-end;
        height: 2.2em
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-loading {
        justify-content: center
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-validationerror {
        font-size: 1em
    }

body.swal2-toast-shown > .swal2-container {
    position: fixed;
    background-color: transparent
}

    body.swal2-toast-shown > .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown > .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-end, body.swal2-toast-shown > .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-left, body.swal2-toast-shown > .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-left, body.swal2-toast-shown > .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-end, body.swal2-toast-shown > .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-left, body.swal2-toast-shown > .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-end, body.swal2-toast-shown > .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row
    }

    .swal2-popup.swal2-toast .swal2-title {
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
    }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: .3125em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: .3125em
        }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
    }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
        }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.25em;
                left: -.9375em;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 2em 2em;
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.25em;
                left: .9375em;
                -webkit-transform-origin: 0 2em;
                transform-origin: 0 2em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

    .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: showSweetToast .5s;
        animation: showSweetToast .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: hideSweetToast .2s forwards;
        animation: hideSweetToast .2s forwards
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: animate-toast-success-tip .75s;
        animation: animate-toast-success-tip .75s
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: animate-toast-success-long .75s;
        animation: animate-toast-success-long .75s
    }

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    .swal2-container.swal2-top {
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    .swal2-popup .swal2-actions {
        align-items: center;
        justify-content: center;
        margin: 1.25em auto 0
    }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal
        }

    .swal2-popup .swal2-styled {
        margin: 0 .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none
    }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled:focus {
            outline: 0;
            box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0
        }

    .swal2-popup .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding-top: 1em;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
    }

    .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
    }

    .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden
    }

        .swal2-popup .swal2-close:hover {
            -webkit-transform: none;
            transform: none;
            color: #f27474
        }

    .swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
        display: none
    }

    .swal2-popup .swal2-content {
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        word-wrap: break-word
    }

    .swal2-popup #swal2-content {
        text-align: center
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        margin: 1em auto
    }

    .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s,box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        box-sizing: border-box
    }

        .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
            color: #ccc
        }

    .swal2-popup .swal2-range input {
        width: 80%
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: .75em
    }

        .swal2-popup .swal2-input[type=number] {
            max-width: 10em
        }

    .swal2-popup .swal2-file {
        font-size: 1.125em
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-radio {
        align-items: center;
        justify-content: center
    }

        .swal2-popup .swal2-checkbox label, .swal2-popup .swal2-radio label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        .swal2-popup .swal2-checkbox input, .swal2-popup .swal2-radio input {
            margin: 0 .4em
        }

    .swal2-popup .swal2-validationerror {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
    }

        .swal2-popup .swal2-validationerror::before {
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal
        }

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}
.swal2-icon.swal2-warning {
    border-color: #D42F22;
}

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.4375em;
            left: -2.0635em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 3.75em 3.75em;
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.6875em;
            left: 1.875em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 3.75em;
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165,220,134,.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
    }
.swal2-icon.swal2-warning .swal2-warning-ring {
    position: absolute;
    top: -.25em;
    left: -.25em;
    width: 100%;
    height: 100%;
    border: .25em solid #d42f22;
    border-radius: 50%;
    z-index: 2;
    box-sizing: content-box;
    color: #d42f22;
    font-size: 2em; 
}
    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
    }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
                background: #add8e6
            }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

[dir=rtl] .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

    .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
    }

@-webkit-keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/**book shelf page*/
.bookshelf-products-page .search-input,  {
    margin-bottom: 20px;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px
}

.bookshelf-products-page .search-input label {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.product-shelf .quick-view-button {
    display:none
}
.block-account-navigation.block .list a {
    font-size: 0;
}
@media(min-width:1025px) {
    .html-account-page .side-2 {
        width: 8%;
    }

    .html-account-page .center-2 {
        width: 92%;
    }
    .html-account-page .page-title{
        padding-left:8%
    }
    .center-2 .bookshelf-products-page .item-box {
        width: 19.2%;
    }

}

@media(min-width:1281px) {
    .html-account-page .side-2 {
        width: 80px;
    }

    .html-account-page .center-2 {
        width: calc(100% - 80px);
    }
    .html-account-page .page-title {
        padding-left: 80px
    }
    .block-account-navigation.block .list a {
        padding: 30px 65px 30px 0
    }

}

.account-page .button-1 {
    height: 45px;
    line-height: 45px;
    vertical-align: top;
    margin-bottom: 15px;
}

.search-input .form-control {
    margin-bottom: 15px;
}

.select-navigation {
    background-color: #061014
}

.buttons-disabled input[type=button] {
    background-color: #28a745;
    border-color: #28a745;
    opacity:.6
}

.close {
    background-color: transparent;
    box-shadow: none;
    font-size: 24px;
    outline: none;
    border: none;
    color:#999;
}

#read-App .modal-footer {
    justify-content:center
}
#read-App{
    color:#fff;
}
#read-App h3+h3{
    margin-top:15px;
}
.text-danger{
    color:red
}

.modal p {
    margin-bottom:15px;
}
/**end book shelf page**/
.header-selectors-wrapper select option{
    background:#222
}


/*Follower*/
.follower{
    margin-bottom:15px;
    border-bottom:1px dotted #999;
    padding-bottom:20px;
}
.follower-picture {
    width: 100px;
    height: 100px;
    border-radius: 150px !important;
    overflow: hidden;
    margin:0 auto 15px;
}
@media(min-width:1025px) {
    .follower-picture {
        width: 80px;
        height: 80px;
    }
}
@media(min-width:1281px){
    .follower-picture {
        width: 120px;
        height: 120px;
    }
}
.follower-detail{
    text-align:left;
    margin-bottom:15px;
}
.follower .btn-follow {
    font-size: 1.2rem;
    font-family: 'sukhumvit';
    padding: 8px 15px;
    width: 100%;
}
.follower-all, .follower-vote, .follower-vote{
    font-size:0.8rem
}
.col-wh{
    color:#fff;
}

/*Footer*/
.footer-block .title {
    cursor: pointer;
}

.nop-jcarousel.manufacturer-grid .title, .nop-jcarousel.vendor-grid .title {
    display: block !important
}

.footer-downloadapp {
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
    padding-bottom: 25px;
}

.footer-downloadapp a {
    display: inline-block;
    width: 48%
}

.footer-downloadapp a + a {
    margin-left: 2%;
}

.socials-and-payments .title {
    text-align: left
}


.footer-social ul {
    text-align: left
}
@media(max-width:1024px) {
    .socials-and-payments .title {
        margin-top: 15px;
        text-align: center;
    }
    .footer-social ul {
        text-align: center;
    }
}
.footer-social li {
    display: inline-block;
    width: 18%;
}

.footer-social li + li {
    margin-left: 1%;
}
@media(max-width:767px){
    .footer-block ul {
        background-color: #061014
    }
}


/*---Vendor Register---*/
.apply-vendor-page{
    color:#fff;
}
.topic-block-body p{
    color:#fff;
}

/**----Feature Home----**/
.home-page .topic-block {
    width: 100%;
    max-width: 100%;
}
.home-page .topic-block-body{
    padding:0
}
.home-page .topic-block a{
    text-decoration:none;
}
.home-page-feature {
    padding: 10px 0%;
    margin: -40px -6vw 40px;
    background-color: #061014
}
.feature-item .picture {
    width: 64px;
    margin-left: auto;
    margin-right: auto;
}
.feature-item {
    width: 20%;
    display:inline-block
}
.home-page-feature .feature-item .title {
    font-size: 10px;
    color: #1cc0a0;
    letter-spacing: 0;
    white-space:nowrap
}
@media(min-width:768px){
    .home-page-feature {
        padding: 35px 7%;
        margin: -70px -6vw 70px;
    }
    .home-page-feature .feature-item .title {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 3px;
    }
}
.ico-cart:before {
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-cart.png');
    background-position: top center;
    background-size: 100%;
    width: 21px;
    height: 24px;
    margin: 7px auto 0;
}
.profile-menu-box > a, .profile-menu-box span:before, .profile-menu-box a:before {
    color: #fff
}
.profile-menu-box .ico-cart:before {
    width: 18px;
    min-width:18px;
    height: 20.25px;
    margin: 0 10px 0 auto;
}
@media(min-width:768px){
    .ico-cart:before {
        width: 24px;
        height: 27px;
        margin: 5px auto 0;
    }
    .ico-cart:hover:before {
        background-position: bottom center;
    }
    .profile-menu-box .ico-cart:before {
        width: 18px;
        height: 20.25px;
        margin: 5px auto 0;
    }
}
@media(min-width:1025px) {
    .ico-cart:before {
        margin: -3px auto 0;
    }
}
.add-info {
    height: 40px;
    position: relative;
}
.add-info .buttons input[type="button"]{
    font-family: 'sukhumvit';
    font-size:16px;
}
@media(min-width:768px){
    .add-info{
        height:75px;
        position:relative;
    }
    .add-info .buttons{
        position:absolute;
        bottom:0;
        left:0;
        right:0;
    }
}
.order-total td label, .order-total td span{
    white-space:nowrap;
    font-size:18px
}
.use-reward-points{
    background-color:#061014;
    padding:20px;
    text-align:left;
    border:4px double #141c1f
}
.use-reward-points label{
    font-size:16px;
}
.profile-menu-box > a.ico-register {
    background-color: #061014
}
@media(min-width:1025px){
    .profile-menu-box > a.ico-register {
        display:none !important
    }
}
.cart-collaterals .current-code {
    color: #fff;
    border: 1px dashed #aaa;
    padding: 5px 10px;
}
@media (max-width: 1024px) {
    .nopAjaxFilters7Spikes {
        background-color: #141c1f !important;
    }
}
.product-vendor{
    font-size:15px;
    color:#ccc;
}
.product-vendor a {
    color: #34cb62
}
.mobile-name-holder .add-to-wishlist button {
    border-radius: 90px;
    padding: 8px;
    background: none;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
}
.mobile-name-holder .add-to-wishlist button:before {
    content: "\63";
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font-size: 19px;
    text-transform: none;
    font-weight: normal;
}
.mobile-name-holder .add-to-wishlist button span{
    display:none
}
.vendor-item .title a, .manufacturer-item .title a, .category-grid .item-box .title a {
    letter-spacing: 0px !important;
    font-family: 'garudabook';
    font-weight:normal !important;
}
.mini-shopping-cart .count a:before, .mobile-flyout-wrapper .close-side-menu-text:before {
    content: "" !important;
    background-image: url(/Themes/Emporium/Content/img/icon-cart.png);
    background-position: top center;
    background-size: 100%;
    width: 24px;
    height: 27px;
    margin: 7px auto 0;
    margin-right: 5px;
}
.mini-shopping-cart .count:hover a:before, .mobile-flyout-wrapper:hover .close-side-menu-text:before {
    background-position: bottom center;
}
.oldprice {
    display: block;
    font-size: 12px !important;
    text-align: center !important;
    text-decoration: line-through;
    color: #aaa !important;
    position: absolute;
    left:0;
    right:0;
    bottom:5px;
}
.button-2.edit-address-button, .button-2.delete-address-button{
    background-color:transparent;
}
.account-page .button-2:hover {
    filter: brightness(200%);
    background-color: transparent;
}
.product-old-price {
    text-decoration: line-through;
    color: #aaa !important;
    display:block;
    font-size:12px;
    text-align:center;
}
.continue-shopping-button:before, .wishlist-content .wishlist-add-to-cart-button:before {
    content: "" !important;
    background-image: url(/Themes/Emporium/Content/img/icon-cart.png);
    background-position: top center;
    background-size: 100%;
    width: 21px;
    height: 24px;
    margin: -3px auto 0;
    margin-right: 5px;
    vertical-align:middle !important
}

.wishlist-content .button-2:hover{
    background-color:#118434
}

.btn-view-sample{
    display:none;
}
.write-review-collapse, .product-review-list {
    background-color: #1F2632
}
.write-review .review-rating{
    color:#fff
}
.product-review-item .review-item-head{
    color:#fff
}
.breadcrumb li:last-child span{
    display:inline-block
}

.post-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.4
}
.center-2 .blog-page .post {
    background-color: #202626;
    border: none
}

@media (min-width:768px){
    .rich-blog-image {
        width: 30%;
        float: left
    }
    .center-2 .blog-page .post-details {
        width: 70%;
        float: right;
        padding: 20px !important;
    }
    
    .center-2 .blog-page .post {
        width: 100%;
    }
}

.ribbon-position.top-left + .ribbon-position.top-left{
    top: 30px;
}

.item-box .prices > .old-price {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 5px !important;
    font-size: 12px;
    color: #fff;
}
@media (min-width: 768px) {
    .item-box .prices{
        position:relative;
    }
    .item-box .prices > .actual-price {
        margin-bottom: 19px;
    }
    .item-box .prices > .old-price {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        text-align:center;
        margin-bottom:5px !important;
        font-size:12px;
        color:#fff;
    }
    .category-products .item-box .prices > .old-price {
        text-align: left;
    }

    .spc-categories .item-box .details{
        padding:10px 5% !important;
    }
}
.item-box .old-price{
    text-decoration: none
}
.priceoff {
    text-decoration: none;
    background: #f00;
    color: #fff;
    padding: 0 5px;
    margin-left: 5px;
}
.line-through{
    text-decoration:line-through;
    color:#fff;
}
.text-warning {
    color: #FFAA00
}
.text-info {
    color: #07E4E4
}
.text-green{
    color:#34cb62
}
.order-tracking {
    background-color: #141C1F;
    padding:10px;
}
.track_tbl{
    font-size:11px;
}
.track_tbl td.track_dot {
    width: 50px;
    position: relative;
    padding: 0;
    text-align: center;
}
.track_tbl td.track_dot:after {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    margin-left: -4px;
    top: 6px;
    color:#999
}
.track_tbl td.track_dot span.track_line {
    background: #999999;
    width: 3px;
    min-height: 25px;
    position: absolute;
    height: 101%;
}
.track_tbl tbody tr:first-child td.track_dot span.track_line {
    top: 15px;
    min-height: 12px;
}
.track_tbl tbody tr:last-child td.track_dot span.track_line {
    top: 0;
    min-height: 12px;
    height: 10%;
}
.track_tbl .active .track_dot:after {
    color:#34cb62
}
.new-productreview {
    background-color: #1F2632;
    border-top: #061014 solid;
    padding: 30px;
}
.ribbon-position:first-of-type {
    z-index: 2;
}

.ribbon-position + .ribbon-position {
    top: 40px;
}

.footer-block .title {
    cursor: pointer;
}

.nop-jcarousel.manufacturer-grid .title, .nop-jcarousel.vendor-grid .title {
    display: block !important
}

.footer-downloadapp {
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
    padding-bottom: 25px;
}

    .footer-downloadapp a {
        display: inline-block;
        width: 48%
    }

        .footer-downloadapp a + a {
            margin-left: 2%;
        }

.socials-and-payments .title {
    text-align: left
}

.footer-social ul {
    text-align: left
}

.footer-social li {
    display: inline-block;
    width: 19%;
}

    .footer-social li + li {
        margin-left: 1%;
    }

.topic-block a:hover {
    color: #34cb62 !important
}

.topic-page ul, .topic-page ol, .topic-page p {
    color: #fff;
}

.topic-page h1 {
    line-height: 1.2
}

.follower-all, .follower-vote, .manufacturer-page .btn-follow, .manufacturer-item .vote, .vendor-page .btn-follow, .manufacturer-item .btn-follow, .vendor-item .vote, .vendor-item .btn-follow {
    display: none
}

@media (max-width:767px) {
    .vendor-item .title a, .manufacturer-item .title a {
        padding-top: 15px;
    }
}

@media (min-width: 1200px) {
    .vendor-item .title, .manufacturer-item .title {
        padding-top: 20%;
    }
}

.two-row-carousels.small-products {
    display: none
}

.home-page-feature .feature-item .title {
    color: #32ca65
}

.home-page-feature {
    overflow: hidden
}

.feature-item {
    float: left
}

.subhead {
    font-size: 26px !important;
    font-family: 'sukhumvit' !important;
}

@media(min-width:1025px) {
    .subhead {
        font-size: 30px !important;
    }
}

.scroll-back-button {
    background: #34cb62;
    opacity: 0.6
}

.scroll-back-button:before {
    color: #fff !important;
}

.scroll-back-button:hover {
    opacity: 1
}

.topic-page a {
    color: #34cb62
}

.topic-page p {
    text-align: left
}

@media (min-width: 768px) {
    .blogpost-page .rich-blog-image {
        width: 50%;
        float: none;
        margin: auto
    }
}

.new-comment, .comment-list {
    background-color: #333;
}

.center-2 .blog-page .post {
    margin-left: 0;
}

.link-book {
    color: #05CBCC;
}

    .link-book:hover {
        text-decoration: underline
    }

.link-author {
    color: #34cb62;
}

.link-author:hover {
    text-decoration: underline
}

.item-box .buttons {
    display: block;
    padding-top: 30px;
}

.item-box .old-price {
    font-size: 10px;
    position: absolute;
    left: 0;
    right: 0;
}

.add-info {
    height: 70px;
}

.post-body ul {
    color: #fff
}

.forcheckbox:before {
    vertical-align: middle !important
}

.pay-radio {
    vertical-align: middle !important
}

.payment-type-select img {
    float: none;
    vertical-align: middle !important
}
.product-text {
    background: #19202B;
    text-align: left;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 3px;
}
.product-text-desc {
    background: #19202B;
    text-align: left;
    padding: 20px 20px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 3px;
    line-height: 1.4;
    border-radius: 6px;
    font-size: 12px;
}
.product-text a {
    color: #34ca63
}

.product-text a:hover {
    color: #34ca63;
    text-decoration: underline
}

.product-details-page .page-title{
    color: #fff
}
.book-select{
    margin: 8px -0.25rem;
}
.btn-select {
    background: #061014;
    border: none;
    color: #fff;
    padding: 10px;
    width: 100%;
    font-family: 'sukhumvit';
    height: 80px;
}
label.btn-select {
    display: block;
    align-items: center;
    position:relative
}
label.btn-select > .middle-box{
    position: absolute;
    display:block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn-select .middle-box > span{
    display: block;
    font-size: 0.8rem
}
.btn-select .middle-box > strong {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #34ca63
}
.btn-select .discount {
    display: block;
    font-size: 14px;
}
.btn-select .discount span {
    text-decoration: line-through;
    color: #a0a0a0;
    vertical-align: middle
}

.btn-select .discount small{
    background: #BF1E2E;
    padding: 4px;
    border-radius: 4px;
    font-size: 0.6rem;
    vertical-align: middle
}
.reviews-txt {
    font-size: 14px;
}
.product-box-detail input[type=radio].custom-radio, .product-box-detail input[type="radio"] + label:before, .product-box-detail input[type="radio"]:checked + label:before {
    display: none;
}
.product-box-detail input[type="radio"]:checked + label {
    background: #5FC66A;
    position: relative;
}
.product-box-detail input[type="radio"]:checked + label.btn-select .middle-box > strong {
    color: #1F2630;
}
.product-box-detail input[type="radio"]:checked + label.btn-select .discount span {
    color: #DDDDDD
}
.product-box-detail input[type="radio"] + label:after{
    content:"";
    width: 16px;
    height: 16px;
    position: absolute;
    border: 2px solid #fff;
    left: 10px;
    top: 33px;
    border-radius: 10px;
}
.product-box-detail input[type="radio"]:checked + label:before {
    content: "";
    display: block;
    background: #fff;
    width: 9.5px;
    height: 9.5px;
    position: absolute;
    left: 13px;
    top: 36px;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
.star {
    width: 101px;
    height: 19px;
    background: url('../img/star-0.png') no-repeat;
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.star-point-line {
    height: 19px;
    background: url('../img/star-1.png') no-repeat;
    position: absolute;
}
.star-point {
    padding: 0 0 0 5px;
    vertical-align: middle;
    font-size:14px
}
.book-type {
    line-height: 1.2;
    font-size: 14px;
    white-space:nowrap;
}
.book-type strong {
    font-size: 13px;
}
.btn-example {
    border: 1px solid #34ca63;
    background: none;
    color: #34ca63;
    width: 100%;
    padding: 10px 15px;
    margin: 8px auto;
    height: 60px;
    font-family: 'sukhumvit';
    font-size: 1.1rem
}
.btn-buy:hover{
    text-decoration: underline
}
.btn-buy {
    border:none;
    background: #34ca63;
    color: #fff;
    width: 100%;
    padding: 10px 15px;
    margin: 8px auto;
    height: 60px;
    font-family: 'sukhumvit';
    font-size: 1.5rem;
    display:inline-block;
    border-radius: 10px;
}
.btn-buy:hover{
    text-decoration: none;
    background-color: #118434;
}
.btn-buy .i-shop{
    background-image: url('/Themes/Emporium/Content/img/icon-cart.png');
    width: 21px;
    height: 24px;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-top;
}
.share-text{
    color: #fff;
}
.far:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
.fa:before, .fas:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
/**Manufaturer list page*/
.manufacturer-list-page .search-input, .html-vendor-list-page .search-input {
    margin-bottom: 20px;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px
}
    .manufacturer-list-page .search-input .form-control, .html-vendor-list-page .search-input .form-control {
        margin-bottom: 3px;
    }
/*end Manufaturer list page */
.new-home-title{
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff
}
.new-home-title h1{
    text-align: left;
}
.new-view-all {
    background: #34CB62;
    border-radius: 20px;
    display: inline-block;
    padding: 5px 20px;
    line-height: 1.4;
    white-space: nowrap;
}
.new-home-body {
    background: #141C1F;
    border-radius: 10px;
    padding: 15px 10px;
}
.item-box {
    background: #000;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    border-bottom: 2px solid #34cb62;
}
@media(min-width: 481px){
    .item-box{
        text-align: left
    }
}
@media (min-width: 768px) {
    .item-box .product-title {
        padding: 0;
    }
}
.item-box .picture img{
    border-radius: 10px;
}
.item-box .details{
    padding: 10px;
}
.item-box .product-title{
    line-height: 1.2;
    height: 50px;
}
.item-box .product-title>a{
    color: #fff
}
.item-box .sub-title{
    color: #aaa;
    display: block;
}
.item-box .rating {
    background: url(../img/rating1.gif) repeat-x;
    width: 65px;
    height: 12px;
}
.item-box .rating div {
    background: url(../img/rating2.gif) repeat-x;
    height: 12px;
}
.item-box .price-box{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 70px;
}
.item-box .price-detail{
    background: #141A21;
    padding: 5px;
    height:70px;
}
.item-box .new-product-type{
    text-align: center;
    color: #fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 10px;
}
.item-box .new-product-price{
    text-align: center;
    line-height:1.4
}

.item-box .new-product-price .price{
    color: #34CB62;
    font-size: 13px;
    line-height: 1
}
.item-box .new-product-price .discount{
    white-space:nowrap;
    line-height: 1
}
.item-box .new-product-price .discount span{
    font-size:10px;
    text-decoration: line-through;
}
.item-box .new-product-price .discount small{
    background: #D42F22;
    color:#fff;
    border-radius: 3px;
    padding: 0 4px;
    font-size:8px;
}
.item-box .product-rating-box{
    display: block;
    height: 30px;
    margin-bottom: 0
}
.price-detail {
    width: 50%;
    float: left;
    overflow: hidden;
}
.price-detail+.price-detail{
    border-left: 1px solid #000
}
.btn-cart{
    background: #34cb62;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    display:block;
    text-align: center;
    white-space: nowrap;
}
@media(max-width: 767px){
    .btn-cart{
        font-size: 10px;
    }
}
.new-label {
    text-align: center;
    line-height: 1;
}
.new-label img{
    display: inline-block !important;
}
.price-detail-other {
    width: 100%;
    border-top: 1px solid #000;
    background: #141A21;
    padding: 5px;
    height: 24px;
    clear:both;
    line-height:1;
    text-align: center;
}
@media(min-width: 992px) {
    .item-box .new-product-price {
        white-space: nowrap;
    }

    .item-box .price-detail {
        height: 70px;
    }
    .price-detail-other {
        height: 24px;
    }
}
.over-2 .price-detail{
    width: 45%
}
.over-2 .price-detail.book{
    width: 35%
}
.new-review{
    font-family: 'sukhumvit'
}
.home-page-catalog{
    margin-bottom: 20px;
}
.catgroup-nav{
    text-align: center
}
.catgroup-nav li {
    display: inline-block
}
.catgroup-btn {
    background: none;
    color: #FFFFFF;
    padding: 10px 15px;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid transparent
}
.catgroup-btn:hover,.active .catgroup-btn {
    color: #34CB62;
    border-bottom: 2px solid #34CB62
}
.home-page-catgroup{
    margin-bottom: 20px;
}
.home-page-topchart{
    margin-bottom: 20px;
}
.chart-box {
    background: #061014;
    border-top: 2px solid #34cb62
}
.chart-title {
    padding: 10px 15px;
    color: #fff;
    border-bottom: 1px solid #141C1F
}
.chart-body{
    padding: 0 15px;
}
.chart-highlight {
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid #34cb62
}
.chart-num{
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 1.4
}
.chart-name {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: 'sukhumvit'
}
.chart-sub {
    color: #AAAAAA
}
.picture-img{
    border-radius: 10px;
}
.chart-items {
    padding: 0 15px;
}
.chart-items + .chart-items{
    border-top: 1px solid #141C1F
}
.chart-items .chart-num{
    font-size: 1.6rem;
    line-height: 1.6
}
.chart-items .picture{
    line-height:1;
    padding: 5px 0
}
.home-page-categories{
    margin-bottom: 20px;
}
.home-page-categories .new-home-title {
    border-bottom: 1px solid #DDDDDD
}
.home-page-categories .new-home-body {
    background: transparent;
    padding: 15px 0
}
.categories-link li {
    display: inline-block;
    margin-right: 10px;
}
.categories-link li a{
    border: 1px solid #34cb62;
    border-radius: 20px;
    color: #34cb62;
    padding: 5px 15px;
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
    font-family: 'sukhumvit'
}
.categories-link li a:hover{
    background-color: #34cb62;
    color: #fff;
}
.home-page-banner{
    margin-bottom: 20px;
}

.slider-wrapper.themes4 {
    padding: 0;
}

.themes4 {
    width: 24%;
    margin: 0 5px 10px;
    display: inline-block
}
@media(max-width: 820px){
    .home-page-topbanner{
        overflow-y: scroll;
        margin-bottom: 20px;
    }
    .home-page-topbanner-inner {
        width: 150%;
        white-space: nowrap;
    }
}
@media(max-width: 767px) {
    .home-page-topbanner {
        overflow-y: scroll;
    }

}
@media(min-width: 992px) {
    .slider-wrapper {
        padding-bottom: 20px !important
    }

        .slider-wrapper.themes4 {
            width: 24%;
            margin: 0 0.5% 10px;
            background-color: transparent !important;
        }

    .home-page-body .master-wrapper-content {
        padding-top: 15px !important;
    }
}
.home-page-categories .new-view-all {
    display: none
}
/**Manufaturer list page*/
.manufacturer-list-page .search-input, .html-vendor-list-page .search-input {
    margin-bottom: 20px;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px
}
    .manufacturer-list-page .search-input .form-control, .html-vendor-list-page .search-input .form-control {
        margin-bottom: 3px;
    }
/*end Manufaturer list page */
.homepage-bestsellers .number-one {
   border: 1px solid #34cb62;
}
.ico-stack:before {
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-shelf.svg');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(100);
    width: 21px;
    height: 19px;
    margin: 7px auto 0;
}
a.ico-stack:hover:before {
    content: "" !important;
    filter: brightness(1)
}

.customer-addresses a:after {
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-address.svg');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(1) grayscale(100);
    width: 21px;
    height: 22px;
    margin: 0 auto;
}

.customer-addresses a:hover:after, .customer-addresses.active a:after {
    filter: brightness(1) grayscale(0);
}

.customer-bookshelf a:after {
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-shelf.svg');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(1) grayscale(100);
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
.customer-bookshelf a:hover:after, .customer-bookshelf.active a:after {
    filter: brightness(1) grayscale(0);
}

.customer-orders a:after {
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-order.svg');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(1) grayscale(100);
    width: 21px;
    height: 22px;
    margin: 0 auto;
}
.customer-orders a:hover:after, .customer-orders.active a:after {
    filter: brightness(1) grayscale(0);
}

.reward-points a:after{
    content: "" !important;
    background-image: url('/Themes/Emporium/Content/img/icon-coin.svg');
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: brightness(1) grayscale(100);
    width: 21px;
    height: 22px;
    margin: 0 auto;
}
.reward-points a:hover:after, .reward-points.active a:after {
    filter: brightness(1) grayscale(0);
}