@font-face {
    font-family: 'Raleway-Bold';
    src: url("../fonts/Raleway-Bold.ttf");
}

@font-face {
    font-family: 'AvenirLTProBook';
    src: url("../fonts/AvenirLTProBook.otf");
}

@font-face {
    font-family: 'AvenirLTProHeavy';
    src: url("../fonts/AvenirLTProHeavy.otf");
}

@font-face {
    font-family: 'AvenirLTProRoman';
    src: url("../fonts/AvenirLTProRoman.otf");
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url("../fonts/Raleway-Medium.ttf");
}

/* Colors var declaration */
:root {
    --commerce-gray: #5b5b5b;
    --commerce-gray-middle: #eaeaea;
    --commerce-red-light: #ff4d4d;
    --commerce-red-dark: #c63030;
    --commerce-pink-light: #ff9999;
    --commerce-pink-light-rgba: rgba(255, 153, 153, .8);
    --commerce-purple-light: #bebeff;
    --commerce-purple-light-rgba-20: rgba(190, 190, 255, .2);
    --commerce-purple-light-rgba-10: rgba(190, 190, 255, .1);
    --commerce-filter-bg: #eaeaea;
    --commerce-black: #202427;
    --kt-app-bg-color: #f5f8fa;
    --commerce-del: #5c5c5c;
    --commerce-separator: #ccc;
    --commerce-text-gray-button: #5f5b5c;
}

/* >> Begin:: Full Screen Loading */
.loading-overlay {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex;
    display: -webkit-flex;
}

.loading-overlay img {
    width: 150px;
    animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


/* >> End:: Full Screen Loading */

.font-raleway-bold {
    font-family: Raleway-Bold, sans-serif !important;
}

.font-avenir-pro-book {
    font-family: AvenirLTProBook, sans-serif !important;
}

.mb_20 {
   margin-bottom: 20px !important;
}

.custom_title_home {
    color: var(--commerce-red-light) !important;
    font-size: 40px !important;
    font-family: Raleway-Bold, sans-serif;
}

.custom_subtitle_home {
    color: var(--commerce-gray) !important;
    font-weight: 400 !important;
    font-family: AvenirLTProRoman, sans-serif;
    font-size: 22px;
}

.world_title_home {
    color: var(--commerce-red-light) !important;
    font-size: 25px !important;
}

.world_title_home:before {
    background: transparent !important;
}

.h-80 {
     height: 80px;
 }

.fs-30 {
    font-size: 30px !important;
}

.show_more_btn {
    background: var(--commerce-red-light) !important;
}

.show_more_btn:before {
    background: var(--commerce-pink-light-rgba) !important;
}

.show_more_btn:hover {
    color: #ffffff !important;
}

.blog_body_custom {
    font-weight: 600;
    font-size: 18px !important;
}

.blog_title_custom {
    color: var(--commerce-red-light) !important;
}

.modern_footer {
    color: #ffffff;
    padding: 0px 100px;
    background-color: var(--commerce-black);
    font-family: "Oswald", sans-serif;
}

.modern_newsletter input::placeholder {
    font-family: AvenirLTProBook, sans-serif;
    text-transform: initial;
}

#products-section {
    display: none;
}

.item_content-product_home {
    background: rgba(190, 190, 255, 0.8);
}

.item_content-product_home > .item_title > a, .item_content-product_home > .item_title > a:hover {
    color: #5b5b5b;
}

/* Mobile menu bar button */
.modern_mobilemenu_btn {
    background-color: var(--commerce-red-light);
    border-radius: 50%;
}

.modern_mobilemenu_btn > i {
    margin: 0.25rem !important;
}

.footer_title_custom {
    font-family: Raleway-Bold, sans-serif !important;
    color: var(--commerce-red-light) !important;
}

.quickview_modal .item_image {
    width: 50% !important;
}

/* Slider progress bar */
.slick-progress span {
    background-color: var(--commerce-pink-light-rgba);
}

/* Scroll top */
.backtotop {
    background-color: var(--commerce-red-light) !important;
}

.backtotop:hover {
    background-color: var(--commerce-red-dark) !important;
}

/* Shopping bag button */
.shopping-bag-button {
    position: fixed;
    bottom: 50%;
    right: 18px;
    z-index: 99;
    background-color: var(--commerce-purple-light);
    border-radius: 50px;
    text-decoration: none;
    width: 60px;
    height: 60px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: shadow-pulse 5s infinite;
}

.shopping-bag-button > img {
    height: 50px;
}

.most-selle-bg {
    background-color: var(--commerce-red-light);
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px var(--commerce-purple-light-rgba-10);
    }
    20% {
        box-shadow: 0 0 0 10px var(--commerce-purple-light-rgba-20);
    }
    25% {
        box-shadow: 0 0 0 10px transparent;
    }
    100% {
        box-shadow: 0 0 0 0px transparent;
    }
}

@keyframes lwp-animation {
    20%, 100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    0%, 10%{
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5%{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}

/* Sidebar menu section */
.search_product_submit_button {
    background-color: transparent !important;
}

.search_product_submit_button > i {
    font-size: 30px;
    color: var(--commerce-red-light);
}

.input_product_search {
    border-bottom: 1px solid var(--commerce-red-light) !important;
}

.commerce_menu > .ul_li_block > li > a {
    color: var(--commerce-red-light) !important;
}

.custom_plus_button {
    border-radius: 50%;
    height: 30px !important;
    /*background-color: var(--commerce-red-light) !important;*/
    margin-top: -10px;
    margin-right: -10px;

    background-color: #fff !important;
    background: url('../images/storefront/icons/plus_filter_add.png');
    background-repeat: no-repeat;
    background-size: 30px;
    border-color: var(--commerce-red-light) 1px solid !important;
    padding: 0px 15px !important;
}

.custom_plus_button_selected {
    background-color: #fff !important;
    background: url('../images/storefront/icons/plus_filter_remove.png');
    background-repeat: no-repeat;
    background-size: 30px;
    border-color: var(--commerce-purple-light) !important;
    padding: 0px 15px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

::selection {
    background-color: var(--commerce-pink-light);
}

.product_sidebar_mini_title {
    padding: 0 !important;
    background-color: rgba(190, 190, 255, 0.8);
}

.product_sidebar_mini_title > h3 {
     color: #5b5b5b !important;
}

.store-icon {
    /*border:1px dashed #B7B8BD;*/
    max-width: 400px;
    overflow: hidden;
    margin: 0 auto 10px auto;
    /* -- Prevent flicker -- */
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.store-icon img {
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.store-icon img:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

.sidebar-results-sticky-container {
    display: none;
    position: sticky;
    top: 99%;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 9999;
    margin-top: -24px;
    text-align: center;
}

.sidebar-results-sticky-container > a {
    width: 100%;
}

.filter-sticky-container {
    display: block;
    position: sticky;
    top: 99%;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 9999;
    margin-top: -24px;
    text-align: center;
}

.filter-sticky-container > a {
    width: 100%;
}

/* >>>> Sidebar section */

.sidebar_categories_row {
    padding: 10px;
}

.sidebar_categories_item {
    padding-left: 5px;
    padding-right: 5px;
}

.sidebar_categories_item > .minimal_product_item {
    margin: 5px auto 0px !important;
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .dropdown-menu {
    background-color: transparent !important;
}

.sidebar-store-icon {
    width: 100% !important;
    scale: 0.95;
}

.sidebar-stores-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.sidebar-store-redirect {
    padding: 0 !important;
}

.selling_landing_btn {
    background: var(--commerce-red-light);
    font-family: 'Raleway-Bold', sans-serif;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
}

.selling_landing_btn:hover {
    color: #fff;
}



/* >>>> Start:: General filter section */

.custom_filter_button {
    left: 90% !important;
}

.custom_filter_button > i {
    font-size: 20px !important;
}

.cart_sidebar, .filter_sidebar {
    z-index: 10000 !important;
}

.filter_sidebar > .close_btn:hover {
    color: #ffffff;
    background-color: var(--commerce-red-light);
}

.custom_filter_item:hover, .custom_filter_item_icon:hover {
    color: var(--commerce-red-light) !important;
}

.fs_price_list input:checked, .fs_size_list input:checked {
    border-color: var(--commerce-red-light);
}


.price-range-slider {
    width: 100%;
    float: left;
    padding: 10px 0 20px 0;
}

.price-range-slider .range-value {
    margin: 0;
}

.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: var(--commerce-black);
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 0 0 10px 0;
    height: 50px;
    font-family: 'AvenirLTProRoman', sans-serif;
}

.price-range-slider .range-bar {
    border: none;
    background: var(--commerce-gray);
    height: 3px;
    width: 100%;
    margin-left: 10px;
}

.price-range-slider .range-bar .ui-slider-range {
    background: var(--commerce-red-light);
}

.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #fff;
    border: 2px solid var(--commerce-red-light);
    height: 17px;
    width: 17px;
    top: -0.52em;
    cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle + span {
    background: var(--commerce-red-light);
}

.fs_color_list input {
    border: var(--commerce-black) 1px solid;
}

.fs_widget_title {
    font-family: AvenirLTProRoman, sans-serif !important;
}

.filter_sidebar {
    padding-bottom: 80px !important;
}

.filter-store-selected {
    border: 1px solid var(--commerce-red-light);
    padding: 5px;
}

.filter-color-add-check:before {
    opacity: 0 !important;
}

.fs_realted_post, .fs_color_list, .fs_category_list {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.fs_price_list {
    border-bottom: 0 !important;
}

.filter_sidebar .close_btn {
    top: 0 !important;
}

.filter_tree {
    margin: 2% auto;
    width: 100%;
}

.filter_tree ul {
    display: none;
    margin: 0 auto;
    margin-left: 0;
    border-left: 1px dashed #dfdfdf;
}


.filter_tree li {
    /*padding: 12px 18px;*/
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    list-style-type: none;
}

.filter_tree li:first-child {
    border-radius: 3px 3px 0 0;
}

.filter_tree li:last-child {
    border-radius: 0 0 3px 3px;
}

.filter_tree label {
    cursor: pointer;
}

.filter_tree input[type=checkbox] {
    margin: -2px 6px 0 0;
}

.filter_tree input[type=checkbox]:checked {
    accent-color: var(--commerce-red-light) !important;
}

.has > label {
    color: var(--commerce-black);
}

.fs_order_list {
    padding-top: 30px;
    padding-bottom: 5px !important;
}

.fs_relevance_list {
    padding-bottom: 100px;
}

/* >>>> End:: General filter section */














/* Policy section */
.modern_policy_item .item_icon {
    width: 60px;
    height: 60px;
    background-color: var(--commerce-red-light);
}

.modern_policy_item .item_title {
    color: var(--commerce-red-light);
}

/* Advisement section */
.modern_advertisement {
    height: 380px;
}



/* >>>> Home filter section */

.relevance-section:hover {
    /*scale: 0.95;*/
}

.empty-search-results {
    display: none;
}

.preferences-filter {
    background-color: var(--commerce-filter-bg);
    padding: 12px 15px 10px 15px;
    border-radius: 10px;
    height: 40px;
}

.custom_filter_title_home {
    color: var(--commerce-red-light) !important;
    font-weight: 600 !important;
    float: left;
    font-size: 20px !important;
}

.custom_filter_btn_home, .custom_filter_btn_home:hover {
    color: var(--commerce-red-light);
    font-size: 20px;
    float: right;
    cursor: pointer;
}

.filter-badge {
    background-color: var(--commerce-red-light);
    color: var(--white);
    padding: 6px 10px 6px 10px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    margin-left: 3px;
    text-transform: capitalize !important;
}

.search-result-price {
    font-size: 13px;
    color: var(--commerce-del);
    font-family: AvenirLTProRoman, sans-serif;
    font-weight: 100
}


/* >>>> Home product item section */
.modern_product_item .product_label li {
    height: 35px;
}

.product_item_img .product_label {
    width: 100%;
    position: absolute;
    padding: 9%;
    top: 15px;
}

.product_item_badge {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 400 !important;
    text-transform: initial;
    font-size: 20px !important;
}

.product_item_bg {
    background-color: var(--commerce-filter-bg);
}

.modern_product_item .product_item_title a {
    font-family: 'AvenirLTProHeavy', sans-serif;
    text-transform: initial;
    color: var(--commerce-gray);
    font-size: 16px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
     height: 39px;
}

.modern_product_item .product_item_title a:before {
    background: transparent;
}

.modern_product_item .product_item_category {
    font-family: 'AvenirLTProRoman', sans-serif;
    padding-bottom: 10px;
    text-transform: capitalize !important;
    font-size: 16px;
    color: #5B5B5B
}

.product_item_img {
    background: #FFFFFF;
}

.modern_product_item .product_item_img img {
    /*min-height: 380px;*/
    max-height: 380px;
}

.modern_product_item .product_price strong {
    height: 40px;
    color: #ffffff;
    padding: 0px 10px;
    line-height: 40px;
    margin-right: 20px;
    display: inline-block;
    background-color: var(--commerce-red-light);
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 16px;
}

.modern_product_item .product_price del {
    font-size: 16px;
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 100;
    color: #5B5B5B;
}

.modern_product_item .action_btns .product_item_add_to_cart {
    background: var(--commerce-red-light);
    font-family: 'AvenirLTProHeavy', sans-serif;
    font-size: 14px;
}

.modern_product_item .action_btns .add-to-wish-list-btn {
     padding-left: 10px;
     padding-right: 10px;
}

.modern_product_item .action_btns .add-to-wish-list-icon {
    color: var(--commerce-purple-light);
    font-size: 20px;
    font-weight: 900;
}

.modern_product_item .item_content {
    padding-right: 0;
}

.product_card_add_to_cart {
    bottom: 0px !important;
}

.product_item_add_to_cart_btn:hover {
    transform: scale(1.1);
}

.load_more {
    display: none;
}

.item_price:hover {
    top: 0 !important;
}

.modern_product_item .action_btns li {
    transform: none;
    transition: none;
}

.modern_product_item:hover .action_btns li {
    transition-delay: unset;
    transform: none;
}

.modern_product_item .item_price {
    transition: none;
    position: initial;
}

.effect_wrap {
    overflow: unset;
    width: 75%;
}

/* >>>> Product Detail Section */

.product-detail-content-top {
    display: none;
}

.shop_details_content .pdp-title {
    /*font-family: AvenirLTProBook, sans-serif !important;*/
    font-size: 22px !important;
    font-family: 'AvenirLTProHeavy', sans-serif;
    text-transform: initial;
    color: var(--commerce-gray);
}

.shop_details_content p {
    font-size: 16px;
    font-family: AvenirLTProBook, sans-serif;
}


.shop_details_content .pdp-price strong {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 23px;
    color: var(--commerce-red-light);
}

.shop_details_content .pdp-price del {
    font-size: 23px;
    color: var(--commerce-del);
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 100;
}

.tooltip-inner {
    background-color: var(--commerce-red-light);
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: var(--commerce-red-light) !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: var(--commerce-red-light) !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: var(--commerce-red-light) !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: var(--commerce-red-light) !important;
}

.brand_title, .list_title, .product_info > li > strong {
    font-family: 'AvenirLTProHeavy', sans-serif !important;
}

.add-to-cart-button {
    z-index: 0 !important;
}

.add-to-cart-button-disabled {
    z-index: 0 !important;
    pointer-events: none;
    background-color: var(--commerce-pink-light) !important;
}

.color-option {
    outline: 1px solid #fff;
}

.item_size_list {
    display: none;
}

.product_variant_size_item {
    border-radius: 5px;
    border: var(--commerce-black) 1px solid;
    margin-left: 0 !important;
}

.product_variant_size_item:hover {
    background-color: var(--commerce-red-light);
    border-color: var(--commerce-red-light);
}

.product_variant_size_item > a:hover {
    color: var(--white) !important;
}

.product_variant_size_item_selected {
    background-color: var(--commerce-red-light);
    border-color: var(--commerce-red-light);
    border-radius: 5px;
    margin-left: 0 !important;
}

.product_variant_size_item_selected > a {
    color: var(--white) !important;
    padding: 10px;
    font-weight: 600;
}

.product_variant_size_item > a {
    padding: 10px;
    color: var(--commerce-black) !important;
    font-weight: 600;
}

.out-of-stock {
    opacity: .4;
}

.out-of-stock > a {
    cursor: no-drop !important;
}

.variant_add_to_cart {
    display: none;
}

.pdp-descriptions-tabs {
    font-family: 'AvenirLTProBook', sans-serif !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
}

.specification-container {
    border-left: var(--commerce-separator) 1px solid;
}

.specification-title {
    padding-bottom: 20px;
    font-family: AvenirLTProBook, sans-serif !important;
}

.specification-content {
    font-family: AvenirLTProBook, sans-serif;
    text-transform: capitalize;
}

.shop_details_content .item_brand .brand_image {
    width: 100%;
}

.form_item input:focus, .form_item textarea:focus {
    border-color: var(--commerce-pink-light);
}

.form_item input::placeholder, .form_item textarea::placeholder {
    font-family: AvenirLTProBook, sans-serif;
}

/* >>>> Mini cart section */

.empty_mini_cart_msg > span {
    font-family: AvenirLTProRoman, sans-serif;
    font-size: 18px;
    color: var(--commerce-red-light);
    font-weight: bold;
}

.cart_sidebar .cart_items_list .mini_cart_product_tile {
    font-family: 'AvenirLTProHeavy', sans-serif;
    text-transform: initial;
    color: var(--commerce-gray);
    font-size: 14px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 12px;
}

.mini_cart_entry_qty, .mini_cart_variant_size {
    font-family: 'AvenirLTProHeavy', sans-serif;
    font-size: 13px;
}

.cart_sidebar .cart_items_list .mini_cart_product_price {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 14px;
    color: var(--commerce-red-light);
}

.cart_sidebar .cart_items_list .mini_cart_product_price del {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 14px;
    color: var(--commerce-del);
}

.mini_cart_product_remove:hover {
    color: var(--commerce-purple-light) !important;
}

.mini_cart_total {
    font-family: 'AvenirLTProBook', sans-serif;
    font-weight: 600;
    color: var(--commerce-del);
}

.cart_sidebar .mini_cart_total span {
    color: var(--commerce-del) !important;
}

.mini_cart_variant_color > span {
    padding: 5.5px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    border: var(--commerce-gray) 1px solid;
    top: 1.5px;
    position: relative;
}


/* >>>> Store product list pagination section */

.page-item {
    margin-right: 0.5rem;
}

.page-item.active .page-link {
    color: #ffffff;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.page-item .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.475rem;
    height: 2.5rem;
    min-width: 2.5rem;
    font-weight: 500;
    font-size: 1.075rem;
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: #ffffff;
    background-color: #009ef7;
    border-color: transparent;
}

.page-item.active .page-link {
    background-color: var(--commerce-red-light);
    border-color: var(--commerce-pink-light);
}

.page-link:hover {
    background-color: var(--commerce-pink-light-rgba);
    border-color: var(--commerce-pink-light);
    color: #ffffff;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1.075rem;
    /*color: #5E6278;*/
    /*background-color: transparent;*/
    /*border: 0 solid transparent;*/
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: var(--commerce-pink-light);
    border-color: var(--commerce-pink-light);
    color: #ffffff;
}

.page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 50%;
    color: #FFFFFF;
    background-color: var(--commerce-red-light);
}

.page-item:last-child .page-link:hover, .page-item:first-child .page-link:hover {
    background-color: var(--commerce-pink-light-rgba);
}

.store-pagination {
    font-family: 'AvenirLTProBook', sans-serif;
}


/* >>>>>>> Store filter section */

/*.select2-selection--multiple {
    overflow: hidden !important;
    height: auto !important;
}*/

.select2-selection {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 100% !important;
    margin-top: 0 !important;
}

.select2-search > .select2-search__field::placeholder {
    font-family: sans-serif;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--commerce-pink-light) !important;
}


.color-option {
    height:35px;
    width: 35px;
    list-style: none;
    border-radius: 50%;
    margin: 7px;
    transition: .2s;
    cursor: pointer;
    border: var(--commerce-filter-bg) 2px solid;
}

.color-option:hover {
     box-shadow: 0 0 0 5px rgba(0,0,0,.2);
}

.color-option.is-selected {
     transform: scale(1);
     box-shadow: 0 0 0 5px rgba(0,0,0,.2);
}


/* >>>>>>> Mobile media query */

@media (max-width: 450px) {
    .modern_advertisement {
        min-height: 300px;
        height: 300px;
    }

    .most-new, .most-discounts {
        padding-left: 25px;
        padding-right: 25px;
    }

    .most-new {
        padding-bottom: 25px;
    }

    .product_section {
        padding-top: 30px;
    }

    .advertisement_section {
        padding-bottom: 30px;
    }

    .modern_footer {
        padding: 0px 60px;
    }

    .circle_social_links {
        padding-left: 50px;
    }

    .footer_about > .brand_logo {
        text-align: center;
    }

    .sidebar_categories_item, .random-products-col {
        width: 50% !important;
    }

    .quickview_modal .item_image {
        width: 100% !important;
    }

    .quickview_modal .btns_group > li {
        margin-right: 10px;
    }

    .quickview_modal .btns_group > li > a:not(.custom_btn) {
        width: 45px;
        height: 45px;
        font-size: 21px;
        line-height: 45px;
    }

    .minimal_product_item .item_title a {
        font-size: 18px;
    }
}


@media (max-width: 445px) {
    .modern_product_item .item_content {
        padding-right: 0;
    }

    /*.modern_product_item .rating_star {
        bottom: 50px;
    }*/
}

@media (max-width: 345px) {
    .modern_product_item .action_btns a {
        padding: 0 15px;
    }

    .modern_product_item .action_btns .product_item_add_to_cart {
        font-size: 13px;
    }
}












.emoji-container {
    background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/concrete-texture.png");
    display: flex;
    flex-wrap: wrap;
    /*height: 100vh;*/
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    /*height: 150px;*/
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
    bottom: 0;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}

.emoji > svg {
    margin: 15px 0;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback {
    max-width: 360px;
    background-color: #fff;
    width: 100%;
    /*padding: 30px;*/
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    /*box-shadow: 0 4px 30px rgba(0,0,0,.05);*/
}

.gadget_feature_bordered {
    /*padding-top: 0;*/
    /*margin-top: 0;*/
    border: 0;
}

.gadget_feature_bordered .item_icon {
    margin-bottom: 10px;
}

.map-url-btn {
    color: var(--commerce-red-light);
}





.backtotop, .shopping-bag-button {
    display: none !important;
}

.fab-image {
    height: 3rem;
    width: 3rem;
}

.fab-wrapper {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 999;
}
.fab-checkbox {
    display: none;
}
.store-fab {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    width: 4rem;
    height: 4rem;
    /*background: blue;*/
    border-radius: 50%;
    /*background: var(--commerce-purple-light);
    box-shadow: 0px 5px 20px var(--commerce-purple-light);*/

    background: var(--commerce-red-light);
    box-shadow: 0px 5px 20px var(--commerce-red-light);

    transition: all 0.3s ease;
    z-index: 1;
    /*border-bottom-right-radius: 50%;*/
    /*border: 1px solid var(--commerce-purple-light);*/
    border: 1px solid var(--commerce-red-light);
    animation: shadow-pulse 5s infinite;
}

.store-fab img {
    height: 40px;
    margin-top: 10px;
}

.store-fab:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    /*background-color: rgba(255, 255, 255, 0.1);*/
    background-color: transparent;
}
.fab-checkbox:checked ~ .store-fab:before {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    background-color: transparent;
}
.store-fab:hover {
    /*background: var(--commerce-purple-light);
    box-shadow: 0px 5px 20px 5px var(--commerce-purple-light);*/
    background: var(--commerce-red-light);
    box-shadow: 0px 5px 20px 5px var(--commerce-red-light);
}

.fab-dots {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    transform: translateX(0%) translateY(-50%) rotate(0deg);
    opacity: 1;
    animation: blink 3s ease infinite;
    transition: all 0.3s ease;
}

.fab-dots-1 {
    left: 15px;
    animation-delay: 0s;
}
.fab-dots-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation-delay: 0.4s;
}
.fab-dots-3 {
    right: 15px;
    animation-delay: 0.8s;
}

.fab-checkbox:checked ~ .store-fab .fab-dots {
    height: 6px;
}

.store-fab .fab-dots-2 {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .store-fab .fab-dots-1 {
    width: 32px;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.fab-checkbox:checked ~ .store-fab .fab-dots-3 {
    width: 32px;
    border-radius: 10px;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

@keyframes blink {
    50% {
        opacity: 0.25;
    }
}

.fab-checkbox:checked ~ .store-fab .fab-dots {
    animation: none;
}

.fab-wheel {
    position: absolute;
    bottom: 0;
    right: 0;
    /*border: 1px solid #;*/
    width: 10rem;
    height: 10rem;
    transition: all 0.3s ease;
    transform-origin: bottom right;
    transform: scale(0);
}

.fab-checkbox:checked ~ .fab-wheel {
    transform: scale(1);
}
.fab-action {
    position: absolute;
    background: var(--commerce-red-light);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: White;
    box-shadow: 0 0.1rem 1rem var(--commerce-pink-light);
    transition: all 1s ease;
    cursor: pointer;
    opacity: 0;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action {
    opacity: 1;
}

.fab-action:hover {
    background-color: #f16100;
}

.fab-wheel .fab-action-1 {
    right: -1rem;
    top: 0;
}

.fab-wheel .fab-action-2 {
    right: 3.4rem;
    top: 0.5rem;
}
.fab-wheel .fab-action-3 {
    left: 0.5rem;
    bottom: 3.4rem;
}
.fab-wheel .fab-action-4 {
    left: 0;
    bottom: -1rem;
}

.mini_cart_button_counter {
    top: -5px;
    right: -8px;
    height: 25px;
    color: #ffffff;
    font-size: 13px;
    min-width: 25px;
    font-weight: 500;
    line-height: 27px;
    position: absolute;
    border-radius: 45px;
    /*background-color: var(--commerce-red-light);*/
    background-color: var(--commerce-purple-light);
    box-shadow: 0px 1px 4px 0px rgba(2, 3, 3, 0.5);
    text-align: center;
    font-family: AvenirLTProRoman, sans-serif !important;
    display: none;
}

/* >>>> Login form section */

.form-group > label.error {
    color: var(--commerce-red-light) !important;
    text-align: left !important;
    width: 100% !important;
    font-size: 13px !important;
}

.form-group > input.error, .form-group.error > input, .form-group.error > .select2  {
    border: var(--commerce-red-light) 1px solid !important;
}

.form-group.error > .select2 {
    border-radius: 5px !important;
}

#loginFormModal > .modal-dialog {
    margin: auto;
    /*max-width: 700px;*/
    position: relative;
}

#loginFormModal > .modal-dialog > .modal-content {
    border: none;
    display: block;
    border-radius: 0px;
    background-color: #ffffff;
}


#loginFormModal > .modal-dialog > .modal-content > .close {
    top: 20px;
    right: 20px;
    margin: 0px;
    padding: 0px;
    line-height: 1;
    position: absolute;
    display: inline-block;
    background: var(--commerce-red-light) !important;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer !important;
    z-index: 999;
}

#loginFormModal > .modal-dialog > .modal-content > .close:hover {
    background: var(--commerce-pink-light) !important;
}

.login-form-left-banner {
    background-image: url("../images/storefront/banner/login_banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.login-form-container, .register-form-container, .recovery-form-container, .change-password-form-container {
    padding: 10% !important;
    text-align: center;
    padding-bottom: 5% !important;
}

.login_image {
    width: 200px;
}

.login_title {
    font-family: AvenirLTProHeavy, sans-serif;
    color: var(--commerce-red-light);
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 25px;
}

.login_form_input {
    font-family: AvenirLTProRoman, sans-serif !important;
    text-transform: unset !important;
    border-radius: 25px;
    border: var(--commerce-gray) 1px solid;
    font-size: 14px;
    padding: 18px;
}

.login_form_input::placeholder {
    font-family: AvenirLTProRoman, sans-serif !important;
    text-transform: initial !important;
    font-size: 14px;
}

.login_form_input:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--commerce-pink-light);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--commerce-pink-light-rgba);
}

.input_icon, .input_icon:hover {
    padding-left: 35px;
    background-size: 25px !important;
    background: url('../images/storefront/logo/favicon.ico') no-repeat 5px 5px;
}

.forgot_password {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 13px;
    padding-top: 0px;
    color: var(--commerce-purple-light) !important;
    font-weight: 100;
}

.forgot_password:hover {
    color: var(--commerce-pink-light);
}

.login_button {
    margin-top: 30px !important;
}

.login_button, .register-button {
    width: 100%;
    border-radius: 25px;
    padding: 20px !important;
    line-height: 30px;
    text-transform: unset!important;
    height: 20px;
    margin-bottom: 15px;
    font-family: 'AvenirLTProRoman', sans-serif !important;
    font-weight: 100 !important;
}

.register-button {
    background: transparent !important;
    color: var(--commerce-text-gray-button);
    border: var(--commerce-gray) 1px solid;
}

.login_button:before, .register-button:before {
    border-radius: 25px !important;
}

.register-button:hover {
    border: var(--commerce-pink-light) 1px solid;
}

/* >>>> Register form section */
.register-form-container {
    display: none;
}

/* >>>> Recovery form section */
.recovery-form-container {
    display: none;
}

/* >>>> Recovery password form section */
.change-password-form-container {
    display: none;
}

/* >>>> Terms and conditions form  */
.terms_and_conditions_modal > .modal-dialog {
    margin: auto;
    /*max-width: 700px;*/
    position: relative;
}

.terms_and_conditions_modal > .modal-dialog > .modal-content {
    border: none;
    display: block;
    border-radius: 0px;
    background-color: #ffffff;
}

.terms_and_conditions_modal > .modal-dialog > .modal-content > .close {
    top: 20px;
    right: 20px;
    margin: 0px;
    padding: 0px;
    line-height: 1;
    position: absolute;
    display: inline-block;
    background: var(--commerce-red-light) !important;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer !important;
    z-index: 999;
}

.terms_and_conditions_modal > .modal-dialog > .modal-content > .close:hover {
    background: var(--commerce-pink-light) !important;
}

.terms_and_conditions_container {
    padding: 10% !important;
    text-align: center;
    padding-bottom: 5% !important;
}

.terms_and_conditions_container > p {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 100;
    text-align: justify;
    font-size: 16px;
}

.terms_and_conditions_container > h1 {
    color: var(--commerce-red-light);
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 25px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.terms_and_conditions_container > ul {
    padding-left: 0 !important;
}

.terms_and_conditions_container > ul > li {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 100;
    text-align: justify;
    font-size: 16px;
    list-style-type: none;
    counter-increment: number-list-item;
}

.terms_and_conditions_container > ul > li:before {
    content: counter(number-list-item) ". ";
}

.shipping_policy_modal {
    width: 800px !important;
    max-width: 800px !important;
}

.terms_and_conditions_container > ul > li > ul > li {
    list-style-type: none;
}

.terms_and_conditions_container > ul > li > ul > li > strong{
    font-weight: 600 !important;
}

.modal-dialog-scrollable > div {
    overflow-y:auto
}

.shipping_policy_container {
    padding-top: 5% !important;
}

.modal_sub_title {
    color: var(--commerce-red-light);
    font-weight: 600 !important;
    font-size: 16px;
    text-align: left;
}


/* >>> Multi step checkout section */

/* >>> Cart page section */

.cart-page-table-mobile {
    display: none;
}

.cart_remove_button {
    width: 45px;
    left: -80px;
    height: 45px;
    color: var(--commerce-text-gray-button);
    line-height: 47px;
    position: absolute;
    border-radius: 100%;
    background-color: var(--commerce-gray-middle);
    text-align: center;
}

.cart_remove_button:hover {
    background-color: var(--commerce-red-light);
    color: var(--white);
}

.empty_cart_img {
    height: 120px;
}

.empty_cart_msg > span {
    font-family: AvenirLTProRoman, sans-serif;
    font-size: 20px;
    color: var(--commerce-red-light);
    font-weight: bold;
}

.empty_cart_msg > p {
    padding-left: 25%;
    padding-right: 25%;
    font-family: AvenirLTProRoman, sans-serif;
}

.cart_table th {
    font-family: 'AvenirLTProHeavy', sans-serif;
    font-weight: bold;
    color: var(--white);
    padding: 13px;
    font-size: 16px;
    text-align: center;
}

.cart_table thead {
    background-color: var(--commerce-red-light);
}

.cart_product .item_title {
    font-family: 'AvenirLTProHeavy', sans-serif;
    color: var(--commerce-gray);
    font-size: 16px;
}

.cart_product .item_type {
    font-family: 'AvenirLTProRoman', sans-serif;
    padding-bottom: 10px;
    text-transform: capitalize !important;
    font-size: 16px;
    color: #5B5B5B;
}

.cart_table .price_text > strong, .cart_table .total_price {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 16px;
    color: var(--commerce-red-light);
    font-weight: 600 !important;
}

.cart_table .price_text > del {
    font-size: 16px;
    color: var(--commerce-del);
    font-family: 'AvenirLTProRoman', sans-serif;
    font-weight: 100;
}

.cart_product .item_image {
    width: 120px;
}

.quantity_input span:hover {
    color: var(--commerce-red-light);
}

.quantity_input input {
    font-family: AvenirLTProRoman, sans-serif;
}

.coupon_wrap .cart_update_btn .custom_btn, .checkout_cart_btn {
    background-color: transparent !important;
    border: var(--commerce-red-light) 1px solid;
    color: var(--commerce-red-light);
    font-weight: 600;
}

.coupon_wrap .cart_update_btn .custom_btn:hover, .checkout_cart_btn:hover {
    color: var(--white);
    background-color: var(--commerce-red-light) !important;
}

.cart_pricing_table .table_title {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 21px;
    margin: 0px -35px;
    padding: 15px 15px;
}

.cart_pricing_table li {
    font-family: 'AvenirLTProRoman', sans-serif;
}

.cart_pricing_table li:last-child span:last-child {
    color: var(--commerce-red-light);
}

/* >> Delivery address page section << */

.custom_label_error {
    display: none;
    font-size: 13px;
}

.hide_form_section {
    display: none;
}

.checkout_cart_btn_container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.checkout_step .active a {
    color: var(--white);
    border-color: var(--commerce-red-light);
    background-color: var(--commerce-red-light);
    font-family: 'AvenirLTProHeavy', sans-serif;
}

.checkout_step .active a:hover {
    color: var(--white);
}

.checkout_step .activated a {
    color: var(--white);
    border-color: var(--commerce-pink-light);
    background-color: var(--commerce-pink-light);
    font-family: 'AvenirLTProHeavy', sans-serif;
}

.checkout_new_address_container label, .checkout_new_address_container input, .checkout_new_address_container input::placeholder {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 16px;
}

.checkout_new_address_container input:focus {
    background-color: var(--white);
    border-color: var(--commerce-pink-light);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--commerce-pink-light-rgba);
}

.checkbox_item input:checked {
    border-color: var(--commerce-red-light) !important;
    background-color: var(--commerce-red-light) !important;
}

.checkout_step a{
    font-family: 'AvenirLTProHeavy', sans-serif;
    color: var(--commerce-gray);
}


/* >>>> Saved address cards */

.choose_delivery_address_button, .choose_delivery_address_button:hover {
    color: var(--commerce-red-light);
}

.card-input-element+.card {
    height: calc(36px + 2*1rem);
    color: var(--commerce-gray);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid transparent;
    border-radius: 4px;
}

.card-input-element+.card:after {
    content: '\f111';
    color: var(--commerce-pink-light);
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    -webkit-animation-name: fadeInCheckbox;
    animation-name: fadeInCheckbox;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-input-element+.card:hover {
    cursor: pointer;
}

.card-input-element:checked+.card {
    border: 2px solid var(--commerce-pink-light);
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
}

.card-input-element:checked+.card::after {
    content: '\f192';
    color: var(--commerce-pink-light);
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    -webkit-animation-name: fadeInCheckbox;
    animation-name: fadeInCheckbox;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
    }
}

@keyframes fadeInCheckbox {
    from {
        opacity: 0;
        transform: rotateZ(-20deg);
    }
    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}


/* >>>> Delivery cost and payment section */
.payment_icon {
    margin-top: 20px;
}

.check_terms_and_conditions label {
    font-family: 'AvenirLTProBook', sans-serif;
}

.check_terms_and_conditions a {
    color: var(--commerce-red-light) !important;
    text-decoration: underline !important;
}

.payment_icon > img {
    height: 25px;
}


/* >>>> Order confirmation */

.checkout_table .table thead th {
    font-family: 'AvenirLTProHeavy', sans-serif;
    font-weight: bold;
    color: var(--white);
    padding: 13px;
    font-size: 16px;
    text-align: center;
}

.checkout_table thead {
    background-color: var(--commerce-red-light);
}

.checkout_table span strong, .checkout_table .total_price {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 16px;
    color: var(--commerce-red-light);
    font-weight: 600 !important;
    text-align: right;
}

.checkout_table .subtotal_text {
    font-family: 'AvenirLTProRoman', sans-serif;
    font-size: 16px;
    font-weight: 600 !important;
    text-align: left;
    color: var(--commerce-black);
}

.checkout_table .table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.commerce-black {
    color: var(--commerce-black) !important;
}

.confirmation-page-title {
    color: var(--commerce-red-light) !important;
    font-weight: 600;
    font-family: 'AvenirLTProRoman', sans-serif !important;
    font-size: 35px;
}

.confirmation-page-text {
    font-size: 18px;
}


/* >>>> MOBILE BOTTOM NAV BAR SECTION <<<< */

#mobile-nav-bar {
   display: none;
   justify-content: space-around;
  /*background-color: #333;*/
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 99;
   padding: 0 12px;
   background-color: var(--commerce-gray-middle);
   height: 65px;
}

.nav-item{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    padding: 12px 16px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0);
}

.nav-item span{
    width: 0;
    overflow: hidden;
}

.nav-item:focus{
    text-decoration: none;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
    transition: .2s;
}

.nav-item:focus span{
    width: 100%;
    margin-left: 8px;
    transition: .2s;
}


/** >>>>>> TOP BANNER STYLES <<<<<< */

.top-banner-principal-text {
    font-size: 20px;
    color: var(--commerce-red-light);
    font-family: AvenirLTProRoman, sans-serif;
    font-weight: 800;
    margin-bottom: 0;
}

.top-banner-principal-text > span {
    color: var(--white);
    background-color: var(--commerce-red-light);
    font-weight: 100;
    padding: 5px;
}

.top-banner-second-text {
    color: var(--commerce-red-light);
    font-size: 16px;
    letter-spacing: 2px;
}