:root{
    --main-primary-color: #663399 ;
}

.wrapper-the-blue-sky-slider .nivo-directionNav a:hover, .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled).active, .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled):hover, .container_vertical_tab_postions.wrapper_category_product_tabs .ui-tabs-nav li:hover a::before, .container_vertical_tab_postions.wrapper_category_product_tabs .ui-tabs-nav li.active a::before, .container_vertical_tab_postions.wrapper_product_tabs .ui-tabs-nav li:hover a::before, .container_vertical_tab_postions.wrapper_product_tabs .ui-tabs-nav li.active a::before, .super-deal .item-deal-product .info-price-deal, .hot-deal-tab-slider .product-sold .ruler-sold .ruler-sold-count, .top-search-not-dropdown .block.block-search .block-content .dropdown .form.minisearch .actions .action.search, body .chosen-container .chosen-results li.highlighted, body .owl-carousel .owl-nav .nivo-controlNav button:hover, body .nivoSlider .nivo-controlNav a:hover, .header-container .col-action .minicart-wrapper .action.showcart .counter.qty, .header-container .col-action li .counter.qty, .page-footer .footer.content .square-social .social-link a:hover, .pages .items .item:hover a, .pages .items .item.current a, .pages .items .item:hover strong, .pages .items .item.current strong, .product-item .product-label.onsale, .verticalmenu.navigation .title-category-dropdown {
    background-color: inherit !important;
}

.header-container.sticky .sticky-header, .header-container.sticky.sticky-header {
    background: #fff;
}

.header-container .sticky-header.center-element .for-full-width-menu {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-container .navigation div[data-content-type="html"] {
    display: inline-block;
}



.page-header .header-setting .settings-head .settings-close:hover{
    color: var(--main-primary-color);
}
.nav-toggle:hover::before{
    color: var(--main-primary-color);
}

.slider-wrapper .btn.primary-button {
    background: var(--main-primary-color);
    border-color: var(--main-primary-color);
}

.page-header .header-setting .settings-inner .settings-contact .contact-info-wrap .contact-info a:hover {
    color: var(--main-primary-color);
}

.contact-index-index .page-title{color:#fff;}

.cms-index-index section, .cms-index-index .section {
    margin-bottom: 0;
}

.rokan-title, .block .title.rokan-title {
    margin-bottom: 7rem;
}
.custom-statement{
    margin-bottom:0;
    font-style:italic;
}


/* Navigation */

.primary-menu-container .navigation .level0.submenu .ui-menu-item.level1 a {
    color: #323232;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
    border-right: 1px solid #f5f5f5;
}

@media (min-width: 1200px), print {
    .navigation li.level0.parent .submenu .mega-columns .level1.parent {
        margin-bottom: 0;
        border-right: 0;
    }

    .navigation li.level0.parent .submenu .mega-columns .level1.parent > a {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .header-container .navigation div[data-content-type="html"] {
        display: block;
    }

    .page-header .header-container .header-middle .logo-container {
        width: auto;
        justify-content: center;
        position: relative;
        order: 1;
        z-index: 1;
    }

    .page-header .header-container .header-middle .logo-container .logo img {
        max-height: 60px;
        width: auto;
    }

    .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: var(--main-primary-color);
        border-style: solid;
        border-width: 0;
        color: var(--main-primary-color);
    }

    .navigation .level0 {
        border-top: 0;
    }

    .navigation .submenu.level0 .subchildmenu > li > a {
        border-top: 0;
    }

    .navigation li.level0:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    .navigation .ui-menu-item {
        border-bottom: 1px solid #e1e1e1;
    }

   /* .navigation .ui-menu-item.level0.active > a {
        background: var(--main-primary-color);
        color: #fff;
    }*/
    .menu-mobile-title{
        background:#fff;
    }

}
@media only screen and (max-width: 767px) {
    .section.full-width.slider-wrapper .nivo-caption{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text{
        padding:0 15px;
    }
}
@media only screen and (min-width: 576px){
    .wrapper_sub_category_tabs.container_horizontal_tab_postions .widget-tabs{
        padding:0 35px;
    }
    .wrapper_sub_category_tabs.container_horizontal_tab_postions .widget-tabs .owl-carousel .owl-nav button.owl-prev{
        left:0;
    }
    .wrapper_sub_category_tabs.container_horizontal_tab_postions .widget-tabs .owl-carousel .owl-nav button.owl-next{
        right:-35px;
    }
}

@media only screen and (max-width: 575px) {
    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h3 {
        font-size: 20px;
    }
    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h2 {
        font-size: 26px;
    }
}

/* Home Page */
.cms-index-index .page-main {
    max-width: unset;
    width: 100% !important;
    padding: 0 !important;
}

.cms-index-index .page-main .rokan-title h3.module-title {
    margin-top: 25px;
    color: var(--main-primary-color);
}

.cms-index-index .page-main .rokan-title h3.module-title:before {
    content: " ";
    height: 4px;
    width: 20px;
    background: var(--main-primary-color);
    display: block;
    position: absolute;
    top: -20px;
    left: calc(50% - 10px);
}

.primary-bg-text-white .testimo-slider .pt-testimonial .info .name .name {
    color: #fff;
}

.primary-bg-text-white .pt-testimonial .des {
    color: #fff;
}


@media all and (min-width: 1200px), print {
    .navigation .level0 {
        margin-right: 0;
    }

    .navigation .level0 > .level-top {
        color: #000;
    }

    .navigation .level0.active > .level-top,
    .navigation .level0.has-active > .level-top, .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus {
        color: var(--main-primary-color);
    }
}

/* Product */

.product-item .product-item-name, .product-item strong.product-item-name, .product-item .product.name a {
    color: var(--main-primary-color);
}

.wrapper_sub_category_tabs.onlyparent .list-category-item .category-item a {
    background: transparent;
}
@media only screen and (max-width: 575px) {
    .owl-carousel.list-category-item .owl-nav,.block-widget-rokanthemes-brand .owl-carousel .owl-nav{display:block;}
    .owl-carousel.list-category-item .owl-nav .owl-prev,.block-widget-rokanthemes-brand .owl-carousel .owl-nav .owl-prev{left:50%;bottom:-50px;top:unset;}
    .owl-carousel.list-category-item .owl-nav .owl-prev::before,.block-widget-rokanthemes-brand .owl-carousel .owl-nav .owl-prev::before{margin-left: -75px;}
    .owl-carousel.list-category-item .owl-nav .owl-next,.block-widget-rokanthemes-brand .owl-carousel .owl-nav .owl-next{right:50%;bottom:-50px;top:unset;}
    .owl-carousel.list-category-item .owl-nav .owl-next::before,.block-widget-rokanthemes-brand .owl-carousel .owl-nav .owl-next::before{margin-right: -75px;}
}

.section.section-products-blue.wrapper_product_tabs,.section.section-products-blue.wrapper_category_product_tabs,.widget.box-section.block-recent-posts.section{
    padding-left:15px;
    padding-right:15px;
}
.section.banner-home3.full-width > .container-fluid{
    padding-left:0;
    padding-right:0;
}

/* Product single/detail view */
.catalog-product-view .breadcrumbs, .catalog-product-view .page-header {
    background: #fff;
}

.catalog-product-view .product-info-price .price-box span.price::before{
    content: "Cijena: ";
}

.catalog-product-view .product-main-content {
    padding-top: 150px;
    background: #fff;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset;
    box-shadow: unset;
}

.product-info-main .action.primary {
    border-color: var(--main-primary-color);
}

.product-info-main .box-tocart .action.tocart {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, var(--main-primary-color) 50%) no-repeat scroll right bottom / 100% 210% var(--main-primary-color) !important;
}

.catalog-product-view .product-info-main .action.primary.tocart:hover {
    color: #fff !important;
}

.product-info-main .product-category{
    border-bottom:1px solid #e1e1e1;
    padding-bottom:1.3rem;
    margin-bottom:1.3rem;
}

.product-info-main .custom-attribute{
    font-size:12px;
}
.product-info-main .custom-attribute strong{
    text-transform: uppercase;
}

/* End product single/detail view*/


/* Category thumb section - slider category */


.category-thumb-section .widget-tabs .category-item figure, .category-thumb-section .widget-tabs .category-item figure img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

/* End Category thumb section - slider category */


.fa, .fas, .fa-solid {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.fab, .fa-brands {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

a:visited, .alink:visited {
    color: var(--main-primary-color);
}

body .owl-carousel .owl-nav button.owl-prev, body .nivoSlider .owl-nav button.owl-prev, body .owl-carousel .nivo-controlNav button.owl-prev, body .nivoSlider .nivo-controlNav button.owl-prev, body .owl-carousel .owl-nav a.owl-prev, body .nivoSlider .owl-nav a.owl-prev, body .owl-carousel .nivo-controlNav a.owl-prev, body .nivoSlider .nivo-controlNav a.owl-prev, body .owl-carousel .owl-nav button.owl-next, body .nivoSlider .owl-nav button.owl-next, body .owl-carousel .nivo-controlNav button.owl-next, body .nivoSlider .nivo-controlNav button.owl-next, body .owl-carousel .owl-nav a.owl-next, body .nivoSlider .owl-nav a.owl-next, body .owl-carousel .nivo-controlNav a.owl-next, body .nivoSlider .nivo-controlNav a.owl-next, body .owl-carousel .owl-nav button.nivo-prevNav, body .nivoSlider .owl-nav button.nivo-prevNav, body .owl-carousel .nivo-controlNav button.nivo-prevNav, body .nivoSlider .nivo-controlNav button.nivo-prevNav, body .owl-carousel .owl-nav a.nivo-prevNav, body .nivoSlider .owl-nav a.nivo-prevNav, body .owl-carousel .nivo-controlNav a.nivo-prevNav, body .nivoSlider .nivo-controlNav a.nivo-prevNav, body .owl-carousel .owl-nav button.nivo-nextNav, body .nivoSlider .owl-nav button.nivo-nextNav, body .owl-carousel .nivo-controlNav button.nivo-nextNav, body .nivoSlider .nivo-controlNav button.nivo-nextNav, body .owl-carousel .owl-nav a.nivo-nextNav, body .nivoSlider .owl-nav a.nivo-nextNav, body .owl-carousel .nivo-controlNav a.nivo-nextNav, body .nivoSlider .nivo-controlNav a.nivo-nextNav, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav, body .owl-carousel .owl-nav .action-gift.owl-prev, body .nivoSlider .owl-nav .action-gift.owl-prev, body .owl-carousel .nivo-controlNav .action-gift.owl-prev, body .nivoSlider .nivo-controlNav .action-gift.owl-prev, body .owl-carousel .owl-nav .action-gift.owl-next, body .nivoSlider .owl-nav .action-gift.owl-next, body .owl-carousel .nivo-controlNav .action-gift.owl-next, body .nivoSlider .nivo-controlNav .action-gift.owl-next, body .owl-carousel .owl-nav .action-gift.nivo-prevNav, body .nivoSlider .owl-nav .action-gift.nivo-prevNav, body .owl-carousel .nivo-controlNav .action-gift.nivo-prevNav, body .nivoSlider .nivo-controlNav .action-gift.nivo-prevNav, body .owl-carousel .owl-nav .action-gift.nivo-nextNav, body .nivoSlider .owl-nav .action-gift.nivo-nextNav, body .owl-carousel .nivo-controlNav .action-gift.nivo-nextNav, body .nivoSlider .nivo-controlNav .action-gift.nivo-nextNav {
    background-color: transparent;
}

.owl-nav button {
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
    -moz-transform: translate(-50%, -50%) scale(1) !important;
    -ms-transform: translate(-50%, -50%) scale(1) !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body .owl-carousel .owl-dots:not(.disabled) .owl-dot.active {
    border: 2px solid #fff !important;
}

body .testimo-slider .pt-testimonial .info .name .job {
    color: var(--main-primary-color);
}

body .owl-carousel .owl-nav button:before,
body .nivoSlider .owl-nav button:before,
body .owl-carousel .nivo-controlNav button:before,
body .nivoSlider .nivo-controlNav button:before,
body .owl-carousel .owl-nav a:before,
body .nivoSlider .owl-nav a:before,
body .owl-carousel .nivo-controlNav a:before,
body .nivoSlider .nivo-controlNav a:before,
body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:before,
body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action:before,
body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:before,
body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:before,
body .owl-carousel .owl-nav .action-gift:before,
body .nivoSlider .owl-nav .action-gift:before,
body .owl-carousel .nivo-controlNav .action-gift:before,
body .nivoSlider .nivo-controlNav .action-gift:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f078';
}

body .owl-carousel .owl-nav button.owl-next,
body .nivoSlider .owl-nav button.owl-next,
body .owl-carousel .nivo-controlNav button.owl-next,
body .nivoSlider .nivo-controlNav button.owl-next,
body .owl-carousel .owl-nav a.owl-next,
body .nivoSlider .owl-nav a.owl-next,
body .owl-carousel .nivo-controlNav a.owl-next,
body .nivoSlider .nivo-controlNav a.owl-next,
body .owl-carousel .owl-nav button.nivo-nextNav,
body .nivoSlider .owl-nav button.nivo-nextNav,
body .owl-carousel .nivo-controlNav button.nivo-nextNav,
body .nivoSlider .nivo-controlNav button.nivo-nextNav,
body .owl-carousel .owl-nav a.nivo-nextNav,
body .nivoSlider .owl-nav a.nivo-nextNav,
body .owl-carousel .nivo-controlNav a.nivo-nextNav,
body .nivoSlider .nivo-controlNav a.nivo-nextNav,
body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next,
body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next,
body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next,
body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next,
body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav,
body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav,
body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav,
body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav,
body .owl-carousel .owl-nav .action-gift.owl-next,
body .nivoSlider .owl-nav .action-gift.owl-next,
body .owl-carousel .nivo-controlNav .action-gift.owl-next,
body .nivoSlider .nivo-controlNav .action-gift.owl-next,
body .owl-carousel .owl-nav .action-gift.nivo-nextNav,
body .nivoSlider .owl-nav .action-gift.nivo-nextNav,
body .owl-carousel .nivo-controlNav .action-gift.nivo-nextNav,
body .nivoSlider .nivo-controlNav .action-gift.nivo-nextNav {
    right: -15px;
}

body .owl-carousel .owl-nav button.owl-prev, body .nivoSlider .owl-nav button.owl-prev, body .owl-carousel .nivo-controlNav button.owl-prev, body .nivoSlider .nivo-controlNav button.owl-prev, body .owl-carousel .owl-nav a.owl-prev, body .nivoSlider .owl-nav a.owl-prev, body .owl-carousel .nivo-controlNav a.owl-prev, body .nivoSlider .nivo-controlNav a.owl-prev, body .owl-carousel .owl-nav button.nivo-prevNav, body .nivoSlider .owl-nav button.nivo-prevNav, body .owl-carousel .nivo-controlNav button.nivo-prevNav, body .nivoSlider .nivo-controlNav button.nivo-prevNav, body .owl-carousel .owl-nav a.nivo-prevNav, body .nivoSlider .owl-nav a.nivo-prevNav, body .owl-carousel .nivo-controlNav a.nivo-prevNav, body .nivoSlider .nivo-controlNav a.nivo-prevNav, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav, body .owl-carousel .owl-nav .action-gift.owl-prev, body .nivoSlider .owl-nav .action-gift.owl-prev, body .owl-carousel .nivo-controlNav .action-gift.owl-prev, body .nivoSlider .nivo-controlNav .action-gift.owl-prev, body .owl-carousel .owl-nav .action-gift.nivo-prevNav, body .nivoSlider .owl-nav .action-gift.nivo-prevNav, body .owl-carousel .nivo-controlNav .action-gift.nivo-prevNav, body .nivoSlider .nivo-controlNav .action-gift.nivo-prevNav {
    left: 20px;
}

.product-items .product-addto-links .action.towishlist::before, .products.list.items .product-addto-links .action.towishlist::before, .table-comparison .product-addto-links .action.towishlist::before, #checkout .product-addto-links .action.towishlist::before, .product-items .product-item .action.towishlist::before, .products.list.items .product-item .action.towishlist::before, .table-comparison .product-item .action.towishlist::before, #checkout .product-item .action.towishlist::before, .product-items .minicart-wrapper .action.towishlist::before, .products.list.items .minicart-wrapper .action.towishlist::before, .table-comparison .minicart-wrapper .action.towishlist::before, #checkout .minicart-wrapper .action.towishlist::before {
    content: "\f387";
    font-family: "Ionicons", sans-serif;
}

.product-items .product-addto-links .action.tocompare::before, .products.list.items .product-addto-links .action.tocompare::before, .table-comparison .product-addto-links .action.tocompare::before, #checkout .product-addto-links .action.tocompare::before, .product-items .product-item .action.tocompare::before, .products.list.items .product-item .action.tocompare::before, .table-comparison .product-item .action.tocompare::before, #checkout .product-item .action.tocompare::before, .product-items .minicart-wrapper .action.tocompare::before, .products.list.items .minicart-wrapper .action.tocompare::before, .table-comparison .minicart-wrapper .action.tocompare::before, #checkout .minicart-wrapper .action.tocompare::before{
    content: "\f4a7";
    font-family: "Ionicons", sans-serif;
}
.product-items .product-addto-links .action.link-quickview::before, .products.list.items .product-addto-links .action.link-quickview::before, .table-comparison .product-addto-links .action.link-quickview::before, #checkout .product-addto-links .action.link-quickview::before, .product-items .product-item .action.link-quickview::before, .products.list.items .product-item .action.link-quickview::before, .table-comparison .product-item .action.link-quickview::before, #checkout .product-item .action.link-quickview::before, .product-items .minicart-wrapper .action.link-quickview::before, .products.list.items .minicart-wrapper .action.link-quickview::before, .table-comparison .minicart-wrapper .action.link-quickview::before, #checkout .minicart-wrapper .action.link-quickview::before{
    content: "\f4a5";
    font-family: "Ionicons", sans-serif;
}

/**body .owl-carousel .owl-nav button.owl-prev::before, body .nivoSlider .owl-nav button.owl-prev::before, body .owl-carousel .nivo-controlNav button.owl-prev::before, body .nivoSlider .nivo-controlNav button.owl-prev::before, body .owl-carousel .owl-nav a.owl-prev::before, body .nivoSlider .owl-nav a.owl-prev::before, body .owl-carousel .nivo-controlNav a.owl-prev::before, body .nivoSlider .nivo-controlNav a.owl-prev::before, body .owl-carousel .owl-nav button.nivo-prevNav::before, body .nivoSlider .owl-nav button.nivo-prevNav::before, body .owl-carousel .nivo-controlNav button.nivo-prevNav::before, body .nivoSlider .nivo-controlNav button.nivo-prevNav::before, body .owl-carousel .owl-nav a.nivo-prevNav::before, body .nivoSlider .owl-nav a.nivo-prevNav::before, body .owl-carousel .nivo-controlNav a.nivo-prevNav::before, body .nivoSlider .nivo-controlNav a.nivo-prevNav::before, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev::before, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev::before, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev::before, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-prev::before, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav::before, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav::before, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav::before, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-prevNav::before, body .owl-carousel .owl-nav .action-gift.owl-prev::before, body .nivoSlider .owl-nav .action-gift.owl-prev::before, body .owl-carousel .nivo-controlNav .action-gift.owl-prev::before, body .nivoSlider .nivo-controlNav .action-gift.owl-prev::before, body .owl-carousel .owl-nav .action-gift.nivo-prevNav::before, body .nivoSlider .owl-nav .action-gift.nivo-prevNav::before, body .owl-carousel .nivo-controlNav .action-gift.nivo-prevNav::before, body .nivoSlider .nivo-controlNav .action-gift.nivo-prevNav::before{
    font-family: 'Font Awesome 5 Free';
    content:'\f053';
    font-weight: 900;
}
body .owl-carousel .owl-nav button.owl-next::before, body .nivoSlider .owl-nav button.owl-next::before, body .owl-carousel .nivo-controlNav button.owl-next::before, body .nivoSlider .nivo-controlNav button.owl-next::before, body .owl-carousel .owl-nav a.owl-next::before, body .nivoSlider .owl-nav a.owl-next::before, body .owl-carousel .nivo-controlNav a.owl-next::before, body .nivoSlider .nivo-controlNav a.owl-next::before, body .owl-carousel .owl-nav button.nivo-nextNav::before, body .nivoSlider .owl-nav button.nivo-nextNav::before, body .owl-carousel .nivo-controlNav button.nivo-nextNav::before, body .nivoSlider .nivo-controlNav button.nivo-nextNav::before, body .owl-carousel .owl-nav a.nivo-nextNav::before, body .nivoSlider .owl-nav a.nivo-nextNav::before, body .owl-carousel .nivo-controlNav a.nivo-nextNav::before, body .nivoSlider .nivo-controlNav a.nivo-nextNav::before, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next::before, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next::before, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next::before, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.owl-next::before, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav::before, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav::before, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav::before, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action.nivo-nextNav::before, body .owl-carousel .owl-nav .action-gift.owl-next::before, body .nivoSlider .owl-nav .action-gift.owl-next::before, body .owl-carousel .nivo-controlNav .action-gift.owl-next::before, body .nivoSlider .nivo-controlNav .action-gift.owl-next::before, body .owl-carousel .owl-nav .action-gift.nivo-nextNav::before, body .nivoSlider .owl-nav .action-gift.nivo-nextNav::before, body .owl-carousel .nivo-controlNav .action-gift.nivo-nextNav::before, body .nivoSlider .nivo-controlNav .action-gift.nivo-nextNav::before{
    font-family: 'Font Awesome 5 Free';
    content:'\f054';
    font-weight: 900;
}*/

body .owl-carousel .owl-nav button:hover::before, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover::before, body .owl-carousel .owl-nav .action-gift:hover::before {
    color: #222222;
}

body .owl-carousel .owl-nav button:hover, body .nivoSlider .owl-nav button:hover, body .owl-carousel .nivo-controlNav button:hover, body .nivoSlider .nivo-controlNav button:hover, body .owl-carousel .owl-nav a:hover, body .nivoSlider .owl-nav a:hover, body .owl-carousel .nivo-controlNav a:hover, body .nivoSlider .nivo-controlNav a:hover, body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover, body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover, body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:hover, body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:hover, body .owl-carousel .owl-nav .action-gift:hover, body .nivoSlider .owl-nav .action-gift:hover, body .owl-carousel .nivo-controlNav .action-gift:hover, body .nivoSlider .nivo-controlNav .action-gift:hover {
    background: transparent !important;
}


.section.how-it-work .owl-carousel .owl-item{height:100%;}

.ui-autocomplete-loading {
    background: url('../img/loader.gif') no-repeat no-repeat right center;
    background-size: contain;
}

.interax-form-content .form-container {
    max-width: 1200px;
    margin: 75px auto;
}

.interax-form-content .search-tabs {
    margin-bottom: 1.25rem;
    flex-wrap: nowrap;
}

.interax-form-content .nav-link {
    padding: 15px !important;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
    border: 0;
}

.nav-link.active::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 8px);
    bottom: -1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #aab3c1;
}

.nav-link.active::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -1px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
}

.drug-search-box {
    background: #282c34;
    padding: 2rem 3rem;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.interax-header {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.interax-form-content .select-search-field {
    padding: 10px 25px;
    margin-top: 0;
    font-weight: lighter;
    background-color: #fff;
}

.interax-form-content .hint {
    font-style: italic;
    margin-top: 10px;
}

.interax-form-content .search-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: -.5rem;
    margin-top: 30px;
}

.interax-form-content .search-actions button[type="submit"] {
    max-width: 450px;
    min-width: 50%;
    flex: 1 1 auto;
    border-radius: 999px;
    color: #fff;
    background: var(--main-primary-color);
    border-color: var(--main-primary-color);
}

.interax-form-content .search-actions button[type="submit"]:disabled {
    opacity: 0.5
}

.interax-form-content .search-actions .right-buttons {
    width: 50%;
}

.interax-form-content .search-actions .btn-sm {
    text-transform: uppercase;
    color: var(--main-primary-color);
    font-weight: 700;
    padding: 15px 60px;
    border: 1px solid var(--main-primary-color);
    margin: 10px;
    border-radius: 999px;
}

#disclaimer {
    margin-top: 30px;
    color: #ea6771;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    margin-bottom: .5rem;
    padding: 1rem;
    border: 2px solid #ea6771;
    border-radius: 1rem;
}

.btn.selected_drug {
    background-color: #f7f7f7;
    color: #282c34;
    border-color: #cecece;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: .75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    padding: .5rem 1rem;
    cursor: default;
    margin-top: 20px;
}

.remove_selected_drug {
    margin: 5px 10px;
    color: #ea6771;
}

.remove_selected_drug:hover {
    cursor: pointer;
}

.ui-autocomplete {
    background: #fff;
    z-index: 10;
    color: var(--main-primary-color);
    max-width: 800px;
    max-height: 200px;
    overflow: scroll;
    list-style-type: none;
}

.ui-autocomplete .ui-menu-item {
    padding: 5px 10px;
}

#interactions_results {
    padding: 50px 0;
}

.interactions-box {
    background: var(--main-primary-color);
    color: #fff;
    border-radius: 10px;
    margin: 30px 0;
    padding: 15px;
}

.interactions-box h5 a {
    color: #fff;
}

.interactions-box h5 a:hover {
    color: #fff;
    text-decoration: underline;
}

.interactions-box .interactions-row {
    display: block;
}

.interactions-box .interactions-col {
    display: inline-block;
    padding: 10px 30px;
}

.banner {
    margin-top: -4rem
}

.banner .banner-img_background {
    min-height: 650px;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat no-repeat;
}

.banner .banner-img_background_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(102, 51, 153, 0.6);
}

.banner .content_background.center {
    text-align: center;
    position: absolute;
    top: 1.5rem;
    bottom: 1.5rem;
    right: 1.5rem;
    left: 1.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    z-index: 2
}

.banner .content_background.center h2 {
    font-size: 48px;
    color: #fff;
}

.banner .content_background.center h4 {
    color: #fff;
}

.banner .content_background.center p {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .banner .content_background.center h2 {
        font-size: 38px
    }
}

.banner .content_background.center p {
    margin: 20px 0;
    line-height: 2
}

@media only screen and (max-width: 767px) {
    .banner .content_background.center p br {
        display: none
    }
}

.banner .content_background.center a {
    margin-top: 5rem;
    border-color: #fff;
    font-size: 1.2rem
}


.product-tab-6 .show-product-mode-grid .product-item .product-item-info,
.product-tab-6 .products-grid .product-item .product-item-info,
.product-tab-6 .grid .product-item .product-item-info {
    padding: 0 0 1.5rem
}

.product-tab-6 .row .image-2 {
    margin-top: -13rem;
    line-height: 0
}


/** Modals */
.modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .wrapper-success .product-information .ajaxsuite-buttons button:not(#button_continue_shopping), .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .wrapper-success .product-information .ajaxsuite-buttons .cart.table-wrapper .actions-toolbar > .action:not(#button_continue_shopping), .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .wrapper-success .product-information .ajaxsuite-buttons .action-gift:not(#button_continue_shopping) {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #222222 50%) no-repeat scroll right bottom / 100% 210% #222222 !important;
}

.modals-wrapper .modal-header .action-close:hover {
    background: var(--main-primary-color) !important;
}

.pupup-suc-added-ajax-cart-price, .pupup-suc-added-ajax-cart-qty {
    display: block;
}

.ajaxsuite-buttons button {
    margin-top: 20px;
}

.ajaxsuite-buttons button:hover {
    background: var(--main-primary-color) !important;
}

@media only screen and (max-width: 991px) {
    .modals-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .ajaxsuite-buttons #button_continue_shopping {
        display: block;
    }

    .catalog-product-view .product-main-content {
        padding-top: 20px;
    }
    .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover{
        color: var(--main-primary-color);
    }
}


@media only screen and (max-width: 1199px) {
    .product-tab-6 .row .image-2 {
        margin-top: -8%
    }
}

@media only screen and (max-width: 768px) {
    .product-tab-6 .row .image-2 {
        margin-top: 0;
        margin-bottom: 10px
    }
}

.product-tab-6 .row .image-2 img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    width: 100%
}

.product-tab-6 .row .image-2 .overflow {
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .product-tab-6 .row .image-2 .overflow .banner .col-banner .content {
        position: absolute;
        bottom: 2rem;
        left: 2rem
    }
}

.product-tab-6 .row .image-2:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.product-tab-6 .row .image-1 {
    margin-bottom: 3rem;
    line-height: 0
}

@media only screen and (max-width: 768px) {
    .product-tab-6 .row .image-1 {
        margin-bottom: 10px
    }
}

.product-tab-6 .row .image-1 img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    width: 100%
}

.product-tab-6 .row .image-1 .overflow {
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .product-tab-6 .row .image-1 .overflow .banner .col-banner .content {
        position: absolute;
        bottom: 2rem;
        left: 2rem
    }
}

.product-tab-6 .row .image-1:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.product-tab-6 .row .rokan-title {
    margin: 0
}

.product-tab-6 .row .products {
    margin: 0
}

.product-tab-6 .row .products .products {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .product-tab-6 .row.flex-mobile {
        flex-direction: column-reverse
    }
}

.product-tab-6 .row .section {
    margin-bottom: 7rem
}

.product-tab-6 .banner .content h4 {
    line-height: 24px
}

.product-tab-6 .banner .content a.btn {
    text-transform: capitalize;
    border: none;
    padding: 0;
    background: 0 0;
    color: #222;
    font-weight: 400;
    font-size: 12px
}

.product-tab-6 .banner .content a.btn:hover {
    color: #bc8246
}

body .owl-carousel .owl-nav button:hover,
body .nivoSlider .owl-nav button:hover,
body .owl-carousel .nivo-controlNav button:hover,
body .nivoSlider .nivo-controlNav button:hover,
body .owl-carousel .owl-nav a:hover,
body .nivoSlider .owl-nav a:hover,
body .owl-carousel .nivo-controlNav a:hover,
body .nivoSlider .nivo-controlNav a:hover,
body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover,
body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover,
body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:hover,
body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:hover,
body .owl-carousel .owl-nav .action-gift:hover,
body .nivoSlider .owl-nav .action-gift:hover,
body .owl-carousel .nivo-controlNav .action-gift:hover,
body .nivoSlider .nivo-controlNav .action-gift:hover {
    background: var(--main-primary-color);
}

button.action-login:hover {
    color: #fff;
}

.wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control.active {
    width: 14px;
    height: 14px;
    background: transparent;
    border: 2px solid var(--main-primary-color);
}


.sidebar .filter-options .filter-options-content .item > a:focus:before {
    background: var(--main-primary-color);
}

.wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control {
    border-color: var(--main-primary-color);
    background-color: transparent;
}

.wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control.active, .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control:hover {
    background-color: var(--main-primary-color);
}

.product-items .product-addto-links .action:hover:before,
.products.list.items .product-addto-links .action:hover:before,
.table-comparison .product-addto-links .action:hover:before,
#checkout .product-addto-links .action:hover:before,
.product-items .product-item .action:hover:before,
.products.list.items .product-item .action:hover:before,
.table-comparison .product-item .action:hover:before,
#checkout .product-item .action:hover:before,
.product-items .minicart-wrapper .action:hover:before,
.products.list.items .minicart-wrapper .action:hover:before,
.table-comparison .minicart-wrapper .action:hover:before,
#checkout .minicart-wrapper .action:hover:before {
    color: var(--main-primary-color);
}

.products-grid .product-items .product-item-info .actions-primary:hover .action.tocart,
.products-grid .product-items .product-item-info .field.choice.related:hover .action.tocart,
.products-grid .product-items .product-item-info .actions-primary:hover label,
.products-grid .product-items .product-item-info .field.choice.related:hover label {
    color: var(--main-primary-color);
}

.products-grid .product-items .product-item-info .actions-primary:hover .action.tocart:before,
.products-grid .product-items .product-item-info .field.choice.related:hover .action.tocart:before,
.products-grid .product-items .product-item-info .actions-primary:hover label:before,
.products-grid .product-items .product-item-info .field.choice.related:hover label:before {
    color: var(--main-primary-color);
}

.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.tocart,
.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.tocompare,
.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.towishlist {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
    border: 2px solid #e1e1e1;
}

.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.tocart:hover,
.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.tocompare:hover,
.products.wrapper.list .products.list.items.product-items:not(.owl-carousel) .product-item-actions .action.towishlist:hover {
    background-position: right top;
    border-color: var(--main-primary-color);
}

.product-info-main .box-tocart .action.tocart {
    color: #ffffff !important;
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #222222 50%) no-repeat scroll right bottom / 100% 210% #222222;
}

.product-info-main .box-tocart .action.tocart:hover {
    background-position: right top;
    border-color: var(--main-primary-color);
}

.product-info-main .product-options-wrapper .swatch-opt .swatch-attribute.sizes .text.selected {
    color: var(--main-primary-color);
}

.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text .container a.btn {
    border-color: #ffffff;
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, transparent 50%) no-repeat scroll right bottom / 100% 210% transparent;
}

.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text .container a.btn.primary-button {
    border-color: var(--main-primary-color);
    background: var(--main-primary-color);
}

.toolbar-products select {
    padding: 0 10px;
}

button,
a.btn,
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

button:hover,
a.btn:hover,
.cart.table-wrapper .actions-toolbar > .action:hover,
.action-gift:hover {
    border-color: var(--main-primary-color) !important;
}

.btn:hover,
.block-cart-failed .action.continue:hover,
.cart-container .form-cart .action.continue:hover {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

.product-item .product-label.newlabel {
    background: var(--main-primary-color);
    right: -15px;
}


.product-item .product-label.newlabel:after {
    border-color: var(--main-primary-color) transparent transparent var(--main-primary-color);
}

.product-item .product-label.newlabel:before {
    border-color: transparent transparent var(--main-primary-color) var(--main-primary-color);
}

.wrapper_category_product_tabs.container_horizontal_tab_postions .ui-tabs-nav li.ui-tabs-active a,
.wrapper_category_product_tabs.container_horizontal_tab_postions .ui-tabs-nav li:hover a {
    color: var(--main-primary-color);
}

.wrapper_category_product_tabs.container_horizontal_tab_postions .ui-tabs-nav li.ui-tabs-active a:after,
.wrapper_category_product_tabs.container_horizontal_tab_postions .ui-tabs-nav li:hover a:after {
    color: var(--main-primary-color);
}

.checkout-container{
    padding-top:50px;
}
.checkout-shipping-method{
    margin-left:15px;
    margin-right:15px;
}
.checkout-payment-method .payment-option-title .action-toggle {
    color: var(--main-primary-color);
}

#shipping-new-address-form.fieldset.address {
    margin-left: -15px;
    margin-right: -15px;
}

#shipping-new-address-form.fieldset.address > div, #shipping-new-address-form.fieldset.address > fieldset {
    display: inline-block;
    width: 50%;
    padding: 0 15px;
}
@media all and (max-width: 768px) {
    #shipping-new-address-form.fieldset.address > div, #shipping-new-address-form.fieldset.address > fieldset{
        width: 100%;
    }
}

.action.primary.tocart:hover,
.action-primary.tocart:hover {
    color: var(--main-primary-color) !important;
}

.action.primary, .action-primary {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

.action.primary:hover, .action-primary:hover {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

.cart-container .cart.actions a, .cart-container .cart.actions button, .cart-container .cart.actions .cart.table-wrapper .actions-toolbar > .action, .cart-container .cart.actions .action-gift {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.opc-progress-bar-item._active > span::before {
    background: var(--main-primary-color);
}

.opc-progress-bar-item._active::before {
    background: var(--main-primary-color);
}

.opc-wrapper .step-content {
    margin: 0;
}

.opc-block-summary .minicart-items-wrapper {
    padding: 0;
}

.column.main .opc-block-summary .product-item {
    padding: 10px;
}

.cart-summary .actions-toolbar > .primary button,
.cart-summary .form.giftregistry .fieldset .action.primary,
.paypal-review .block .actions-toolbar .action.primary,
.block-compare .action.compare,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action,
.cart-summary .actions-toolbar > .primary .action-gift {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
    border: 2px solid #323232;
    color: #333333;
}
.abs-revert-secondary-color:focus,
.abs-revert-secondary-color:active,
.cart-summary .actions-toolbar > .primary button:focus,
.cart-summary .actions-toolbar > .primary button:active,
.cart-summary .form.giftregistry .fieldset .action.primary:focus,
.cart-summary .form.giftregistry .fieldset .action.primary:active,
.paypal-review .block .actions-toolbar .action.primary:focus,
.paypal-review .block .actions-toolbar .action.primary:active,
.block-compare .action.compare:focus,
.block-compare .action.compare:active,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active,
.cart-summary .actions-toolbar > .primary .action-gift:focus,
.cart-summary .actions-toolbar > .primary .action-gift:active {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
    border: 2px solid #323232;
    color: #333333;
}
.abs-revert-secondary-color:hover,
.cart-summary .actions-toolbar > .primary button:hover,
.cart-summary .form.giftregistry .fieldset .action.primary:hover,
.paypal-review .block .actions-toolbar .action.primary:hover,
.block-compare .action.compare:hover,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover,
.cart-summary .actions-toolbar > .primary .action-gift:hover {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
    border: 2px solid #333333;
    color: #ffffff;
}

.opc-wrapper .shipping-address-item.selected-item{
    border-color:var(--main-primary-color);
}
.opc-wrapper .shipping-address-item.selected-item::after{
    background: var(--main-primary-color);
}

.abs-action-remove,
.cart.table-wrapper .action.help.map,
.opc-wrapper .edit-address-link,
.opc-block-shipping-information .shipping-information-title .action-edit,
.action-auth-toggle,
.checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-agreements-block .action-show,
.cart-summary .block.giftcard .action.check,
.gift-options .actions-toolbar .action-cancel,
.table-comparison .wishlist.split.button > .action,
.product-items .wishlist.split.button > .action,
.paypal-button-widget .paypal-button,
.abs-add-fields .action.remove,
.form-giftregistry-share .action.remove,
.form-giftregistry-edit .action.remove,
.form-add-invitations .action.remove,
.form-create-return .action.remove,
.form.send.friend .action.remove {
    color: var(--main-primary-color);
}
.abs-action-button-as-link:visited,
.abs-action-remove:visited,
.cart.table-wrapper .action.help.map:visited,
.opc-wrapper .edit-address-link:visited,
.opc-block-shipping-information .shipping-information-title .action-edit:visited,
.action-auth-toggle:visited,
.checkout-payment-method .checkout-billing-address .action-cancel:visited,
.checkout-agreements-block .action-show:visited,
.cart-summary .block.giftcard .action.check:visited,
.gift-options .actions-toolbar .action-cancel:visited,
.table-comparison .wishlist.split.button > .action:visited,
.product-items .wishlist.split.button > .action:visited,
.paypal-button-widget .paypal-button:visited,
.abs-add-fields .action.remove:visited,
.form-giftregistry-share .action.remove:visited,
.form-giftregistry-edit .action.remove:visited,
.form-add-invitations .action.remove:visited,
.form-create-return .action.remove:visited,
.form.send.friend .action.remove:visited {
    color: var(--main-primary-color);
}
.abs-action-button-as-link:hover,
.abs-action-remove:hover,
.cart.table-wrapper .action.help.map:hover,
.opc-wrapper .edit-address-link:hover,
.opc-block-shipping-information .shipping-information-title .action-edit:hover,
.action-auth-toggle:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-agreements-block .action-show:hover,
.cart-summary .block.giftcard .action.check:hover,
.gift-options .actions-toolbar .action-cancel:hover,
.table-comparison .wishlist.split.button > .action:hover,
.product-items .wishlist.split.button > .action:hover,
.paypal-button-widget .paypal-button:hover,
.abs-add-fields .action.remove:hover,
.form-giftregistry-share .action.remove:hover,
.form-giftregistry-edit .action.remove:hover,
.form-add-invitations .action.remove:hover,
.form-create-return .action.remove:hover,
.form.send.friend .action.remove:hover {
    color: var(--main-primary-color);
}
.abs-action-button-as-link:active,
.abs-action-remove:active,
.cart.table-wrapper .action.help.map:active,
.opc-wrapper .edit-address-link:active,
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.action-auth-toggle:active,
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-agreements-block .action-show:active,
.cart-summary .block.giftcard .action.check:active,
.gift-options .actions-toolbar .action-cancel:active,
.table-comparison .wishlist.split.button > .action:active,
.product-items .wishlist.split.button > .action:active,
.paypal-button-widget .paypal-button:active,
.abs-add-fields .action.remove:active,
.form-giftregistry-share .action.remove:active,
.form-giftregistry-edit .action.remove:active,
.form-add-invitations .action.remove:active,
.form-create-return .action.remove:active,
.form.send.friend .action.remove:active {
    color: var(--main-primary-color);
}

.abs-action-button-as-link.disabled,
.abs-action-button-as-link[disabled],
fieldset[disabled] .abs-action-button-as-link,
.abs-action-remove.disabled,
.abs-action-remove[disabled],
fieldset[disabled] .abs-action-remove,
.cart.table-wrapper .action.help.map.disabled,
.cart.table-wrapper .action.help.map[disabled],
fieldset[disabled] .cart.table-wrapper .action.help.map,
.opc-wrapper .edit-address-link.disabled,
.opc-wrapper .edit-address-link[disabled],
fieldset[disabled] .opc-wrapper .edit-address-link,
.opc-block-shipping-information .shipping-information-title .action-edit.disabled,
.opc-block-shipping-information .shipping-information-title .action-edit[disabled],
fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit,
.action-auth-toggle.disabled,
.action-auth-toggle[disabled],
fieldset[disabled] .action-auth-toggle,
.checkout-payment-method .checkout-billing-address .action-cancel.disabled,
.checkout-payment-method .checkout-billing-address .action-cancel[disabled],
fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-agreements-block .action-show.disabled,
.checkout-agreements-block .action-show[disabled],
fieldset[disabled] .checkout-agreements-block .action-show,
.cart-summary .block.giftcard .action.check.disabled,
.cart-summary .block.giftcard .action.check[disabled],
fieldset[disabled] .cart-summary .block.giftcard .action.check,
.gift-options .actions-toolbar .action-cancel.disabled,
.gift-options .actions-toolbar .action-cancel[disabled],
fieldset[disabled] .gift-options .actions-toolbar .action-cancel,
.table-comparison .wishlist.split.button > .action.disabled,
.table-comparison .wishlist.split.button > .action[disabled],
fieldset[disabled] .table-comparison .wishlist.split.button > .action,
.product-items .wishlist.split.button > .action.disabled,
.product-items .wishlist.split.button > .action[disabled],
fieldset[disabled] .product-items .wishlist.split.button > .action,
.paypal-button-widget .paypal-button.disabled,
.paypal-button-widget .paypal-button[disabled],
fieldset[disabled] .paypal-button-widget .paypal-button,
.abs-add-fields .action.remove.disabled,
.abs-add-fields .action.remove[disabled],
fieldset[disabled] .abs-add-fields .action.remove,
.form-giftregistry-share .action.remove.disabled,
.form-giftregistry-share .action.remove[disabled],
fieldset[disabled] .form-giftregistry-share .action.remove,
.form-giftregistry-edit .action.remove.disabled,
.form-giftregistry-edit .action.remove[disabled],
fieldset[disabled] .form-giftregistry-edit .action.remove,
.form-add-invitations .action.remove.disabled,
.form-add-invitations .action.remove[disabled],
fieldset[disabled] .form-add-invitations .action.remove,
.form-create-return .action.remove.disabled,
.form-create-return .action.remove[disabled],
fieldset[disabled] .form-create-return .action.remove,
.form.send.friend .action.remove.disabled,
.form.send.friend .action.remove[disabled],
fieldset[disabled] .form.send.friend .action.remove {
    color: var(--main-primary-color);
}
@media all and (min-width: 768px) {
    .page-main .authentication-wrapper button,
    .page-main .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action,
    .page-main .authentication-wrapper .action-gift {
        background-image: none;
        background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
        border: 2px solid #323232;
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-family: Rubik, sans-serif;
        font-weight: 500;
        margin: 0;
        padding: 15px 60px;
        font-size: 1.4rem;
        line-height: 1.6rem;
        box-sizing: border-box;
        vertical-align: middle;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        border-radius: 0;
    }
    .page-main .authentication-wrapper button:focus,
    .page-main .authentication-wrapper button:active,
    .page-main .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action:focus,
    .page-main .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action:active,
    .page-main .authentication-wrapper .action-gift:focus,
    .page-main .authentication-wrapper .action-gift:active {
        background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
        border: 2px solid #323232;
        color: #333333;
    }
    .page-main .authentication-wrapper button:hover,
    .page-main .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action:hover,
    .page-main .authentication-wrapper .action-gift:hover {
        background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
        border: 2px solid #333333;
        color: #ffffff;
    }
}
.products-grid .product-items .product-item .actions-primary {
    background-color: transparent !important;
}

.footer-newselter .block-newsletter-form .block.newsletter .content .actions button,
.footer-newselter .block-newsletter-form .block.newsletter .content .actions .cart.table-wrapper .actions-toolbar > .action,
.footer-newselter .block-newsletter-form .block.newsletter .content .actions .action-gift {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

.footer-newselter {
    background: var(--main-primary-color);
}

.footer-newselter h3, .footer-newselter p {
    color: #fff !important;
}

.footer-newselter input {
    background: transparent !important;
}


.footer-newselter input::placeholder {
    color: #fff;
}
.footer-newselter .block-newsletter-form .block.newsletter .content .control input{
    color:#fff;
}
.footer-newselter button:hover {
    border-color: #fff !important;
}

footer .footer-top,.catalog-product-view .product-main-content .product-info-main{
    background:url("../img/violapharm_footer_bg_white.png") no-repeat no-repeat center right;
    background-size: cover;
    padding-bottom:7em;
}
.page-footer .footer-bottom{
    margin-top:0;
}

body .owl-carousel .owl-nav button:before,
body .nivoSlider .owl-nav button:before,
body .owl-carousel .nivo-controlNav button:before,
body .nivoSlider .nivo-controlNav button:before,
body .owl-carousel .owl-nav a:before,
body .nivoSlider .owl-nav a:before,
body .owl-carousel .nivo-controlNav a:before,
body .nivoSlider .nivo-controlNav a:before,
body .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:before,
body .nivoSlider .owl-nav .cart.table-wrapper .actions-toolbar > .action:before,
body .owl-carousel .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:before,
body .nivoSlider .nivo-controlNav .cart.table-wrapper .actions-toolbar > .action:before,
body .owl-carousel .owl-nav .action-gift:before,
body .nivoSlider .owl-nav .action-gift:before,
body .owl-carousel .nivo-controlNav .action-gift:before,
body .nivoSlider .nivo-controlNav .action-gift:before {
    color: var(--main-primary-color);
}


/* Locator */
.store-locator-wrapper {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff
}

#locator_filter {
    margin-top: 50px;
}

#locator_filter .column_left .center #store_list .list .all_today_time > div,#locator_filter-store .column_left .center #store_list .list .all_today_time > div{
    text-transform: none;
}

#locator_filter .weekday_name,#locator_filter-store .weekday_name {
    text-transform: capitalize;
    font-weight: bold;
}

#locator_filter .column_left .center #store_list .list .all_today_time .active,#locator_filter-store .column_left .center #store_list .list .all_today_time .active{
    color: var(--main-primary-color);
}

#locator_filter .column_left .center #store_list .list .today_time,#locator_filter-store .column_left #store_list_view .today_time, #locator_filter .column_left .center #store_list .list .all_today_time,#locator_filter-store .column_left #store_list_view .all_today_time{
    background: #bda0dd;
    color: #fff;
}

#locator_filter.grid-locator-view img, #locator_filter-store img{
    max-height: 250px;
}

#locator_filter.grid-locator-view .view-detail a, #locator_filter-store  .view-detail a{
    color: var(--main-primary-color);
    text-decoration: underline;
}
#locator_filter-store .column_left #store_list_view .map-directions a:hover,#locator_filter-store  .column_left #store_list_view .map-directions a:hover{
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff !important;
}
#locator_filter-store .column_left #store_list_view .all_today_time > div{
    text-transform: unset;
}

@media (min-width: 768px) {
    .page-main .authentication-wrapper button:hover, .page-main .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action:hover, .page-main .authentication-wrapper .action-gift:hover {
        background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff
    }
}


/* Login */
@media (min-width: 992px), print {
    .login-container .block.block-new-customer .block-content .actions-toolbar .primary a:hover {
        background-position: right top !important;
        border-color: var(--main-primary-color);
    }

    .login-container .block.block-customer-login::before {
        content: 'ili';
    }
}

/* Customer */
.customer-account-create .form-create-account .actions-toolbar > div button:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div button:hover, .customer-account-create .forget .actions-toolbar > div button:hover, .customer-account-forgotpassword .forget .actions-toolbar > div button:hover, .customer-account-create .form-create-account .actions-toolbar > div .action:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action:hover, .customer-account-create .forget .actions-toolbar > div .action:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .action:hover, .customer-account-create .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-create .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-create .form-create-account .actions-toolbar > div .action-gift:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action-gift:hover, .customer-account-create .forget .actions-toolbar > div .action-gift:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .action-gift:hover {
    border-color: var(--main-primary-color);
}

.customer-account-create .form-create-account .actions-toolbar > div button, .customer-account-forgotpassword .form-create-account .actions-toolbar > div button, .customer-account-create .forget .actions-toolbar > div button, .customer-account-forgotpassword .forget .actions-toolbar > div button, .customer-account-create .form-create-account .actions-toolbar > div .action, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action, .customer-account-create .forget .actions-toolbar > div .action, .customer-account-forgotpassword .forget .actions-toolbar > div .action, .customer-account-create .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action, .customer-account-create .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action, .customer-account-forgotpassword .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action, .customer-account-create .form-create-account .actions-toolbar > div .action-gift, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action-gift, .customer-account-create .forget .actions-toolbar > div .action-gift, .customer-account-forgotpassword .forget .actions-toolbar > div .action-gift {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

.customer-account-create .form-create-account .actions-toolbar > div button:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div button:hover, .customer-account-create .forget .actions-toolbar > div button:hover, .customer-account-forgotpassword .forget .actions-toolbar > div button:hover, .customer-account-create .form-create-account .actions-toolbar > div .action:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action:hover, .customer-account-create .forget .actions-toolbar > div .action:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .action:hover, .customer-account-create .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-create .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .cart.table-wrapper .actions-toolbar > .action:hover, .customer-account-create .form-create-account .actions-toolbar > div .action-gift:hover, .customer-account-forgotpassword .form-create-account .actions-toolbar > div .action-gift:hover, .customer-account-create .forget .actions-toolbar > div .action-gift:hover, .customer-account-forgotpassword .forget .actions-toolbar > div .action-gift:hover {
    background: linear-gradient(to bottom, var(--main-primary-color) 50%, #ffffff 50%) no-repeat scroll right bottom / 100% 210% #ffffff;
}

body.customer-account-index main {
    padding: 50px 0;
}


/* rokanthemesbrand */
.rokanthemesbrand-brand-view #maincontent{padding-top:100px;}

.wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-prevNav, .wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-nextNav{
    background: transparent;
}
.wrapper-the-blue-sky-slider .nivo-directionNav a::before{
    font-size: 144px;
    color:#fff;
}
.wrapper-the-blue-sky-slider .nivo-directionNav a:hover::before{
    color:#fff;
}

@media (max-width: 768px) {
    .wrapper-the-blue-sky-slider .nivo-directionNav a::before{
        font-size: 80px;
    }
}