@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700|Roboto:300,400,500,700,900&display=swap');



body {

    font-family: 'Cabin', sans-serif;

    font-size: 14px;

}

.header-style-4 .header-top .block-text .number-phone {

    font-size: 14px;

}



.header-style-4 .header-top {

    background: #000 !important;

    line-height: 30px !important;

    height: 30px !important;

}



.header-style-4 .header-top .block-text, .header-style-4 .header-top .language-currency-top .language-wrapper .switcher-trigger, .header-style-4 .header-top .language-currency-top .currency-wrapper .switcher-trigger, .header-style-4 .header-top .language-currency-top .language-wrapper .switcher-trigger, .header-style-4 .header-top .language-currency-top .currency-wrapper .switcher-trigger, 

.header-style-4 .header-top .language-currency-top .wishlist, .header-style-4 .header-top .language-currency-top .my-account {

    line-height: 30px !important;

}





.header-style-4 .header-top .language-currency-top .wishlist::after, .header-style-4 .header-top .language-currency-top .my-account::after, .header-style-4 .header-top .language-currency-top .language-wrapper::after, .header-style-4 .header-top .block-text li::after {

    top: 10px;

}



.header-style-4 .header-bottom{background: #673AB7 !important;}

.header-style-4 .header-middle .middle-right-content .sm-searchbox .sm-searchbox-content {

    border-color: #673ab7;

    border-radius: 25px !important;

}



.header-style-4 .header-middle .middle-right-content .sm-searchbox .sm-searchbox-content .actions .btn-searchbox {

    background: #673ab7 !important;

    border-radius: 0px 25px 25px 0px;

}



.sm-imageslider.theme1 {

    box-shadow: 0px 0px 1px #673ab7;

    border-top: solid 3px #673ab7;

}



.megamenu-content-sidebar {

    background: #3f1886 !important;

}



.mainmenu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li > a.sm_megamenu_head{    padding: 22px 14px !important;}



.banner-bottom-v5 a.static-image img {

    width: 100%;

    border: solid .5px #fff;

}

.sm-listing-tabs.style1 .title-home-page.block-title {

    color: #222222;

    font-size: 250% !important;

    font-weight: 600 !important;

    margin: 20px !important;

    padding: 0;

    text-align: center;

    text-transform: uppercase;

    padding-bottom: 25px !important;

}



.sm-listing-tabs .title-home-page{border-bottom: 0px;}

.sm-listing-tabs .title-home-page:before{display: none;}



.footer-container .footer-bottom {

    background-color: #673ab7 !important;

    color: #fff !important;

}



.sidebar-above-footer {

    background-color: #673ab7 !important;

    border-top: 1px solid #ddd;

    margin: 0;

    padding: 30px 0;

}



.sidebar-above-footer .item {

    border-radius: 8px;

    height: 50px;

    overflow: hidden;

    background: #fff;

    line-height: 50px !important;

}



.sidebar-above-footer .item a {

    display: block;

    line-height: 50px;

    text-align: center;

}

.block-policyshop-v5 {

    display: none;

}



.block-middle-content .title-home-page.block-title {

    color: #673ab7 !important;

    text-align: center;

    font-size: 250%;

}



.block-middle-content {

    padding: 0;

}



.cms-index-index .block-title h2 {

    border-bottom: 0px solid #ddd;

    color: #000000;

    font-size: 230%;

    font-weight: bold;

    margin-bottom: 30px;

    padding: 0 0 5px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

}



.cms-index-index .block-title h2:before{display: none;}



.master-card-secion-foot {

    width: 100%;

    float: left;

    padding: 15px 0;

}

.footer-container .socials-wrap ul .li-social a {

    color: #fff !important;

}



.policyshop-v4 {

    background: #000;

    border: 0px;

    color: #fff;

}



.policyshop-v4 .item {

    border: 0 !important;

    border-radius: 5px;

    overflow: hidden;

    background: #673ab7;

    margin: 16px 8px;

    width: calc(25% - 16px);

    background: rgb(25,116,182);

background: -moz-linear-gradient(-45deg,  rgba(25,116,182,1) 0%, rgba(27,145,133,1) 100%);

background: -webkit-linear-gradient(-45deg,  rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%);

background: linear-gradient(135deg,  rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1974b6', endColorstr='#1b9185',GradientType=1 );



}

.policyshop-v4 .item h4 {

    color: #fff !important;

}

.policyshop-v4 .item p {

    color: rgba(255, 255, 255, 0.76) !important;

}



.policyshop-v4 .item-icon {

    width: 70px !important;

    height: 70px !important;

    border: solid 2px #fff;

    border-radius: 50%;

    color: #fff !important;

    background-color: #ffffff !important;

}



.sm-imageslider-inner .owl-theme .owl-controls .owl-nav div.owl-next {

    border-radius: 5px 0px 0px 5px;

    padding: 0px 15px !important;

    width: 40px;

    height: 60px !important;

    line-height: 60px !important;

}



.sm-imageslider-inner .owl-theme .owl-controls .owl-nav div.owl-prev {

    border-radius: 0px 5px 5px  0px;

    padding: 0px 15px !important;

    width: 40px;

    height: 60px !important;

    line-height: 60px !important;

}



.sm-imageslider-inner .owl-next:before, .sm-imageslider-inner .owl-prev:before {

    line-height: 60px !important;

}



.header-search5 .search-wrapper div.sm-searchbox {

    background: #fff;

    padding: 15px;

    border-radius: 0px 0px 10px 10px;

}





.breadcrumbs{margin-top: 0px; position: relative;

    background: rgb(25,116,182) !important;

background: -moz-linear-gradient(left,  rgba(25,116,182,1) 0%, rgba(27,145,133,1) 100%) !important;

background: -webkit-linear-gradient(left,  rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%) !important;

background: linear-gradient(to right,  rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%) !important;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1974b6', endColorstr='#1b9185',GradientType=1 ) ;

}

.breadcrumbs ul.items li a:hover, .breadcrumbs ul.items li:last-child strong {

    color: #fff !important;

}



.breadcrumbs:before {

    position: absolute;

    width: 100%;

    height: 100%;

    background: url(http://vibejam.com/pub/media/wysiwyg/bredcrumb_bg.png);

    content: '';

    left: 0;

    top: 0;

    background-position: center;

    background-attachment: initial;

}

.footer-container .socials-wrap ul .li-social .fa:before {

    color: #fff;

}



.category-cms {

    font-size: 14px;

    color: #000;

    line-height: 30px;

    font-weight: 400 !important;

}



.columns {

    box-shadow: 0px 0px 10px rgba(113, 74, 186, 0.58);

    max-width: 1200px;

    margin: auto;

    padding: 15px;

    background: #fff;

}

.columns .container{width: 100%;}



.cms-index-index .columns {

    box-shadow: none;

    padding: 0px;

}

.columns.col2-layout {

    background: #fff;

}



#price-slider .ui-slider-range {

    background-color: #673ab7;

}

#price-slider .ui-slider-handle{

    color: #673ab7;}

.toolbar-bottom .toolbar, .toolbar-top .toolbar{margin-bottom: 15px;}    

.field.limiter {

    display: none !important;

}





.catalog-category-view .block-title.filter-title, .catalog-category-view .sidebar.sidebar-additional .block-title {

    margin-bottom: 15px !important;

    background: #673ab7;

    padding: 4px 15px;

    color: #fff !important;

    border-radius: 5px;

}



.catalog-category-view .block-title.filter-title strong, .catalog-category-view .sidebar.sidebar-additional .block-title strong {

    color: #fff;

    font-weight: 400;

}





.sidebar.sidebar-additional .block-title span {

    display: block;

}





.col-lg-6.col-md-6.info-box-detail {

    padding-top: 20px;

}

.col-lg-6.col-md-6.image-box-detail {

    margin-top: 20px;

    border-radius: 5px !important;

}



.catalog-product-view .detail-bottom-wrapper .detail-bottom {

        border-top: 5px solid #673ab7 !important;

    margin-top: 15px !important;

    padding-top: 0px;

    padding-bottom: 0px;

    margin-bottom: 15px;

}



.catalog-product-view  .default-style .resp-tabs-list li {

    border-radius: 0px 0px 8px 8px !important;

}



.catalog-product-view .resp-tab-content {

    padding: 30px;

    border: 2px solid #673ab7;

}



.catalog-product-view .default-style .resp-tabs-list li:after {

    background-color: #fff;

    border-right: 2px solid #673ab7;

    border-top: 2px solid #673ab7;

}



.catalog-product-view .info-box-detail .socials-wrap {

    float: left;

    width: 100%;

    border-top: 2px solid rgba(103, 58, 183, 0.72);

    border-bottom: 2px solid rgba(103, 58, 183, 0.72);

    padding: 20px 0;

    margin-top: 20px;

}



.fotorama__stage{border-radius: 5px;}



.checkout-cart-index .header-container.header-style-5, .checkout-index-index .header-container.header-style-5 {

    border-bottom: 5px solid #673ab7;

}



.cart-container .cart.main.actions .action, .cart-container .cart.table-wrapper .actions-toolbar .action-edit:hover, .cart-container .cart.table-wrapper .actions-toolbar .action-delete:hover, .cart-container .checkout-methods-items .action.primary.checkout {

    background-color: #673ab7 !important;

    border-radius: 5px;

    border: 0px !important;

}



 .checkout-index-index .column.main {

    padding-top: 20px;

}



.opc-progress-bar-item._active:before {

    background: #673ab7;

}

.opc-progress-bar-item._active > span:before {

    background: #673ab7;

}



.checkout-container .opc-sidebar .modal-content .opc-block-summary {

    border:solid 1px rgba(103, 58, 183, 0.55);

}





.checkout-index-index li#shipping, .checkout-index-index li#opc-shipping_method {

    border: solid 1px rgba(103, 58, 183, 0.55);

    padding: 15px;

    margin-bottom: 1px;

}

.checkout-index-index .opc-sidebar {

    margin-top: 0px;

}



.checkout-index-index  button.action.action-auth-toggle {

    background: #673ab7;

    border-radius: 25px;

    padding: 10px 25px;

    color: #fff;

}





button, button:focus, .cart-container .action.continue, a.action.primary, .modal-footer .action-primary.action-accept {

    background-color: #673ab7;

    border-color: #673ab7;

    color: #fff;

    border-radius: 5px;

}





.checkout-index-index  button.action.action-auth-toggle:focus {

    padding: 0px 25px;

}



.account .header-container.header-style-5 {

    border-bottom: solid 3px #673ab7;

    background: #fff;

}



.account-nav .content {

    background: #673ab7;

    padding: 15px 0;

    line-height: 30px;

}



.account-nav .content a{color: #fff;}



.account-nav .item.current a, .account-nav .item.current strong {

    border-color: #330682;

    font-weight: 600;

    color: #fff;

    background: #33068273;

}



body.account .columns {

    padding-top: 40px !important;

    padding-bottom: 40px;

}



.account-nav .item a:hover {

    background: #50229f;

}



body.account .column.main .block {

    border: solid 1px #ccc;

    padding: 15px;

}



.pull-right .dropdown-list-setting  a.my-wishlist {

    color: #673ab7 !important;

}



.logo-wrapper div.logo-content{padding-top: 8px !important;}

div#switcher-language-nav {

    display: none;

}



.category-contact-us.catalog-category-view form#contact-form {

    border-left: solid 1px #ccc;

    padding-left: 20px;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.contact-us-page {

    padding: 25px 0px 0px 0px;

}

.contact-us-page .form.contact .left-input {

    float: left;

    width: 100% !important;

}



.dropdown-list-setting .currency-wrapper, .dropdown-list-setting .language-wrapper {

    border: 0 !important;

    margin-bottom: 0px;

}



@media (max-width: 991px){

	.navigation-mobile-container .btn-mobile .button-mobile {

	    color: #673ab7;
}
}



@media (max-width: 767px){

    body.account  .sidebar.sidebar-main {

        float: left;

        width: 100%;

    }

    .page-layout-2columns-left .col-right-main {

        float: right;

        width: 100%;

    }

    .footer-top .col-lg-4.col-md-4.col-sm-4.col-xs-12 {

        width: 100%;

        margin-top: 15px;

    }

    .footer-container .footer-bottom .copyright-footer address {

        width: 100%;

    }

    .checkout-container .checkout-payment-method .step-title {

        padding-left: 15px;

    }

}



@media (max-width:640px){



    .minicart-wrapper .showcart::after {

        right: 0;

        position: absolute;

    }

    .policyshop-v4 .item {

        width: calc(100% - 15px);

    }



}


/*New CSS 23-09--20*/

.products-grid .item .item-inner.style5 .label-wrapper {
    left: 0 !important;
    top: 0;
}

.label-wrapper .label-product.label-sale {
    background-color: #125f59 !important;
}

.label-wrapper .label-product.label-new {
    background-color: #1975b4;
}

.sm-listing-tabs .ltabs-wrap .products-grid .owl-nav > div{
    background: #009688 !important;
}

.sm-imageslider.theme1 {
    box-shadow: 0px 0px 1px #1b9185 !important;
    border-top: solid 3px #1b9185 !important;
}
.products-grid .item .item-inner:hover {
    border-color: #1b9185 !important;
}

.hot-categories {
    background: rgb(25,116,182);
    background: -moz-linear-gradient(-45deg, rgba(25,116,182,1) 0%, rgba(27,145,133,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%);
    background: linear-gradient(135deg, rgba(25,116,182,1) 0%,rgba(27,145,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1974b6', endColorstr='#1b9185',GradientType=1 );
     padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.hot-categories h2 {
    color: #fff !important;
}

.lastest-wrapper.block {
    padding-top: 60px !important;
}

.hot-categories a {
    display: block;
    border-radius: 10px 0px 10px 0px;
    overflow: hidden;
    border: solid 3px rgba(255 ,255 ,255 , 0.32);
    overflow:hidden;
}

.hot-categories a:hover{border: solid 3px rgba(255 ,255 ,255 , 1);}

.block-middle-content .title-home-page.block-title {
    color: #4b4a4b !important;
}

.post .post_content .content-left .date_added .day {
    font-size: 150%;
    padding: 10px 0 10px;
}

.post .post_content .content-left .date_added .month {
    font-size: 100%;
    padding: 10px 0;
}

.footer-container .socials-wrap ul .li-social a {background-color: #6d6d6d !important;}

#yt-totop:before {
    color: #1b9185 !important;
}

#yt-totop:hover {
    background-color: #1b9185 !important;
    color: #fff !important;
}

#yt-totop:hover:before {
    color: #fff !important;
}

.policyshop-v4 {
    background: rgba(0,0,0,0.01);
        position: relative;
}

.policyshop-v4:before {
    content: '';
    display: block;
    background: url(/pub/media/wysiwyg/features_bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .12;
}

.post .post_content {
    border: solid 1px #ccc;
    padding: 15px;
    clear: both;
}

.post .post_content .content-left {
    position: absolute;
    top: 0;
    left: 0;
}

.post .post_content .content-right {
    margin: 0px;
}

.post .post_content .content-right .post_title a {
    font-size: 18px;
    min-height: 65px;
    display: block;
    padding-bottom: 5px;
    color: #1b9086;
}

.post .post_content .content-right .desc {min-height: 100px;}

.footer-container .footer-bottom {
    background-color: #00856a !important;
    color: #fff !important;
}

.catalog-category-view .block-title.filter-title, .catalog-category-view .sidebar.sidebar-additional .block-title{
    background: #00856a;
}

#price-slider .ui-slider-handle {
    color: #00856a;
}

#price-slider .ui-slider-range {
    background-color: #00856a;
}

.sidebar.sidebar-main {clear: both;}

.toolbar-bottom .toolbar .pages, .toolbar-top .toolbar .pages {
    bottom: inherit;
    right: 50%;
}


.catalog-product-view .resp-tab-content {
    border: 2px solid #1b9185;
}

.catalog-product-view .default-style .resp-tabs-list li:after {
    border-right: 2px solid #1b9185;
    border-top: 2px solid #1b9185;
}

.catalog-product-view .detail-bottom-wrapper .detail-bottom {
    border-top: 5px solid #1b9185 !important;
}

.catalog-product-view .info-box-detail .socials-wrap {
    border-top: 2px solid rgb(27 145 133);
    border-bottom: 2px solid rgb(27 145 133);
}

.info-box-detail .product-options-bottom .box-tocart .fieldset .actions button, .info-box-detail .product-add-form .box-tocart .fieldset .actions button {
    background-color: #1b9185!important;
}

.checkout-cart-index .header-container.header-style-5, .checkout-index-index .header-container.header-style-5 {
    border-bottom: 5px solid #1b9185;
}

.cart-container .cart.main.actions .action, .cart-container .cart.table-wrapper .actions-toolbar .action-edit:hover, .cart-container .cart.table-wrapper .actions-toolbar .action-delete:hover, .cart-container .checkout-methods-items .action.primary.checkout {
    border-radius: 5px;
    background-color: #1b9185 !important;
    border: 0px !important;
}

.action.continue, a.action.primary, .modal-footer .action-primary.action-accept {
    background-color: #1b9185;
    border-color: #1b9185;
}

button, button:focus, .cart-container .action.continue, a.action.primary, .modal-footer .action-primary.action-accept {
    background-color: #1b9185;
    border-color: #1b9185;
}

.master-card-secion-foot {
    background: #fff;
}

.mainmenu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li > a.sm_megamenu_head {
    font-weight: 500 !important;
}

.breadcrumbs:before{
    opacity: .12;
    background-size: cover;
        background: url(/pub/media/wysiwyg/breadcrumb_bg_new.png);
        background-position: center;
}


.sm_megamenu_col_6.sm_megamenu_firstcolumn {
    padding-left: 0px !important;
}

/*span.sm_megamenu_title_lv-2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700 !important;
    color: #1b9185;
}*/

h3.sm_megamenu_nodrop.title-cat {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700 !important;
    color: #1b9185;
}

a.sm_megamenu_nodrop {
    font-size: 13px;
}
.cms-index-index .page-wrapper {
    z-index: 1;
}
.logo-wrapper {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px){
    .toolbar-bottom .toolbar, .toolbar-top .toolbar {
        margin-bottom: 60px;
    }
    .toolbar-bottom .toolbar .pages, .toolbar-top .toolbar .pages {
        bottom: -45px;
        width: 100%;
        right: 0;
        float: none;
        text-align: center;
    }

    .category-contact-us.catalog-category-view form#contact-form {
        border-left: 0;
        padding-left: 0px;
    }
    .form-create-account .fieldset.create.info {
        min-height: inherit;
    }

    .form-create-account .fieldset.create.info .field-name-firstname, .form-create-account .fieldset.create.info .field-name-lastname {
        width: 100%;
    }
}

/*css on 25-9-20*/
@media (min-width: 992px){
    .home-5-style .header-container{
        max-width: 1200px;
        margin: auto;
        background: transparent !important;
    }

    .cms-index-index a.logo img {
        filter: grayscale(100%) brightness(100);
    }

    .cms-index-index main#maincontent {
        position: relative;
        z-index: -1;
    }

    .cms-index-index .sm-imageslider.theme1 {
        margin-top: -90px;
    }

    .cms-index-index .header-style-5 .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li.home-item-parent > a {
        color: #fff !important;
    }


    .cms-index-index  .mainmenu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li > a.sm_megamenu_head {
        color: #fff;
        text-transform: capitalize;
    }

    .cms-index-index  .header-search5 {
        border: 0px;
    }

    .cms-index-index  .cart-wrapper {
        border: 0;
    }

    .cms-index-index  .pull-right.col-right-top .fa {
        color: #fff !important;
    }


    .cms-index-index  .minicart-wrapper .showcart:after{
        background: url(/pub/media/wysiwyg/cart-ontop-color.png)  center center no-repeat scroll;
    }


    .cms-index-index  .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li:hover > .sm_megamenu_head {
        color: #00ffe5 !important;
    }
    a#sm_megamenu_336 span.sm_megamenu_title:after {
        content: '>';
        transform: rotateZ(90deg);
        font-size: 16px;
        font-weight: 300;
        display: inline-block;
        position: absolute;
        right: 0;
        padding-top: 4px;
    }
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1 {
        width: 16.6%;
    }
    .sm_megamenu_title {
        text-align: center;
    }

    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(7) {
        clear: both;
    }

    span.sm_megamenu_title_lv-3 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700 !important;
        color: #1b9185;
        margin-top: -5px;
        text-align: center;
    }



    a.sm_megamenu_nodrop:empty {
        display: none;
    }


    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(7),
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(8),
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(9),
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(10),
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(11),
    .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1:nth-child(12){margin-top:30px;}
    
}

@media (max-width: 767px){

    .home-5-style .header-container .col-right-top {
        position: inherit;
    }

    .home-5-style .header-container  .block-topsetting {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .home-5-style .header-container  .cart-wrapper {
        height: 40px;
    }

    .header-search5 .icon-search .fa {
        line-height: 40px !important;
    }

    .home-5-style .header-container  .minicart-wrapper .showcart:after {
        height: 40px;
    }

    .home-5-style .header-container  .btn-mobile .button-mobile {
        line-height: 40px;
    }

    .home-5-style .header-container .navigation-mobile-container {
        bottom: 0 !important;
    }

    .home-5-style .header-container {
        padding-bottom: 40px !important;
    }

    .home-5-style .header-container  .minicart-wrapper .action.showcart {}



    .home-5-style .header-container  .minicart-wrapper .showcart .counter .counter-number {
        top: 5px;
    }
}