/* ------------------------------------------------

		     Default stylesheets

------------------------------------------------ */

:root {
    --primary-color: #F29A2E;
    --secondary-color: #030303;
    --tertiary-color: #bebebe;
    --text-color: #030303;
    --text-grey-color: #666;
    --bg-ligh-grey: #f8f9fa;
    --title-color: #ff4557;
}

body {
    font: 400 14px/21px 'Nunito Sans', sans-serif;
    color: var(--text-color);
    background-attachment: fixed;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul, ol {
    list-style: none;
}

dl, ol, ul, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
}

a {
    color: var(--text-color);
}

s {
    font-weight: 400;
    color: var(--text-grey-color);
}

a, button {
    -webkit-transition: color .7s ease, border-color .7s ease, background-color .7s ease;
    transition: color .7s ease, border-color .7s ease, background-color .7s ease;
}

a:hover {
    color: var(--text-color);
    text-decoration: none;
}

a:hover, button:hover {
    -webkit-transition: color .1s ease, border-color .1s ease, background-color .1s ease;
    transition: color .1s ease, border-color .1s ease, background-color .1s ease;
}

::selection {
    background: var(--primary-color);
    color: #fff;
}

::-moz-selection {
    background: var(--primary-color);
    color: #fff;
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background: #e7e7e7;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
}

::-webkit-input-placeholder {
    color: var(--text-grey-color);
    ;
    -webkit-transition: text-indent .5s ease, color .5s ease;
    transition: text-indent .5s ease, color .5s ease;
}

input::-moz-placeholder {
    color: var(--text-grey-color);
    opacity: 1;
}

::ms-input-placeholder {
    color: var(--text-grey-color);
}

[placeholder]:focus::-webkit-input-placeholder {
    text-indent: 10em;
    color: transparent;
}

.queryloader__overlay__bar {
    top: 0 !important;
    margin-top: 0px !important;
}

audio, iframe {
    width: 100%;
}

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

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

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

.bc_primary {
    background-color: var(--primary-color) !important;
}

.bc_secondary {
    background-color: var(--secondary-color) !important;
}

.bc_tertiary {
    background-color: var(--tertiary-color) !important;
}

/* ------------------------------------------------

	     End Default stylesheets

------------------------------------------------ */

/* ------------------------------------------------

	     badge  order status

------------------------------------------------ */

.badge_order {
    padding: 2px 10px;
    border-radius: 15px;
    display: inline-block;
    font-weight: bold;
}

.badge_order.order_confirm {
    background-color: #0000ff30;
    color: #5c59ff;
}

.badge_order.order_cancelled {
    background-color: #ffc7c7;
    color: #ff4557;
}

.badge_order.order_delivered {
    background-color: #d9ffe1;
    color: #26a541;
}

.badge_order.order_packed {
    background-color: #fff1e9;
    color: #BF8360;
}

.badge_order.order_shipped {
    background-color: #dbf5ff;
    color: #025373;
}

.badge_order.order_out_delivery {
    background-color: #f7edff;
    color: #C178FA;
}

.bg-aliceblue {
    background-color: aliceblue;
}

/* --------------------------------------------

             Forms 
             
-------------------------------------------- */

form:not(:last-child) {
    margin-bottom: 20px;
}

input:not([type="submit"]), textarea, .active_option {
    color: var(--text-grey-color);
    border: 1px solid var(--text-grey-color);
    padding: 8px 10px 8px 12px;
    height: 38px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
}

textarea {
    resize: none;
    height: auto;
    display: block;
}

select {
    width: 100%;
    cursor: pointer;
    padding: 5px;
    border: 1px solid var(--text-grey-color);
    padding: 7px 8px;
    background-color: #fff;
}

label {
    display: inline-block;
    cursor: pointer;
}

.required::after, .prompt::before {
    content: "*";
    color: #ff0000;
    display: inline-block;
    margin-left: 4px;
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}

input[type="radio"]+label, input[type="checkbox"]+label {
    position: relative;
    width: auto !important;
    margin: 0 17px 0 0 !important;
    padding-left: 32px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

input[type="radio"]+label::before, input[type="checkbox"]+label::before {
    content: "";
    display: block;
    text-align: center;
    font-family: 'fontello';
    position: absolute;
    left: 0;
    top: -1px;
    width: 22px;
    height: 22px;
    color: inherit;
    background: #fff;
    border: 1px solid #969696;
    border-radius: 3px;
}

input[type="checkbox"]+label::before {
    font-size: 12px;
}

input[type="radio"]+label::before {
    border-radius: 50%;
}

input[type="radio"]+label:empty {
    width: 22px !important;
    padding-left: 0px;
    margin: 0px !important;
}

input[type="checkbox"]:checked+label::before {
    content: '\ebb1';
}

input[type="radio"]:checked+label::before {
    content: '\edb9';
}

form:not(.type_2) label {
    /* float: left; */
  /*  width: 136px;*/
}

form:not(.type_2) label[for] {
    margin-top: 7px;
}

form:not(.type_2) .form_el {
    float: left;
    width: calc(100% - 136px);
}

form input:not([type="submit"]).warning {
    border-color: #ff7b1a;
}

form input:not([type="submit"]).error {
    border-color: #ff0000;
}

form input:not([type="submit"]).success {
    border-color: #269300;
}

form input:not([type="submit"]).info {
    border-color: var(--primary-color);
}

form:not(.type_2) input:not([type="submit"]).incorrect {
    width: 180px;
    margin-right: 5px;
}

form:not(.type_2) input:not([type="submit"]).incorrect, form:not(.type_2) input:not([type="submit"]).incorrect+span {
    display: inline-block;
    vertical-align: middle;
}

form.type_2 input:not([type="submit"]).incorrect {
    margin-bottom: 5px;
}

form.type_2 label {
    margin-bottom: 5px;
}

/* --------------------------------------------

           end Forms 
             
-------------------------------------------- */

.payments>li, .social_btns>li, .tw_actions>li {
    float: left;
    margin: 0 4px 4px 0;
}

a[class*="social_"], button[class*="social_"] {
    color: #fff;
}

.social_facebook {
    background-color: #39599f;
}

.social_twitter {
    background-color: #40bff5;
}

.social_googleplus {
    background-color: #eb5b4c;
}

.social_pinterest {
    background-color: #b8242a;
}

.social_flickr {
    background-color: #ff1981;
}

.social_youtube {
    background-color: #cd322c;
}

.social_vimeo {
    background-color: #44bbff;
}

.social_instagram {
    background-color: #a47a5e;
}

.social_linkedin {
    background-color: #328dd3;
}

.social_contact {
    background-color: #ff4557;
}

.social_gmap {
    background-color: #ff8400;
}

.social_dribbble {
    background-color: #e04d84;
}

.social_behance {
    background-color: #6197ce;
}

.social_vk {
    background-color: #4c75a3;
}

.social_tumblr {
    background-color: #364660;
}

.social_rss {
    background-color: #fb7629;
}

.social_dropbox {
    background-color: #2897ee;
}

.social_github {
    background-color: #000;
}

.social_delicious {
    background-color: #0049cd;
}

.social_digg {
    background-color: #1a5891;
}

.social_deviantart {
    background-color: #556b5f;
}

.social_skype {
    background-color: #00aff0;
}

.social_yahoo {
    background-color: #43058a;
}

.social_reddit {
    background-color: #b1d3f5;
}

.social_stumbleupon {
    background-color: #cd5530;
}

.social_whatsapp {
    background-color: #00e676;
}

/* --------------------------------------------
			3.2 Buttons
	-------------------------------------------- */

.icon_btn, .theme_button, .button_grey, .button_blue, .def_icon_btn, .button_black, .button_dark_grey, .wishlist_button, .compare_button {
    font-size: 14px;
    line-height: 21px !important;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
}

/* sizes */

.theme_button, .button_grey, .button_blue, .button_black, .button_dark_grey {
    padding: 5px 15px 4px;
}

.mini_btn {
    font-size: 13px;
    padding: 4px 10px 3px;
}

.middle_btn {
    padding: 8px 20px 9px;
    font-size: 16px;
}

.big_btn {
    padding: 11px 20px;
    font-size: 16px;
    font-weight: 600;
}

.huge_btn {
    font-size: 24px;
    font-weight: 600;
    padding: 16px 20px;
}

.icon_btn, .def_icon_btn {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 13px;
}

.icon_btn.middle_btn, .def_icon_btn.middle_btn {
    width: 38px;
    height: 38px;
    font-size: 18px;
}

.icon_btn.big_btn, .def_icon_btn.big_btn {
    width: 43px;
    height: 43px;
    font-size: 20px;
}

.icon_btn.huge_btn, .def_icon_btn.huge_btn {
    width: 53px;
    height: 53px;
    font-size: 24px;
}

.icon_btn .icon-mail-8, .icon_btn .icon-location-4 {
    font-size: 23px;
}

.icon_btn .icon-vimeo-2 {
    font-size: 15px;
}

/* --------------------------------------------

        3.5 Tooltips
        
-------------------------------------------- */

.tooltip_container {
    position: relative;
    z-index: 101;
}

.tooltip_container .tooltip {
    position: absolute;
    display: block;
    background: #777;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    padding: 2px 10px;
    opacity: 0;
    visibility: hidden;
    border-radius: 3px;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
}

.tooltip_container:hover {
    z-index: 102;
}

.tooltip_container:hover .tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform .2s ease, opacity .2s ease, visibility .2s ease;
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
}

.tooltip_container .tooltip::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
}

.tooltip_container .tooltip.top, .tooltip_container .tooltip.bottom {
    left: 50%;
    bottom: 100%;
    margin-bottom: 11px;
    -webkit-transform: translateX(-85%) skewX(30deg);
    -ms-transform: translateX(-85%) skewX(30deg);
    transform: translateX(-85%) skewX(30deg);
}

.tooltip_container .tooltip.right {
    left: 100%;
    top: 50%;
    margin-left: 11px;
    -webkit-transform: translate(30%, -50%) skewX(-30deg);
    -ms-transform: translate(30%, -50%) skewX(-30deg);
    transform: translate(30%, -50%) skewX(-30deg);
}

.tooltip_container .tooltip.left {
    right: 100%;
    margin-right: 11px;
    top: 50%;
    -webkit-transform: translate(-30%, -50%) skewX(30deg);
    -ms-transform: translate(-30%, -50%) skewX(30deg);
    transform: translate(-30%, -50%) skewX(30deg);
}

.tooltip_container .tooltip.bottom {
    top: 100%;
    bottom: auto;
    margin-top: 11px;
}

.tooltip_container:hover .tooltip.top, .tooltip_container:hover .tooltip.bottom {
    -webkit-transform: translateX(-50%) skewX(0deg);
    -ms-transform: translateX(-50%) skewX(0deg);
    transform: translateX(-50%) skewX(0deg);
}

.tooltip_container:hover .tooltip.left, .tooltip_container:hover .tooltip.right {
    -webkit-transform: translate(0%, -50%) skewX(0deg);
    -ms-transform: translate(0%, -50%) skewX(0deg);
    transform: translate(0%, -50%) skewX(0deg);
}

.tooltip.top::before {
    top: 100%;
    left: 50%;
    margin: -1px 0 0 -9px;
    border-left: 9px solid transparent;
    border-top: 7px solid #777;
    border-right: 9px solid transparent;
}

.tooltip.right::before {
    top: 50%;
    right: 100%;
    margin: -9px -1px 0 0px;
    border-top: 9px solid transparent;
    border-right: 7px solid #777;
    border-bottom: 9px solid transparent;
}

.tooltip.left::before {
    top: 50%;
    left: 100%;
    margin: -9px 0px 0 -1px;
    border-top: 9px solid transparent;
    border-left: 7px solid #777;
    border-bottom: 9px solid transparent;
}

.tooltip.bottom::before {
    bottom: 100%;
    left: 50%;
    margin: 0px 0 -1px -9px;
    border-left: 9px solid transparent;
    border-bottom: 7px solid #777;
    border-right: 9px solid transparent;
}

/*webkit only*/

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    .table_layout:not(.list_view) {
        width: calc(100% + 1px);
    }
    .rsContainer .rsSlide img {
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }
}

/* ------------------------------------------------

             End Tooltip                               

/* -------------------------------------------- */

/* ------------------------------------------------

             site-menubar                                

/* -------------------------------------------- */

.logo img {
    height: 70px;
    object-fit: contain;
}

.top_bar {
    padding: 7px;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.contact_details a {
    color: var(--text-grey-color);
    font-size: 16px;
}

#navigation {
    padding: 30px 0 30px;
}

.support_div {
    display: flex;
    align-items: center;
}

.site_menubar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav.nav_item_menu>ul {
    display: flex;
    align-items: center;
}

nav.nav_item_menu>ul>li {
    padding: 10px 18px;
    font-size: 16px;
    transition: 0.5s ease-in-out;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
    position: relative;
}

nav.nav_item_menu ul li.active {
    border-color: var(--primary-color);
}

.user_items {
    display: flex;
}

.hamburge i {
    font-size: 28px;
    color: var(--text-grey-color);
}

.hamburge {
    margin-right: 30px;
    cursor: pointer;
}

.search_bar, .login_register_bar, .wish_list {
    margin-right: 25px;
}

.search_bar i {
    font-size: 22px;
    color: var(--text-color);
}

.login_register_bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}

.login_register_bar i {
    font-size: 22px;
    color: var(--text-grey-color);
    margin-right: 7px;
}

.login_register_bar span {
    font-size: 16px;
    color: var(--text-grey-color);
    cursor: pointer;
}

.flex-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_register {
    background-color: var(--primary-color);
    text-align: center;
    height: 30px;
    color: #fff !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.hover_item {
    position: absolute;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    top: 100%;
    min-width: 10rem;
    z-index: 9999;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    right: 0;
    background-color: #fff;
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 999;
}

.login_register_bar:hover .hover_item {
    visibility: visible;
    opacity: 1;
    margin-top: 7px;
}

.hover_item ul li:not(:last-child) {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    margin: 0;
}

.hover_item ul li {
    position: relative;
    padding: 15px 20px;
}

.hover_item ul li a {
    display: block;
    color: var(--text-grey-color);
    transition: 0.3s;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    /* padding: 10px 0; */
}

.hover_item ul li a:hover {
    margin-left: 5px;
    color: var(--text-color);
}

.hover_item ul li a.btn_register:hover {
    margin-left: 0px;
    color: #fff;
}

.wish_list a i {
    font-size: 22px;
    color: var(--text-color);
}

.wish_list>a, .shopping_cart_new>a {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.shopping_cart_new a i {
    font-size: 22px;
    color: var(--text-color);
}

.shopping_cart_new, .wish_list {
    height: 50px;
    width: 50px;
    background-color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.144);
    border-radius: 5px;
    cursor: pointer;
}

.text-right {
    text-align: right;
}

.search_bar {
    position: relative;
}

.search_bar input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

.search_bar button {
    position: absolute;
    right: 0px;
    top: 7px;
    padding: 2px 5px 0;
    background: #ffffff !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.dropdown_hover_nav {
    position: absolute;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    top: 100%;
    min-width: 10rem;
    z-index: 9999;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    left: 0;
    background-color: #fff;
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 999;
}

.dropdown_hover_nav>ul>li:not(:last-child) {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    margin: 0;
}

.dropdown_hover_nav>ul>li {
    position: relative;
    padding: 15px 15px;
}

.dropdown_hover_nav>ul>li>a {
    display: block;
    color: var(--text-grey-color);
    transition: 0.3s;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
}

.dropdown_hover_nav>ul>li>a:hover {
    margin-left: 5px;
    color: var(--text-color);
}

.dropdown_hover_nav>ul>li>a>i {
    font-size: 20px;
    margin-right: 5px;
}

nav.nav_item_menu>ul>li:hover .dropdown_hover_nav {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.search_bar button {
    outline: none;
    border: none;
    background-color: transparent;
}

.search_bar input {
    outline: none;
}

.cart_number {
    display: block;
    background-color: var(--primary-color);
    color: #fff;
    position: absolute;
    top: 5px;
    right: 3px;
    font-size: 11px;
    line-height: 16px;
    padding: 1px 6px;
    border-radius: 24px;
    color: #fff;
    text-align: center;
    z-index: 1;
}

/* ------------------------------------------------

             Mega Menu Start                                

/* -------------------------------------------- */

.site-navbar-wrap {
    z-index: 99;
    transition: 0.3s all ease;
}

.site-navbar-wrap .navbar-brand {
    padding: 0;
    max-width: 150px;
    margin-right: 0;
    line-height: 1.2;
}

.site-navbar-wrap.v1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.site-navbar-wrap.scrolled {
    padding: 0px 0;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
}

.site-navbar-top {
    display: none;
    font-size: 0.8rem;
    background: #1e7e34;
}

.site-navbar-top a {
    color: #fff;
}

.site-navbar-top .text-with-icon {
    color: rgba(255, 255, 255, 0.5);
}

.site-navbar-top, .site-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-navbar {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: none;
}

.site-navbar .site-logo {
    font-weight: 200;
}

.site-navbar .site-logo a {
    font-weight: 200;
    font-size: 26px;
    color: #000;
}

.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
}

.site-menu>li {
    position: relative;
}

.site-menu>li>a::before {
    background-color: #6449e7;
    position: absolute;
    top: -20px;
    left: 0;
    width: 0%;
    height: 2px;
    content: "";
    transition: 0.5s;
}

.site-menu>li>a.active::before {
    background-color: #6449e7;
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transition: 0.5s;
}

.site-menu>li>a:hover:before {
    width: 100%;
}

.site-navbar-wrap.v1 .site-menu>li::before {
    background: #fff;
}

.site-navbar-wrap.v2 .site-menu>li::before {
    background: #6449e7;
}

.site-navbar .site-navigation .site-menu .active>a {
    color: #000;
}

.user-menu li a {
    padding-left: 5px !important;
    padding-right: 0 !important;
}

.user-menu li a {
    background: #6449E7;
    color: #fff !important;
    border-radius: 20px;
    transition: 0.4s;
    padding: 10px 20px !important
}

.user-menu li a:hover {
    background: #fff;
    color: #333 !important;
}

.site-navbar .site-navigation .site-menu>li {
    display: inline-block;
    padding: 10px 15px;
}

.site-navbar-wrap.v1 .site-navbar .site-navigation .site-menu>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}

.menu-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.user-login-wrap {
    margin-left: 20px;
}

.site-navbar-wrap.v1 .user-login-wrap a {
    color: #fff;
    font-size: 15px;
}

.user-btn li {
    display: inline-block;
    position: relative;
    margin-left: 15px;
}

.user-btn li a {
    display: inline-block;
    text-align: center;
    position: relative;
    transition: 0.5s;
    width: 30px;
}

.user-btn span {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #6449e7;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    top: -3px;
    right: -10px;
}

.user-btn li a i {
    color: #6449e7;
    font-size: 14px;
    font-weight: 700;
    transition: 0.5s;
}

.user-btn.v2 li a {
    background: transparent;
}

.user-btn.v2 li a i {
    color: #fff;
}

.user-btn li a:hover {
    border-color: #6449e7;
}

.user-btn li a:hover i {
    color: #6449e7;
}

.user-btn.v2 li a:hover {
    border-color: #fff;
}

.user-btn.v2 li a:hover i {
    color: #fff;
}

.add-list {
    text-align: right;
}

.site-navbar-wrap.v2 {
    border-bottom: 1px solid rgba(153, 153, 153, 0.22);
    padding: 10px 0;
    background-color: #fff;
}

.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu>li>a {
    color: #222222;
}

.site-navbar .site-navigation .site-menu>li>a:hover {
    color: #000;
}

.site-navbar .site-navigation .site-menu>li:last-child {
    padding-right: 0;
}

.site-navbar .site-navigation .site-menu .has-children {
    position: relative;
}

.has-children {
    border-bottom: 1px solid var(--bg-ligh-grey);
}

.has-children a {
    font-size: 15px;
    font-weight: 300;
}

.site-navbar .site-navigation .site-menu .has-children>a {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    display: block;
}

.dropdown>.has-children>a::before {
    position: absolute !important;
    content: "\e876" !important;
    color: #222222 !important;
    font-family: "Linearicons-Free";
    top: 11px !important;
    right: 3px !important;
    font-size: 10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 122%;
    left: -12%;
    position: absolute;
    text-align: left;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 999;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    position: absolute;
    min-width: 15.3rem;
    z-index: 9999;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li {
    position: relative;
    padding: 5px 20px;
}

.dropdown.sub-menu {
    position: absolute;
    min-width: 15.5rem !important;
    z-index: 9999;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li a:hover {
    margin-left: 5px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #000;
    border-width: 7px;
    margin-left: -7px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    transition: 0s all;
    color: #fff;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
    color: #28a745 !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    margin: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li:last-child {
    border-bottom: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
    display: block;
    color: #888;
    transition: 0.3s;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
    color: #222222;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
    content: "\f10a";
    right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
    left: 100%;
    top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown.sub-menu {
    top: 2% !important;
}

.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown, .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown, .site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
    transition-delay: 0s;
    margin-top: -1px;
    visibility: visible;
    opacity: 1;
}

.site-mobile-menu {
    width: 320px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1049;
    background: #fff;
    height: calc(100vh);
    transform: translateX(-110%);
    box-shadow: 10px 0 20px -10px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
    transform: translateX(0%);
}

.offcanvas-menu {
    overflow: hidden;
}

.offcanvas-menu .bg-overlay-transpernt {
    background-color: rgba(0, 0, 0, 0.82);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
}

.mobile-bar span {
    font-size: 28px;
    border-radius: 4px;
}

.site-navbar-wrap.v1 .mobile-bar span {
    color: #fff;
}

.site-navbar-wrap.v2 .mobile-bar span {
    color: #000;
}

.site-mobile-menu-close.js-menu-toggle span {
    color: #000;
    /* margin-right: 15px; */
    font-size: 25px !important;
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    background-color: var(--primary-color);
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: none;
    position: absolute;
    top: 3px;
    right: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    transition: .3s all ease;
    color: #fff;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll !important;
    position: relative;
    padding: 20px 30px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.site-mobile-menu .site-nav-wrap a {
    padding: 15px 0;
    display: block;
    position: relative;
    color: #212529;
    font-weight: 500;
}

.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block;
}

/* .site-mobile-menu .site-nav-wrap li.active>a {
    color: #28a745;
} */

/* .site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: var(--bg-ligh-grey);
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "Line Awesome Free";
    content: "\f107";
    position: absolute;
    font-weight: 900;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    transform: translate(-50%, -50%);
} */

/* .site-mobile-menu .site-nav-wrap>li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.site-mobile-menu .site-nav-wrap>li>a {
    font-size: 16px;
}

.site-mobile-menu .site-nav-wrap>li>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-mobile-menu .site-nav-wrap>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>a {
    padding-left: 40px;
    font-size: 16px;
    color: #888;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
    padding: 0;
    margin: 0;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
    font-size: 16px;
    padding-left: 60px;
} */

.menu_accrodian ul li {
    width: auto;
    list-style: none;
    border-bottom: 1px solid var(--bg-ligh-grey);
}

.menu_accrodian ul ul {
    display: none;
}

.menu_accrodian>ul>li {
    background-size: 100% auto;
    /* border-bottom: 1px solid var(--bg-ligh-grey); */
}

.menu_accrodian ul li a {
    padding: 15px 0;
    display: block;
    position: relative;
    color: #212529;
    font-weight: bold;
}

.menu_accrodian>ul>li>ul>li>a {
    padding-left: 40px;
    font-size: 16px;
    color: #888;
}

.menu_accrodian>ul>li>ul>li>ul>li>a {
    font-size: 16px;
    padding-left: 60px;
}

.menu_accrodian>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 80px;
}

.menu_accrodian ul li a {
    position: relative;
}

.menu_accrodian ul li a[data-option='on']:before {
    font-size: 12px;
    z-index: 20;
    font-family: "Line Awesome Free";
    content: "\f107";
    position: absolute;
    font-weight: 900;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: .3s all ease;
}

.menu_accrodian ul li a[data-option='off']:before {
    transform: translate(-50%, -50%);
    font-size: 12px;
    z-index: 20;
    font-family: "Line Awesome Free";
    content: "\f107";
    position: absolute;
    font-weight: 900;
    top: 50%;
    right: 0;
    transition: .3s all ease;
}

#user-login-popup .modal-dialog {
    max-width: 850px;
}

.site-mobile-menu-header {
    padding: 20px 0 20px;
}

.my_account {
    display: flex;
    align-items: center;
}

.profile {
    height: 40px;
    width: 40px;
    background-color: var(--text-color);
    box-shadow: 0 0 5px #00000056;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.profile i {
    font-size: 30px;
    color: var(--text-grey-color);
    color: #fff;
}

.profile_name a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.site-mobile-menu-body-header h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: gray;
}

.menu-append-mobile-mode {
    margin-bottom: 20px;
}

.border-bottom-primary {
    border-bottom: 2px solid var(--primary-color);
}

/* ------------------------------------------------

             Mega Menu End                               

/* -------------------------------------------- */

/* ------------------------------------------------

             Login register form                                

/* -------------------------------------------- */

.login_register .modal-dialog {
    max-width: 70%;
}

.login_register .modal-body {
    padding: 0;
}

.close_btn_form {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
}

button.close_btn_form:focus {
    outline: none;
}

.form_login_register {
    /*height: 500px;*/
    display: flex;
}

.bg_offer_wall {
    width: 50%;
}

.bg_img_patter {
    background: url('../img/3156482.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.bg_img_patter h3 {
    color: var(--secondary-color);
}

.bg_img_patter h3 small {
    display: block;
}

.bg_img_patter h3 b {
    text-transform: uppercase;
    font-weight: bolder;
    margin-top: 10px;
    display: block;
}

.bg_img_patter h3 span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

.right_side_form {
    width: 50%;
}

.right_side_form .new_logo_ {
    text-align: center;
    padding: 10px 0;
}

.login_form_details {
    margin-top: 30px;
}

.login_form_title {
    text-align: center;
}

.login_form_title h5 {
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom: 7pxḍ;
}

.login_form_title span {
    display: block;
    color: var(--secondary-color);
}

.wrap-input100 input {
    outline: none;
    border: none;
}

.wrap-input100 input:focus {
    border-color: transparent !important;
}

.wrap-input100 input:focus::-webkit-input-placeholder {
    color: transparent;
}

.wrap-input100 input:focus:-moz-placeholder {
    color: transparent;
}

.wrap-input100 input:focus::-moz-placeholder {
    color: transparent;
}

.wrap-input100 input:focus:-ms-input-placeholder {
    color: transparent;
}

.wrap-input100 input::-webkit-input-placeholder {
    color: #adadad;
}

.wrap-input100 input:-moz-placeholder {
    color: #adadad;
}

.wrap-input100 input::-moz-placeholder {
    color: #adadad;
}

.wrap-input100 input:-ms-input-placeholder {
    color: #adadad;
}

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #adadad;
    margin-bottom: 37px;
}

.wrap-input100:last-child {
    margin-bottom: 20px;
}

.input100 {
    font-size: 15px;
    color: #555555;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 5px;
}

.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #6a7dfe;
    background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
    background: -o-linear-gradient(left, #21d4fd, #b721ff);
    background: -moz-linear-gradient(left, #21d4fd, #b721ff);
    background: linear-gradient(left, #21d4fd, #b721ff);
}

.focus-input100::after {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    color: #999999;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.input100:focus+.focus-input100::after {
    top: -15px;
}

.input100:focus+.focus-input100::before {
    width: 100%;
}

.has-val.input100+.focus-input100::after {
    top: -15px;
}

.has-val.input100+.focus-input100::before {
    width: 100%;
}

.btn-show-pass {
    font-size: 15px;
    color: #999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login_form_content {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
}

.help_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.forgot_password a {
    color: #2874f0;
    font-weight: bold;
    text-decoration: underline;
}

.btn_login_register button.login_button {
    padding: 10px 15px;
    border: none;
    background-color: var(--secondary-color);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;
}

.new_user_creat_account a {
    color: #2874f0;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

.new_user_creat_account {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* ------------------------------------------------

             Login register form End                               

/* -------------------------------------------- */

/* ------------------------------------------------

             cart item Side Menu                              

/* -------------------------------------------- */

.cart-item-side-menu {
    width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
    background: #fff;
    height: calc(100vh);
    transform: translateX(110%);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
    cursor: default;
}

.cartMenuClose .cart-item-side-menu {
    transform: translateX(0%);
}

.cartMenuClose {
    overflow: hidden;
}

.cartMenuClose .cart-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #00000077;
    z-index: 99;
}

.cart-item-side-menu-close.js-menu-toggle span {
    color: #000;
    margin-right: 15px;
    font-size: 25px !important;
}

.cart-item-side-menu .cart-item-side-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.cart-item-side-menu .cart-item-side-menu-header .cart-item-side-menu-close span {
    font-size: 25px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    transition: .3s all ease;
}

.cart-item-side-menu .cart-item-side-menu-header .cart-item-side-menu-close span:hover {
    color: #25262a;
}

.cart-item-side-menu .cart-item-side-menu-body {
    overflow-y: scroll !important;
    position: relative;
    height: calc(100vh - 52px);
    padding-bottom: 50px;
    width: 100%;
    padding-top: 20px;
}

.cart-item-side-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 2px solid var(--primary-color);
}

.cart-item-heading h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: var(--text-color);
}

.shopping_item_s {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid var(--tertiary-color);
}

a.item_img img {
    height: 65px;
    width: 45px;
    object-fit: contain;
}

a.item_img {
    margin-right: 15px;
}

.item_title_totle a {
    display: block;
    color: var(--text-color);
    font-weight: 700;
    margin-bottom: 7px;
}

.count_cart_item ul li span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
}

.count_cart_item ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #88888826;
    padding: 9px;
}

.count_cart_item {
    padding: 10px 20px;
}

.view_cart_checkout_btn a {
    display: block;
    margin: 10px 0;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    background-color: var(--secondary-color);
    color: #fff;
    font-weight: bold;
}

.view_cart_checkout_btn a:not(:first-child) {
    background-color: var(--primary-color);
}

.view_cart_checkout_btn {
    padding: 5px 20px;
}

.close_button {
    height: 18px;
    width: 14px;
    background-color: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.close_button i {
    cursor: pointer;
}

.oject_position_center img {
    object-position: center !important;
}

/* ------------------------------------------------

             Cart Item Side Menu End                              

/* -------------------------------------------- */

/* ------------------------------------------------

             Home Page Section Start                              

/* -------------------------------------------- */

/* ------------------------------------------------

             Home Banner Section Start                              

/* -------------------------------------------- */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slide_items {
    position: relative;
    width: 100%;
}

.slide_items img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: top;
}

.banner_main_slider .swiper-button-next, .banner_main_slider .swiper-button-prev {
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.658);
    outline: 0;
    transition: 0.5s;
}

.banner_main_slider .swiper-button-next:after, .banner_main_slider .swiper-button-prev:after {
    font-size: 18px;
    color: #fff;
}

.banner_main_slider .swiper-button-next:hover, .banner_main_slider .swiper-button-prev:hover {
    background-color: rgb(0, 0, 0);
}

.fashion_items {
    position: absolute;
    z-index: 9;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    right: 200px;
}

.fashion_items h3 {
    color: #fff;
    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    margin-bottom: 30px;
}

.fashion_items h2 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    background: var(--secondary-color);
    padding: 5px;
    margin-bottom: 0;
    line-height: 1;
    border-radius: 5px;
    color: var(--primary-color);
    margin-bottom: 30px;
}

.btn_shopping a {
    padding: 10px;
    color: #ffffff;
    background: var(--primary-color);
    display: inline-block;
    border: 2px dashed var(--secondary-color);
}

.fashion_items.f_2 {
    align-items: center;
    left: 0;
    right: 0;
}

.fashion_items.f_3 {
    align-items: flex-start;
    left: 100px;
}

.slide_items.s_4 img {
    object-position: bottom;
}

/* ------------------------------------------------

             Home Page Section Banner End                              

/* -------------------------------------------- */

/* ------------------------------------------------

             Product compare                             

/* -------------------------------------------- */

.product_details_compare {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.product_details_compare h3 {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
    text-align: center;
}

.compare_product_wrap table {
    width: 100%;
}

.compare_product_wrap table thead tr th {
    border: 1px solid var(--primary-color);
    border-right: none;
    position: relative;
}

.compare_product_wrap table thead tr th:last-child {
    border-right: 1px solid var(--primary-color);
}

.pr_img_cmpr img {
    height: 130px;
    width: 100%;
    object-fit: contain;
}

.pr_nme_price h5 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 10px;
}

.pr_nme_price {
    margin-top: 20px;
    text-align: center;
}

.pr_nme_price .btn_add_cart a {
    display: inline-block;
    margin-left: 0;
    margin-top: 10px;
}

.prd_cmpr_body tr th {
    border: 1px solid rgb(182, 182, 182);
    border-top: none;
    padding: 10px;
    font-weight: bold;
    color: var(--text-color);
    width: 14.28%!important;
    vertical-align: top;
    border-right: none;
}

.prd_cmpr_body tr:nth-child(odd) th {
    background-color: #ffffff;
}

.prd_cmpr_body tr:nth-child(even) th {
    background-color: #f6f6f6;
}

.prd_cmpr_body tr:nth-child(odd) {
    background-color: #ffffff;
}

.prd_cmpr_body tr:nth-child(even) {
    background-color: #f6f6f6;
}

/* .prd_cmpr_body tr td:nth-child(odd) {
    background-color: #f6f6f6;
}

.prd_cmpr_body tr td:nth-child(even) {
    background-color: #fffbd3;
} */

.prd_cmpr_body tr td {
    border: 1px solid rgb(182, 182, 182);
    border-top: none;
    padding: 10px;
    border-right: none;
    font-size: 14px;
}

.prd_cmpr_body tr td:last-child {
    border-right: 1px solid rgb(182, 182, 182);
}

.feature_cmpr p {
    padding: 5px;
    color: var(--text-color);
}

.close_cmpr_prdct {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px #bebebe66;
    cursor: pointer;
    border-radius: 100%;
}

.close_cmpr_prdct i {
    font-size: 18px;
}

/* ------------------------------------------------

             Product compare                             

/* -------------------------------------------- */

/* ------------------------------------------------

        Home Page Section Featured Categorie                             

/* -------------------------------------------- */

.title_site {
    text-align: center;
}

.title_site h2 {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text-color);
    font-size: 30px;
    margin-bottom: 7px;
}

.title_site p {
    font-size: 14px;
    color: var(--text-grey-color);
}

.demo .featured_categories_item {
    background-color: rgb(230, 230, 230);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: 0.7s ease-in-out;
}

.featured_categories_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.7s ease-in-out;
}

.demo .featured_categories_item:hover img {
    transform: scale(1.1);
}

.height_300 {
    height: 300px;
}

.height_600 {
    height: 616px;
}

.img_content img {
    width: 270px;
    height: auto;
    object-fit: contain;
}

.height_420 {
    height: 420px;
}

.height_180 {
    height: 180px;
}

.mt-16 {
    margin-top: 16px;
}

.ob_c img {
    object-fit: contain;
    object-position: left;
}

.cataegorie_name {
    position: absolute;
}

.cataegorie_name a {
    padding: 10px;
    background-color: var(--secondary-color);
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--primary-color);
    border-radius: 3px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.247);
}

.bg-background {
    background: #ebebeb;
}

.secondary_title_site h2 {
    color: var(--title-color);
    font-size: 28px;
}

.Product_items {
    height: 350px;
    position: relative;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease-in-out;
}

.lable_offer {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--title-color);
    height: 38px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    color: #fff;
    flex-direction: column;
}

.lable_offer h3 {
    line-height: 0.6;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 18px;
}

.lable_offer span {
    line-height: 0.6;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.img_wrap {
    margin: 20px 0 0;
    padding: 20px 0 15px;
}

.img_wrap img {
    height: 200px;
    object-fit: contain;
    width: 100%;
}

.product_name p {
    line-height: 18px;
    text-align: left;
}

.product_name p a {
    font-size: 14px;
    line-height: 0.6;
}

.product_price {
    font-size: 16px;
}

.product_price b {
    color: var(--primary-color);
}

.product_rating ul li {
    float: left;
}

.product_rating ul li i {
    font-size: 13px;
    color: var(--primary-color);
}

.product_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.conter_button a {
    display: block;
    padding: 10px;
    background-color: var(--secondary-color);
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.actions_wrap {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.btn_icon_action {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.btn_icon_action button {
    background: var(--primary-color);
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    position: absolute;
    border: none;
}

/*
.btn_icon_action button:not(:last-child) {
    background-color: var(--secondary-color);
    width: 38px;
    height: 38px;
    left: -23px;
}

.btn_icon_action button:not(:first-child) {
    padding: 8px 20px 9px;
    right: -23px;
}
*/

.btn_icon_action button.left_button_action {
background-color: var(--secondary-color);
width: 38px;
height: 38px;
left: -23px;
}
.btn_icon_action button.right_button_action {
padding: 8px 20px 9px;
right: -23px;
}

.Product_items:hover .actions_wrap {
    visibility: visible;
    opacity: 1;
}

.new, .hot_offer {
    position: absolute;
    top: 20px;
    left: 20px;
}

.new span, .hot_offer span {
    padding: 6px 7px 5px;
    display: block;
    background-color: var(--secondary-color);
    color: #fff;
    font-weight: 900;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
}

.hot_offer span {
    background-color: var(--primary-color);
}

.buttons_row button {
    outline: none;
    border: none;
    background-color: var(--primary-color);
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
	height:38px;
}

.buttons_row {
    margin-top: 15px;
}

.buttons_row button:last-child {
    background-color: var(--secondary-color);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.Product_items:hover .buttons_row button:last-child {
    opacity: 1;
    visibility: visible;
}

/* ------------------------------------------------

        Home Page Section Featured Categorie                             

/* -------------------------------------------- */

/* ------------------------------------------------

        Home Page Infoblock Section                            

/* -------------------------------------------- */

.infoblock.type_1 {
    line-height: 18px;
    padding: 25px 21px 24px 67px;
}

.infoblock.type_1 i[class|="icon"] {
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
    font-size: 30px;
}

.infoblock.type_2 {
    text-align: center;
    padding: 30px 10px;
}

.infoblock.type_2 .caption {
    padding: 0 28px;
}

.infoblock.type_2 .caption b {
    font-size: 18px;
}

.infoblock.type_2 [class*="button"] {
    margin-top: 15px;
    -webkit-transition: color .7s ease, background-color .7s ease;
    transition: color .7s ease, background-color .7s ease;
}

.infoblock.type_2:hover [class*="button"] {
    background: var(--primary-color);
    -webkit-transition: color .1s ease, background-color .1s ease;
    transition: color .1s ease, background-color .1s ease;
}

.infoblock.type_2 i[class|="icon"] {
    display: block;
    font-size: 48px;
    margin: 0 0 17px;
}

.infoblock.type_3 {
    padding: 30px 20px 25px;
}

.infoblock.type_3 i[class|="icon"] {
    float: left;
    margin-right: 20px;
    font-size: 48px;
}

.infoblock.type_3 i[class|="icon"]::before {
    margin-left: 0px;
    margin-right: 0px;
}

.infoblock.type_3 .caption {
    overflow: hidden;
    padding-top: 5px;
    margin-bottom: 12px;
    line-height: 20px;
}

.infoblocks_container {
    position: relative;
    z-index: 101;
}

.call_to_action:not(.type_2)::before, .infoblocks_container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    left: -4000px;
    right: -4000px;
    background: #efefef;
}

.infoblocks_container .infoblock {
    padding-top: 33px;
    padding-bottom: 33px;
    border-radius: 0px;
}

.infoblocks_container .infoblocks_wrap>li {
    width: 33.333%;
    margin: 0;
}

.infoblocks_wrap.section_offset:not(:last-child) {
    margin-bottom: 35px;
}

.infoblocks_wrap>li {
    float: left;
    width: 19.64%;
    margin-bottom: 5px;
    margin-right: 0.43%;
}

.infoblocks_wrap.six_items>li {
    width: 16.30%;
}

.infoblocks_wrap.six_items>li:nth-child(6n), .infoblocks_wrap.five_items>li:nth-child(5n) {
    margin-right: 0%;
}

.infoblock .caption {
    color: var(--primary-color);
    text-transform: uppercase;
}

.infoblock a, .infoblock p, .infoblock .caption, .infoblock i[class|="icon"] {
    -webkit-transition: color .7s ease;
    transition: color .7s ease;
}

.infoblock {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    margin-right: 20px;
    position: relative;
    -webkit-transition: color .7s ease, background-color .7s ease;
    transition: color .7s ease, background-color .7s ease;
    box-shadow: 0 0 30px #bebebe66;
}

.infoblock:last-child {
    margin-right: 0;
}

.infoblock i[class|="icon"] {
    color: var(--primary-color);
}

.infoblock .caption {
    font-weight: 600;
}

.infoblock:hover {
    background: var(--primary-color);
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
}

.infoblock:hover a, .infoblock:hover p, .infoblock:hover .caption, .infoblock:hover i[class|="icon"] {
    color: #fff;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

.infoblocks_wrap.six_items .infoblock {
    padding-left: 50px;
    padding-right: 10px;
}

.infoblocks_wrap.six_items .infoblock i[class|="icon"] {
    left: 5px;
}

.list_of_infoblocks li:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.list_of_infoblocks li {
    position: relative;
    padding: 19px 0 16px 40px;
}

.list_of_infoblocks li i[class|="icon"] {
    color: #333;
    position: absolute;
    top: 19px;
    left: 0;
    font-size: 30px;
}

.list_of_infoblocks li i[class|="icon"]::before {
    margin: 0px;
}

.list_of_infoblocks h6 {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.list_of_infoblocks p {
    font-size: 13px;
    line-height: 18px;
}

.infoblock_flex_display {
    display: flex;
}

.button_dark_grey {
    padding: 10px;
    background-color: var(--secondary-color);
    margin-top: 15px;
    color: #fff;
    border-radius: 3px;
}

.infoblock p {
    margin-bottom: 20px;
    margin-top: 20px;
}

/* ------------------------------------------------

        Home Page Infoblock Section                            

/* -------------------------------------------- */

/* ------------------------------------------------

        Home Page Banner Sale                           

/* -------------------------------------------- */

.sale-banner a img {
    height: 338px;
    width: 100%;
    border: 10px solid rgb(255, 246, 246);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.253);
    border-radius: 5px;
}

/* ------------------------------------------------

        Home Page Banner Sale ebd                            

/* -------------------------------------------- */

/* ------------------------------------------------

            Home Page Section End                             

/* -------------------------------------------- */

/* ------------------------------------------------

		 Footer

------------------------------------------------ */

#footer h4 {
    margin-bottom: 18px;
    color: #fff;
    font-size: 18px;
}

#footer .widget+.widget {
    margin-top: 40px;
}

#footer .tweet_list {
    margin-top: -20px;
}

#footer .widget .list_of_links>li:first-child>a, #footer .widget .list_of_entries>li:first-child, #footer .widget .list_of_infoblocks>li:first-child, #footer .widget .products_list_widget>li:first-child {
    padding-top: 0px;
}

.footer_section {
    padding-top: 40px;
    padding-bottom: 25px;
    background-color: var(--secondary-color);
}

.footer_section_2 {
    padding-top: 20px;
    padding-bottom: 15px;
}

.footer_section_3 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--primary-color);
}

.footer_section_4 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer_logo {
    margin-bottom: 15px;
}

.payments {
    display: inline-block;
    margin-bottom: 10px;
}

.footer_nav {
    margin-bottom: 10px;
}

.footer_nav>ul {
    display: inline-block;
}

#footer .streamlined_title {
    margin-bottom: 15px;
}

.streamlined {
    display: table;
    width: 100%;
}

.streamlined>* {
    display: table-cell;
}

.streamlined>*:first-child {
    padding: 9px 20px 0 0;
    min-width: 100px;
}

.streamlined_type_2>*:first-child {
    padding: 9px 20px 0 0;
    float: left;
}

.streamlined_type_2>*:last-child {
    overflow: hidden;
}

.footer_message {
    font-size: 13px;
    line-height: 18px;
    padding: 0 150px;
}

.about_us {
    margin-bottom: 25px;
}

#footer .list_of_entries li {
    padding: 19px 0;
    border-bottom: 1px solid #eaeaea;
}

#footer .list_of_entries .entry {
    background: transparent;
    padding: 0px;
    border: none;
}

#footer .list_of_entries li:last-child {
    padding-bottom: 8px;
    border-bottom: none;
}

#footer .list_of_entries .entry_title {
    margin-top: 2px;
    font-weight: 600;
}

.footer_section .widget ul li a {
    color: #fff;
    border: none;
    padding: 0 0 5px;
}

.list_of_links li a {
    display: block;
}

.footer_section .widget ul li a:hover {
    text-decoration: underline;
}

.color-white {
    color: #fff !important;
}

.entry_thumb img {
    height: 53px;
    width: 83px;
    object-fit: contain;
}

.entry_thumb {
    display: block;
    float: left;
    margin-right: 15px;
}

#footer .list_of_entries li {
    padding: 19px 0;
    border-bottom: 1px solid #eaeaea;
}

.social_btns li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* sidebar menu list */

.sticky_inner .cats {
    position: absolute;
    z-index: 118;
    top: 100%;
    left: 0px;
    width: 168px;
}

.sticky_inner .cats>li:first-child>a, .sticky_inner .shopping_cart>.animated_item:first-child {
    border-top-width: 0px;
    border-radius: 0px;
}

.list_of_links li a {
    display: block;
    padding: 7px 0 9px;
    border-bottom: 1px solid #eaeaea;
}

.list_of_links li:last-child a {
    border-bottom: none;
}

.search .categories_list {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    margin-top: 2px;
}

.search .categories_list li:first-child a {
    border-radius: 0px;
}

.categories_list {
    position: relative;
    text-align: left;
}

.categories_list li a {
    display: block;
    padding: 9px 13px 8px;
    background: #fff;
    position: relative;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-right-color: var(--primary-color);
    border-left-color: var(--primary-color);
    border-bottom-color: #eaeaea;
}

.categories_list li:last-child a {
    border-bottom-color: var(--primary-color);
    border-radius: 0 0 3px 3px;
}

.site_settings li:not(:first-child) a::after, .categories_list li:not(:first-child) a::after, .options_list>li:not(:first-child)>a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 101;
    top: -1px;
    height: 1px;
    background: var(--primary-color);
    -webkit-transition: opacity .7s ease;
    transition: opacity .7s ease;
}

.site_settings li:hover a::after, .categories_list li:hover a::after, .options_list>li:hover>a::after {
    opacity: 1;
    -webkit-transition: opacity .05s ease;
    transition: opacity .05s ease;
}

.categories_list li:hover a {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.all {
    color: var(--primary-color);
}

.c_info_list [class*="c_info_"]:not(:last-child) {
    margin-bottom: 10px;
}

[class*="c_info_"]:not(ul) {
    padding-left: 24px;
    position: relative;
}

[class*="c_info_"]:not(ul)::after {
    font-family: 'fontello';
    color: var(--primary-color);
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.c_info_name::after {
    content: "\ee92";
}

.c_info_location::after {
    content: "\eb70";
}

.c_info_phone::after {
    content: "\ee7f";
}

.c_info_mail::after {
    content: "\ee30";
}

.c_info_schedule::after {
    content: "\ee8d";
}

.shop_links_list {
    text-align: left;
}

.list_margin li {
    margin-top: 10px;
}

.shop_links_list li:not(:first-child) {
    margin-top: 4px;
}

.shipping_method li:not(:first-child) {
    margin-top: 20px;
}

.c_info_location {
    color: #fff;
}

hr:not([class]) {
    margin: 0;
}

/* ------------------------------------------------

             My Account Page Design Start                              

/* -------------------------------------------- */

.my_profile {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
    display: flex;
    align-items: center;
}

.my_profile_img img {
    height: 50px;
    width: 50px;
    border-radius: 100%;
}

.my_profile_description {
    margin-left: 15px;
}

.my_profile_description span.hello {
    display: block;
    font-size: 13px;
}

.my_profile_description b {
    font-weight: bold;
    margin-top: 5px;
    font-size: 16px;
}

.side_nav_bar {
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
}

.side_nav_bar>ul>li {
    padding: 20px;
    border-bottom: 1px solid rgb(235, 235, 235);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side_nav_bar>ul>li:last-child {
    border-bottom: none;
}

/* .side_nav_bar>ul>li:first-child{
    padding-bottom: 0;
} */

.side_nav_bar>ul>li>a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: var(--text-color);
    transition: 0.5s ease-in-out;
}

.side_nav_bar>ul>li.active {
    border-right: 2px solid var(--primary-color);
}

.side_nav_bar>ul>li.active>a, .side_nav_bar>ul>li.active>a>i {
    color: var(--primary-color);
}

.side_nav_bar>ul>li>a>i {
    margin-right: 15px;
    font-size: 20px;
    color: gray;
}

.badge_primary {
    display: block;
    background-color: var(--secondary-color);
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 1px 6px;
    border-radius: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.side_nav_bar>ul>li>a:hover {
    margin-left: 15px;
}

.my_account_dashbord {
    width: 100%;
    padding: 0px 30px;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
    padding: 20px 30px;
}

.my_account_dashbord_title {
    padding: 20px;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.my_account_dashbord_title h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text-color);
}

.my_account_dashbord_title h3 i {
    margin-right: 10px;
    color: var(--text-color);
}

.my_account_dashbord_control {
    padding: 20px 30px;
}

.control_group {
    border: 1px solid var(--primary-color);
    padding: 10px 20px;
    height: 100%;
}

.control_group span {
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--text-color);
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.add_address .control_group {
    border: none;
    padding: 0;
}

.add_address .control_group span {
    border: none;
}

.control_group input {
    border-radius: 0;
    height: 33px;
    color: var(--text-color);
}

.control_group textarea {
    border-radius: 0;
}

.control_group p {
    padding: 10px;
    font-weight: bold;
    color: var(--text-color);
}

.btn_end {
    margin: 28px 0 0;
}

.btn_end button {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 10px 25px;
    font-weight: bold;
}

.btn_end button:last-child {
    background-color: var(--secondary-color);
}

.simple_vertical_list li {
    padding: 10px 0;
    display: inline-block;
}

.order_history {
    margin-top: 30px;
}

.order_history table {
    width: 100%;
}

.table_header th {
    padding: 20px 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    border-left: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
}

.table_header {
    border: 1px solid var(--primary-color);
    border-left: none;
    border-right: none;
    text-align: center;
}

.order_history tbody tr td {
    padding: 30px 10px;
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
    color: var(--text-color);
}

.order_history tbody tr {
    border-bottom: 1px solid rgb(235, 235, 235);
    text-align: center;
}

.product_item_img_content img {
    height: 65px;
    width: 65px;
    object-fit: contain;
}

.width10 {
    width: 20%;
}
.width30 {
    width: 30%;
}

.btn_action {
    padding: 7px 15px;
    border: none;
    background-color: var(--secondary-color);
    color: #fff;
}

.pagination_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.showing_result_number p {
    font-weight: bold;
    color: var(--text-color);
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li {
    padding: 10px 5px;
}

.pagination ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: var(--text-color);
}

.pagination ul li:not(:first-child) a, .pagination ul li:not(:last-child) a {
    height: 30px;
    width: 30px;
}

.pagination ul li:not(:first-child) a.active, .pagination ul li:not(:last-child) a.active {
    background-color: var(--primary-color);
    color: var(--text-color);
    border-radius: 100%;
}

.pagination ul {
    display: flex;
    align-items: center;
}

.pagination ul li:first-child a {
   /* padding-right: 10px; */
   	margin-right:20px;
    padding-left: 0;
    /*
	text-transform: uppercase;
    font-size: 12px;
	*/
}
.pagination ul li:not(:first-child) a.active, .pagination ul li:not(:last-child) a.active
{
	margin-right:0px !important;
}

.pagination ul li:last-child a {
    padding-right: 0;
    /*
	text-transform: uppercase; 
    font-size: 12px;
	*/
	margin-left: 10px;
}

.pagination ul li:first-child a i, .pagination ul li:last-child a i {
    font-size: 16px;
    color: rgb(182, 182, 182);
}

.pagination ul li:first-child a i {
    padding-right: 5px;
}

.pagination ul li:last-child a i {
    padding-left: 5px;
}

.pagination ul li:first-child {
    padding-right: 15px;
    padding-left: 10;
}

.pagination ul li:last-child {
    padding-right: 0;
    padding-left: 10px;
}

.pagination {
    border: 1px solid rgb(235, 235, 235);
    border-radius: 0;
    padding: 0 30px;
}

.show_option {
    display: flex;
    justify-content: center;
    align-items: center;
}

.show_option span {
    margin-right: 10px;
    font-weight: bold;
}

.order_name, .order_description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 20px 30px;
    box-shadow: 0 0 30px #bebebe66;
    position: relative;
}

.invoice {
    padding: 2px 10px;
    border-radius: 15px;
    display: inline-block;
    font-weight: 600;
    background-color: aliceblue;
    margin-right: 10px;
    color: var(--text-color);
}

.o_c {
    padding: 2px 10px;
    border-radius: 15px;
    display: inline-block;
    font-weight: 600;
    background-color: var(--secondary-color);
    color: #fff;
}

.o_c:hover {
    color: #fff;
}

.order_delivery_address h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

.order_delivery_address address {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.8;
}

.order_delivery_address address b {
    display: block;
    margin-bottom: 10px;
    line-height: normal;
}

.contact_info {
    margin-top: 30px;
}

.phone_no b, .email b {
    display: block;
}

.phone_no, .email {
    margin-bottom: 10px;
}

.border_horizontal_middel {
    height: 100%;
    width: 1px;
    background-color: rgb(207, 207, 207);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.order_details {
    width: 50%;
    padding: 20px 30px;
}

.order_delivery_address {
    width: 50%;
}

.order_details ul li span {
    display: block;
    font-weight: bold;
}

.order_details ul li {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.total {
    background-color: var(--secondary-color);
    padding: 10px !important;
    margin-top: 15px;
}

.orderd_items {
    background-color: #fff;
    padding: 20px 30px;
    box-shadow: 0 0 30px #bebebe66;
    padding: 20px 30px 30px !important;
}

.shiping_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.total span {
    color: #fff;
}

.order_delivery_timeline {
    background-color: #fff;
    padding: 20px 30px;
    box-shadow: 0 0 30px #bebebe66;
}

.the_timeline {
    margin: 62px 0;
}

.timeline {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.timeline::before {
    position: absolute;
    top: 0;
    height: 100%;
    padding-right: 11px;
    border-right: 2px solid #F2F2F2;
    content: "";
}

.timeline__item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.timeline__step {
    padding-right: 62px;
    position: relative;
}

.timeline__step__marker {
    position: relative;
    display: table-cell;
    height: 24px;
    min-height: 24px;
    width: 24px;
    min-width: 24px;
    border: 4px solid #F2F2F2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: white;
    z-index: 0;
}

.timeline__step__marker--confrim {
    border-color: #5c59ff;
}

.timeline__step__marker--confrim .sonar-wave {
    background-color: #5c59ff;
}

.timeline__step__marker--packed {
    border-color: #BF8360;
}

.timeline__step__marker--packed .sonar-wave {
    background-color: #BF8360;
}

.timeline__step__marker--shipped {
    border-color: #025373;
}

.timeline__step__marker--shipped .sonar-wave {
    background-color: #025373;
}

.timeline__step__marker--out-delivery {
    border-color: #C178FA;
}

.timeline__step__marker--out-delivery .sonar-wave {
    background-color: #C178FA;
}

.timeline__step__marker--cancelled {
    border-color: #ff4557;
}

.timeline__step__marker--cancelled .sonar-wave {
    background-color: #ff4557;
}

.timeline__step__marker--delivered {
    border-color: #26a541;
}

.timeline__step__marker--delivered .sonar-wave {
    background-color: #26a541;
}

.timeline__time h4 {
    font-size: 20px;
    font-weight: bold;
}

.timeline__time p {
    margin-top: 7px;
}

.timeline__item.disible_class .timeline__step__marker {
    border-color: rgb(214, 214, 214);
}

.timeline__item.disible_class .timeline__time h4, .timeline__item.disible_class .timeline__time p {
    color: rgb(214, 214, 214);
}

.timeline__time h4 small {
    font-size: 14px;
    font-weight: bold;
}

.timeline__title {
    padding-bottom: 26px;
    font-size: 32px;
}

.timeline .timeline__item:not(:last-child) {
    padding-bottom: 100px;
}

.timeline__points {
    padding: 0;
    list-style: none;
    font-size: 24px;
    color: #77777D;
}

.timeline__points>* {
    padding: 0 0 12px 0;
}

.timeline__item:last-child .timeline__step {
    background-color: #fff;
    z-index: 99;
}

.timeline__step.active_wave .sonar-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    opacity: 0;
    pointer-events: none;
    animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
    from {
        opacity: 0.8;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

a.add_address_btn {
    padding: 5px 10px;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 15px;
    font-weight: bold;
}

.address_description {
    padding: 0 20px 20px;
    border: 1px solid var(--primary-color);
    height: 100%;
    display: grid;
    align-items: center;
}

.border_box {
    border: 1px solid rgb(235, 235, 235);
}

.default_address {
    padding: 20px 0;
    text-align: right;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.default_address a {
    background-color: #d9ffe1;
    color: #26a541;
    padding: 7px 15px;
    border-radius: 30px;
    font-weight: bold;
}

.main_address {
    padding: 20px 0 0;
}

.main_address h4 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 20px;
    color: var(--text-color);
}

.main_address .office_name {
    margin: 15px 0 7px;
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color);
}

.main_address p {
    margin: 15px 0;
}

.main_address .number {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.btn_edit_address .edit_address a {
    padding: 5px 10px;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.btn_edit_address {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.btn_edit_address .remove_address a {
    padding: 5px 10px;
    background-color: var(--secondary-color);
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-left: 15px;
}

.make_default_address {
    margin-top: 25px;
}

.make_default_address a {
    padding: 5px 10px;
    background-color: var(--secondary-color);
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.no_address_found {
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
    height: 100%;
}

.not_found_img img {
    height: 200px;
    width: 200px;
}

.no_address_found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.no_address_found h3 {
    font-weight: bold;
    color: var(--text-color);
    font-size: 25px;
    margin: 30px 0;
    text-align: center;
}

.btn_add_address .add_address_btn {
    padding: 10px 15px;
    border-radius: 3px;
}

.address_type span {
    text-transform: uppercase;
    font-size: 11px;
    color: #555555;
    vertical-align: middle;
    padding: 4px 7px;
    border-radius: 2px;
    background-color: #f0f0f0;
    font-weight: 900;
    display: inline-block;
    margin-top: 20px;
}

.control_group .nice-select {
    width: 100%;
    height: 33px;
    line-height: 22px;
    border-color: var(--text-grey-color);
    margin-bottom: 10px;
    border-radius: 0;
}

.code_country {
    position: absolute;
    position: absolute;
    top: 0;
    width: 60%;
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.cnumber input {
    padding-left: 85px;
}

.control_group .nice-select span {
    border-bottom: none;
}

.nice-select .list {
    right: 0;
    max-height: 240px;
    overflow-y: auto;
}

.btn_wishlist_action {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.btn_action_wishlist {
    height: 40px;
    width: 40px;
    color: #fff;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 3px;
}

.item_count {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_count input {
    width: 40px;
    border-left: none;
    border-right: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    height: 38px;
    text-align: center;
    outline: none;
}

.item_count button {
    border: 1px solid var(--text-grey-color);
    float: left;
    height: 38px;
    text-align: center;
    width: 28px;
    background-color: none;
}

.item_count button:first-child {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.item_count button:last-child {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* .item_count{
    border: 1px solid var(--text-grey-color);
} */

.breadcrumbs {
    padding: 10px;
    background: aliceblue;
}

.breadcrumbs-content .current-page {
    text-decoration: underline;
    color: var(--secondary-color);
    font-weight: bold;
}

/* ------------------------------------------------

            My Account Page Design End                            

/* -------------------------------------------- */

/* ------------------------------------------------

            search result grid view page                            

/* -------------------------------------------- */

.filter_wrap {
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
    padding: 10px 20px;
}

.filter_title {
    border-bottom: 1px solid rgb(235, 235, 235);
    padding: 10px 0;
}

.filter_title h3 {
    font-size: 20px;
    font-weight: bold;
    color: var(--text-color);
}

.categorie_list {
    padding: 15px 0;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.title_filters_subfilters h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0;
    color: var(--text-color);
}

.categories_dropdown .nice-select, .subcategories_dropdown .nice-select {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.categories_dropdown .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .subcategories_dropdown .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.Sub_categories {
    margin-top: 30px;
}

.Sub_categories h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color);
    text-transform: uppercase;
}

.subcategories_dropdown {
    display: block;
    padding: 5px 0 5px;
}

.title_filters_subfilters i, .Sub_categories i {
    font-size: 24px;
    vertical-align: bottom;
    margin-right: 5px;
    color: var(--text-color);
}

/* Price Chart Start  */

.filter-title {
    position: relative;
}

.filter-title p {
    font-size: 16px;
    color: #444;
    font-weight: 500;
    line-height: 1;
}

.full-filter .price-range.ui-widget.ui-widget-content {
    border: none;
    margin-left: 10px;
}

.ui-slider-horizontal {
    height: 10px;
    background: var(--primary-color);
    border: none;
}

.price-range.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 10px;
    background: var(--secondary-color);
}

.price-range .ui-slider-handle.ui-corner-all.ui-state-default {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    border: none;
    /* box-shadow: 0px 5px 13px rgba(167, 167, 167, 0.7); */
    cursor: pointer;
    background: var(--secondary-color);
    top: -7px;
    outline: none;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter .price-range .ui-slider-handle.ui-corner-all.ui-state-default {
    box-shadow: none;
}

input#amount_two {
    border: none;
    outline: none;
}

/* Price Chart End  */

.search_by_price {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.search_by_brand, .search_by_color {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.brand_listing li {
    display: block;
}

.brand_listing label span {
    font-weight: bold;
}

.b22 label span {
    color: gold;
}

.c22 label span:first-child {
    display: inline-block;
    height: 22px;
    width: 22px;
    background-color: red;
    margin-right: 10px;
}

.c22 label div.rating {
    display: flex;
    align-items: center;
}

.product_result_wrap {
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
}

.showing_result_count {
    color: var(--text-color);
    font-weight: bold;
    font-size: 16px;
}

.sort_listing {
    display: flex;
    align-items: center;
}

.sort_listing label {
    margin-right: 7px;
    font-weight: bold;
    color: var(--text-color);
    margin-bottom: 0;
}

.sort_listing .nice-select .list {
    left: auto;
}

.border_bottom {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.product_item_content {
    padding: 25px 15px;
    border-right: 1px solid rgb(235, 235, 235);
    border-bottom: 1px solid rgb(235, 235, 235);
}

.product_item_content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.heart_wishlist {
    position: absolute;
    top: 28px;
    right: 30px;
    cursor: pointer;
}

.heart_wishlist i {
    font-size: 22px;
    color: #000;
    opacity: .2;
}

.offer_text {
    color: #388e3c;
    font-size: 11px;
    font-weight: bold;
}

.rating_badge {
    display: block;
    padding: 0px 2px;
    color: #fff;
    background-color: var(--secondary-color);
    font-size: 12px;
    border-radius: 2px;
    margin-left: 5px;
}

.rating_badge i {
    font-size: 11px;
}

.product_description_text p {
    color: var(--secondary-color);
}

.product_description_text a {
    color: var(--primary-color);
    margin-top: 10px;
    display: inline-block;
}

.product_item_content:hover .actions_wrap {
    visibility: visible;
    opacity: 1;
}

.img_wrap_2 {
    margin: 35px 0 0;
}

.product_item_content.list_view {
    display: block;
}

.product_item_content.list_view .actions_wrap {
    visibility: visible;
    opacity: 1;
    position: unset;
}

.list_action .conter_button {
    display: inline-block;
}

.product_item_content.list_view .img_wrap_2 {
    margin: 0;
    display: flex;
    justify-content: center;
}

.btn_add_cart a {
    background-color: var(--primary-color);
    margin-left: 10px;
}

/* ------------------------------------------------

            End search result grid view page                            

/* -------------------------------------------- */

/* ------------------------------------------------

            Product detials page                           

/* -------------------------------------------- */

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    bottom: 0;
}

.product_img_slider {
    width: 100%;
    border: 1px solid rgb(235, 235, 235);
    padding: 30px 0 0;
    display: block;
    margin-bottom: 40px;
    /* box-shadow: 0 0 30px #bebebe66; */
}

.bb_ {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.h-450 {
    height: 450px;
}

.product_item_img_slider img {
    height: 370px;
    max-width: 300px;
    object-fit: contain;
}

.product_img_slider .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.product_img_slider .gallery-top {
    height: 100%;
    width: 100%;
}

.product_img_slider .gallery-thumbs {
    height: 29%;
    box-sizing: border-box;
    padding: 10px 0;
}

.product_img_slider .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    padding: 10px 5px;
    box-shadow: 0 0 14px #63636338;
    border: 1px solid transparent;
    cursor: pointer;
}

.product_img_slider .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border-color: var(--primary-color);
}

.product_thumbnail_img img {
    height: 98px;
    width: 100%;
    object-fit: contain;
}

.product_img_slider .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .product_img_slider .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    font-size: 25px;
    color: var(--text-color);
}

.product_img_slider .swiper-button-next, .product_img_slider .swiper-button-prev {
    top: 48%;
}

.product_name h3 {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-color);
}

.stock_details {
    margin: 10px 5px;
}

.stock_details p span {
    font-size: 15px;
}

.in_stock {
    color: #26a541;
}

.out_of_stock {
    color: #ff4557;
}

.stock_details p span:last-child {
    color: var(--text-color);
}

.customer_reviews {
    color: var(--tertiary-color);
    font-size: 16px;
}

.custom_price b {
    font-size: 25px;
    color: var(--text-color);
}

.title_feature h5 {
    text-transform: capitalize;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.feature_list ul li {
    padding: 0 0 10px;
}

.feature_list ul {
    margin-left: 10px;
}

.feature_list ul li a i {
    font-size: 12px;
    margin-right: 5px;
    color: var(--text-color);
}

.special_feature.mt-3 {
    padding: 10px;
    background: #fafafa;
}

.sp_dropdown {
    width: 60%;
}

.sp_dropdown table {
    width: 100%;
}

.sp_dropdown table tbody tr {
    border: 1px solid #e5e5e5;
}

.sp_dropdown table tbody tr td {
    border: 1px solid #e5e5e5;
}

.label {
    width: 40%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: var(--secondary-color);
}

.sp_dropdown table tbody tr td label {
    margin: 0;
}

.sp_dropdown table tbody tr td .nice-select {
    width: 100%;
    border: none;
}

.btn_add_cart_new button {
    background-color: var(--primary-color);
    padding: 9px 20px;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-radius: 3px;
    transition: 0.5s ease-in-out;
}

.btn_add_cart_new button:hover {
    background-color: var(--secondary-color);
}

.check_delivery form {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.check_delivery input {
    width: 30%;
}
.check_delivery select {
    width: 40%;
}
.ml18{margin-left: 18px;}
.check_delivery button {
    display: inline-block;
    padding: 8px;
    border: navajowhite;
    margin-left: 18px;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 2px;
}

.success, .alert_box_success {
    color: #26a541;
}

.error, .out_of_stock, .alert_box_error {
    color: #ff4557;
}

.wishlist_product_details {
    position: absolute;
    top: 15px;
    right: 30px;
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    box-shadow: 0 0 20px #9e9e9ea3;
    z-index: 9;
    border-radius: 100%;
    cursor: pointer;
}

.wishlist_product_details i {
    font-size: 22px;
    color: #000;
    opacity: 0.2;
}

.button_share ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.button_share ul li a {
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    padding: 0 !important;
}

.button_share ul li a:hover {
    text-decoration: none !important;
}

.button_share ul li a {
    font-size: 23px;
}

.v_centered {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

span.title {
    font-size: 16px;
    margin-right: 10px;
    font-weight: bold;
}

.product_cart_option {
    display: flex;
    align-items: center;
}

.title_seller h5, .seller_name h5 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: var(--text-color);
}

.seller_name h5 {
    font-size: 16px;
    margin-top: 15px;
}

.seller_name .rating_badge {
    padding: 0;
    height: 18px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: #fff;
}

.title_seller .rating_badge i {
    margin-left: 3px;
}

.seller_description p a {
    color: #0d0dd9;
}

.seller_information {
    padding: 10px;
    background-color: #fafafa;
}

.tab-pane.active {
    animation: slide-up 0.8s ease-out;
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.list-details-tab li.nav-item {
    margin-right: 25px;
}

.list-details-tab li.nav-item a {
    font-size: 20px;
    font-weight: bold;
    color: rgb(194, 194, 194);
    padding: 10px 15px 25px;
    display: block;
    /* border-bottom: 3px solid transparent; */
    position: relative;
    transition: 0.3s;
}

.list-details-tab li.nav-item a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    width: 0px;
    height: 2px;
    -moz-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    opacity: 0;
    visibility: hidden;
}

.list-details-tab li.nav-item.active a:after {
    width: 100%;
    left: 0;
    right: auto;
    background: var(--text-color);
    opacity: 1;
    visibility: visible;
}

.list-details-tab li.nav-item.active a {
    color: var(--text-color);
}

.nav-tabs {
    border: none;
}

.product_description_contetn {
    padding: 0 10px;
}

.mt-30 {
    margin-top: 30px;
}

.product_description_contetn p {
    text-align: justify;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.box-shadow {
    box-shadow: 0 0 30px #bebebe66;
}

.transition {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.tab-content {
    border-top: 1px solid rgb(235, 235, 235);
}

.title_specification h4 {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    color: var(--text-color);
    text-transform: capitalize;
    background-color: aliceblue;
}

.specification_table {
    margin-top: 15px;
    padding: 0 20px;
}

.specification_table table {
    width: 100%;
}

.specification_table table tbody {
    width: 100%;
}

.specification_table table tbody tr {
    border: 1px solid rgb(235, 235, 235);
    width: 100%;
}

.specification_table table tbody tr:not(:last-child) {
    border-bottom: none;
}

.specification_table table tbody tr td {
    padding: 15px 20px;
}

.specification_table table tbody tr td.sp_details {
    width: 25%;
    background-color: aliceblue;
}

.specification_table table tbody tr td.sp_details_ans {
    width: 75%;
}

/* .tab-pane {
    max-height: 700px;
    overflow-y: auto;
} */

.title_reviews h5 {
    padding: 10px;
    font-size: 20px;
    color: var(--text-color);
    font-weight: bold;
    background-color: aliceblue;
}

.reviews_adding_detaisl {
    padding: 10px 20px;
    background-color: #f4f4f4;
    margin-top: 15px;
}

.r_name span {
    color: var(--text-color);
    font-size: 20px;
    font-weight: bold;
}

.r_name small {
    font-size: 13px;
    color: gray;
}

.r_name {
    padding: 10px 0;
}

.r_rating {
    padding-bottom: 10px;
}

.r_description p {
    font-size: 15px;
    line-height: 1.8;
    color: var(--text-color);
}

.r_description {
    padding-bottom: 15px;
}

.r_like_dislike ul {
    display: flex;
    align-items: center;
}

.r_like_dislike ul li {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.r_like_dislike ul li i {
    font-size: 20px;
}

.r_like_dislike ul li span {
    font-weight: bold;
}

.r_like_dislike ul li.like i, .r_like_dislike ul li.like span {
    color: #26a541;
}

.r_like_dislike ul li.dislike i, .r_like_dislike ul li.dislike span {
    color: #ff5353;
}

.r_flex {
    display: flex;
}

.r_reviews_add {
    width: 40%;
}

.r_list {
    width: 60%;
}

.rt2 h5 {
    background-color: #dddddd;
}

.rating_title_new {
    font-size: 18px;
    color: var(--text-color);
    font-weight: bold;
    padding: 30px 0 7px;
    display: block;
}

.text_reviews textarea {
    height: 250px;
}

.r_list, .specification {
    max-height: 700px;
    overflow-y: auto;
}

.reset button {
    background-color: var(--secondary-color);
}

.reset button:hover {
    background-color: var(--primary-color);
}

.btn_search_reset {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 30px;
}

.search_btn button, .reset button {
    font-size: 16px;
    padding: 7px 10px;
}

.payments li img {
    height: 24px;
    width: 38px;
}

.caption-wrap {
    display: none;
}

#zoomple_previewholder .image_wrap {
    box-shadow: 0 0 30px #bebebe66;
}

#zoomple_previewholder .cursor {
    background: none;
}

/* ------------------------------------------------

            End product details view                             

/* -------------------------------------------- */

/* ------------------------------------------------

            Payment Setting card                             

/* -------------------------------------------- */

.sved_card_details {
    padding: 20px 30px;
    background-color: aliceblue;
    border-radius: 10px;
    margin-top: 7px;
}

.title_bar_saved_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.card_edit_delete button {
    background: none;
    border: none;
    outline: none;
}

.card_edit_delete button i {
    font-size: 26px;
    color: var(--text-color);
}

.card_edit_delete button.edit_card {
    margin-right: 50px;
}

.card_type_number {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 10px;
}

.card_type img {
    height: 24px;
    width: 38px;
    object-fit: contain;
}

.sub_title_account {
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: aliceblue;
    border-radius: 5px;
}

.sub_title_account h5 i {
    margin-right: 10px;
    color: var(--text-color);
    font-size: 22px;
}

.modal-content {
    border: none;
    border-radius: unset;
}

.payment_method {
    display: flex;
    align-items: center;
}

.payment_method .card_type {
    margin-right: 30px;
}

h5.payment_method_title, .title_payee_name h5 {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-color);
    text-transform: capitalize;
    margin-bottom: 10px;
}

.Pay_method, .change_payee_name {
    padding: 10px;
    background-color: aliceblue;
    border-radius: 3px;
}

.modal-header {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.modal-footer {
    border-top: 1px solid rgb(235, 235, 235);
}

.change_exp_date {
    display: flex;
    align-items: center;
}

.change_exp_date .nice-select .list {
    max-height: 150px;
}

.select_month {
    margin-right: 10px;
}

.btn_save_close button {
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    border: none;
}

.btn_save_close button:first-child {
    background-color: var(--secondary-color);
}

.btn_save_close button:last-child {
    background-color: var(--primary-color);
}

.text_info_delete {
    margin-top: 10px;
    padding: 10px;
    background-color: aliceblue;
    border-radius: 3px;
}

.text_info_delete p {
    font-size: 16px;
    color: var(--text-color);
}

label.title_label {
    text-transform: capitalize;
    color: var(--text-color);
    font-weight: bold;
}

.enter_card_number {
    position: relative;
    /* padding: 10px; */
    /* border: 1px solid var(--primary-color); */
}

.enter_card_number img {
    position: absolute;
    right: 10px;
    bottom: 14px;
    height: 24px;
    width: 38px;
    object-fit: contain;
}

.add_to_compr_link {
    margin: 20px 0 0;
}

.add_to_compr_link a {
    /* text-decoration: underline; */
    color: var(--primary-color);
}

/* .exp_date_select {
    padding: 10px;
    border: 1px solid var(--primary-color);
}

.name_your_card {
    padding: 10px;
    border: 1px solid var(--primary-color);
} */

/* ------------------------------------------------

            Payment Setting card                             

/* -------------------------------------------- */

/* ------------------------------------------------

            My review page                           

/* -------------------------------------------- */

.review_list {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    border: 1px solid rgb(235, 235, 235);
    padding: 15px 10px;
}

.product_review_img {
    border-right: 1px solid rgb(235, 235, 235);
    padding-right: 25px;
}

.product_review_img a img {
    height: 130px;
    width: 130px;
    object-fit: contain;
}

.product_review_img {
    margin-right: 25px;
}

.product_review_name h5 a {
    color: var(--text-color);
}

.product_review_name h5 small {
    font-size: 14px;
    color: gray;
}

.product_your_review {
    margin: 15px 0;
}

.product_your_review p {
    color: var(--text-color);
    font-size: 16px;
}

.btn_edit_delete button.edit, .btn_edit_delete button.delete {
    font-weight: bold;
    border: none;
    padding: 3px 10px;
    border-radius: 15px;
    outline: none;
}

.btn_edit_delete button.edit {
    margin-right: 15px;
    background-color: #d9ffe1;
    color: #26a541;
}

.btn_edit_delete button.delete {
    background-color: #ffc7c7;
    color: #ff4557;
}

.product_you_review_ {
    background-color: aliceblue;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.product_review_img_new a img {
    height: 70px;
    width: 70px;
    object-fit: contain;
}

.product_review_img_new {
    margin-right: 15px;
}

.edit_review .r_reviews_add {
    width: 100%;
}

.my_review .modal-content .modal-header button {
    background: none;
}

/* ------------------------------------------------

            My review page                           

/* -------------------------------------------- */

/* ------------------------------------------------

            Shopping Crart                          

/* -------------------------------------------- */

.shopping_cart_list {
    box-shadow: 0 0 30px #bebebe66;
    background-color: #fff;
}

.shopping_cart_header {
    padding: 30px 10px;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.shopping_cart_header h5 {
    font-size: 17px;
    text-transform: capitalize;
    color: var(--text-color);
}

.shopping_cart_items {
    padding: 20px 10px;
}

.table_list table {
    width: 100%;
}

.table_list table tbody tr td {
    padding: 15px;
    text-align: center;
}

.table_list table thead tr th {
    padding: 15px;
    text-align: center;
    border: 1px solid rgb(212, 212, 212);
}

.table_list table thead tr th:first-child {
    text-align: left !important;
    padding-left: 35px;
}

.table_list table tbody tr td:first-child {
    width: 40%;
    text-align: left !important;
}

.table_list table tbody tr td .product_cart_details {
    display: flex;
    align-items: center;
}

.table_list table tbody tr td .product_cart_details .img_cart_product img {
    height: 100px;
    width: 100px;
    object-fit: contain;
}

.name_cart_product p {
    font-weight: bold;
}

.shopping_cart_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    border-top: 1px solid rgb(235, 235, 235);
}

.total_amount {
    font-size: 16px;
}

.btn_checkout button {
    padding: 5px 15px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    font-weight: 600;
}

.price_details {
    box-shadow: 0 0 30px #bebebe66;
    background-color: #fff;
}

.price_details_title {
    padding: 15px;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.price_details_title h5 {
    font-size: 18px;
    color: var(--text-color);
    font-weight: bold;
}

.cart_item_billing {
    padding: 15px;
}

.listing_billing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid rgb(235, 235, 235);
}

.listing_billing span {
    color: var(--text-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.listing_billing:last-child {
    border-bottom: none;
}

.total_amount_cart {
    padding: 15px;
    border-top: 1px solid rgb(235, 235, 235);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--secondary-color);
}

.total_amount_cart span {
    color: #fff;
}

/* ------------------------------------------------

            Shopping Crart                          

/* -------------------------------------------- */

/* ------------------------------------------------

            Checkout page                          

/* -------------------------------------------- */

.checkout_box {
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
}

.checkout_tab {
    display: flex;
}

.checkout_tab.nav {
    border-bottom: 2px solid #efefff;
}

.checkout_tab .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.checkout_tab .nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--text-grey-color);
    text-transform: uppercase;
    padding: 20px 0;
    position: relative;
}

.checkout_tab .nav-item a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: auto;
    right: 0;
    width: 0px;
    -moz-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    height: 3px;
    background: var(--secondary-color);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}

.checkout_tab .nav-item.active a::after {
    left: 0;
    right: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.checkout_tab .nav-item.active a {
    color: var(--secondary-color);
}

.checkout_tab .nav-item a i {
    font-size: 30px;
    margin-right: 7px;
    color: var(--text-grey-color);
}

.checkout_tab .nav-item.active a i {
    color: var(--secondary-color);
}

.add_new_address {
    text-align: center;
}

.select_address {
    padding: 20px 0;
}

.add_select_list {
    border: 1px solid var(--primary-color);
    padding: 18px 18px 0;
}

.s_add_name h6 {
    font-size: 18px;
    margin-bottom: 13px;
}

.email_mo_no span {
    display: block;
    margin-bottom: 10px;
}

.add_s_new p {
    color: var(--text-color);
    margin: 20px 0;
}

.select_checkbox_address {
    padding: 25px 0;
    border-top: 1px solid var(--primary-color);
}

.btn_next_back {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_next_back button {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
}

.btn_next_back button i {
    font-size: 16px;
}

.btn_next_back button:first-child {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    background-color: transparent;
}

.btn_next_back button:first-child i {
    margin-right: 10px;
}

.btn_next_back button:last-child {
    background-color: var(--secondary-color);
    color: #fff;
    border-color: var(--secondary-color);
}

.btn_next_back button:last-child i {
    margin-left: 10px;
    color: #fff;
}

.method_pymnt label img {
    height: 24px;
    width: 38px;
    object-fit: contain;
}

.chooes_payment_method {
    width: 100%;
    padding: 20px 0;
    background-color: aliceblue;
}

.flex_content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.method_pymnt:first-child {
    margin-right: 30px;
}

.saved_card b, .saved_card span {
    display: block;
}

.saved_card {
    padding: 20px;
    background-color: aliceblue;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cvv_input_box {
    display: flex;
    align-items: center;
    display: none;
    /* opacity: 0;
    visibility: hidden; */
}

.cvv_input_box input {
    width: 70px;
    margin-left: 10px;
}

.cvv_input_box label {
    margin-bottom: 0;
}

.saved_title {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--text-color);
    font-weight: bold;
    margin-bottom: 10px;
}

.or {
    position: relative;
    margin: 30px;
}

.or span {
    font-size: 18px;
    color: var(--text-color);
    font-weight: bold;
    position: absolute;
    top: -16px;
    height: 30px;
    width: 76px;
    background: white;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
    text-align: center;
    left: 0;
    right: 0;
    text-transform: uppercase;
}

.deliver_checkout_title {
    padding: 15px 0;
}

.deliver_checkout_title h5 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.deliver_checkout_title h5 i {
    margin-right: 10px;
}

.delivery_checkout_address h6 {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0;
}

.delivery_checkout_address p {
    margin-top: 10px;
    font-size: 16px;
}

.delivery_checkout_address {
    margin-left: 30px;
}

.delivery_info_checkout {
    padding: 20px 15px;
    background: aliceblue;
    display: grid;
    height: 100%;
}

.Payment_checkout {
    margin-left: 30px;
}

.Payment_checkout img {
    height: 24px;
    width: 38px;
    object-fit: contain;
    margin-bottom: 15px;
}

.bg_aliceblue {
    background-color: aliceblue;
}

.border_bottom_black {
    border-bottom: 1px solid var(--tertiary-color);
}

.table_list tr td {
    border: 1px solid rgb(212, 212, 212);
    padding: 15px;
}

.table_list tfoot tr td:not(:first-child) {
    text-align: center;
}

.total_checkout b {
    font-size: 16px;
    color: var(--secondary-color);
}

.check_title {
    font-size: 16px;
    text-transform: uppercase;
}

.check_title_grand, .total_checkout_grand {
    font-size: 20px;
    color: #fff;
    background-color: var(--secondary-color);
    border: none !important;
}

.img_order_confirm img {
    height: 100px;
    width: 100px;
}

.img_order_confirm {
    margin: 15px 0;
}

.title_order_confirm h4 {
    font-weight: bold;
    color: #26a541;
    margin: 15px 0 0;
}

.description_order_confrim p {
    color: gray;
    margin: 15px 0;
}

.track_btn a {
    display: inline-block;
    background-color: var(--secondary-color);
    color: #fff;
    padding: 3px 20px;
    border-radius: 15px;
}

.order_confirm_checkout {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

/* ------------------------------------------------

            Checkout page                          

/* -------------------------------------------- */

/* ------------------------------------------------

            Conatct page                          

/* -------------------------------------------- */

.mo_flex {
    display: flex;
    margin-top: 10px;
}

.mo_flex .nice-select {
    width: 20%;
    margin-right: 15px;
}

.contact_us_area textarea {
    height: 100px;
}

.them_box {
    padding: 20px;
    box-shadow: 0 0 30px #bebebe66;
    background-color: #fff;
}

.address_section ul {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    height: 100%;
    justify-content: center;
}

.address_section {
    height: 100%;
}

.address_section ul li {
    display: flex;
    margin: 15px 0;
    align-items: center;
}

.address_section ul li a {
    color: var(--text-color);
    font-size: 16px;
    font-weight: bold;
}

.address_section ul li i {
    font-size: 20px;
    color: var(--text-color);
    margin-right: 10px;
}

.pcontrol h4 {
    color: var(--text-color);
    margin-bottom: 15px;
}

.pcontrol p {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: justify;
    color: var(--text-color);
}

/* ------------------------------------------------

           Contact page                          

/* -------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*                               Faqs Css Start                               */

/* -------------------------------------------------------------------------- */

#faqs .card-header {
    padding: 0;
}

#faqs .card-header h5 {
    width: 100%;
}

#faqs .card {
    border: none;
}

#faqs .card-header h5 button {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 20px 45px 20px 25px;
    position: relative;
    text-decoration: none;
    color: #ff7650;
}

#faqs .card-header h5 button::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #027c81;
    border-left: 2px solid #027c81;
    -moz-transition: ease all 0.55s;
    -o-transition: ease all 0.55s;
    -webkit-transition: ease all 0.55s;
    transition: ease all 0.55s;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    top: 28px;
    right: 25px;
}

#faqs .card-header h5 button[aria-expanded="true"]::after {
    top: 32px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#faqs .card-header h5 button[aria-expanded="true"] {
    color: #027c81;
}

#faqs .card-header:not(:last-child), #faqs .card-body {
    border-bottom: 1px solid rgb(235, 235, 235);
}

.box-shadow {
    box-shadow: 0 0 30px #bebebe66;
}

#faqs .card-body {
    border-left: 5px solid var(--primary-color);
    padding: 20px;
}

.card-header:first-child, #faqs .card {
    border-radius: unset;
}


/* ------------------------------------------------- 

                  Faqs css Ebd                               

 ------------------------------------------------ */

/* ------------------------------------------------- 

                  shopping guid                               

 ------------------------------------------------ */

.guid_img {
    width: 100%;
    height: 100%;
}

.guid_img a img {
    width: 100%;
    height: 216px;
    object-fit: contain;
}

.shopping_guid_item {
    padding: 25px 15px;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
}

.date_guid {
    height: 70px;
    width: 60px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 3px 3px var(--primary-color);
}

.guid_upload_content {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.guid_description {
    padding: 5px 20px;
}

.tital_description h4 {
    color: var(--secondary-color);
}

.guid_text p {
    font-size: 16px;
    color: var(--text-grey-color);
    margin-top: 20px;
}

.date_upload_guid {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.date_upload_guid i {
    font-size: 20px;
    color: var(--text-grey-color);
    margin-right: 5px;
}

.date_upload_guid span {
    font-size: 16px;
    color: var(--text-grey-color);
}

.category_upload_guid {
    margin-left: 10px;
}

.category_upload_guid span {
    font-size: 16px;
    color: var(--text-grey-color);
}

.sap_pagination {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
    padding: 15px;
}

.shopping_guid_full_view {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 30px #bebebe66;
}

.title_full_view {
    padding: 10px 0;
}

.title_full_view h5 {
    color: var(--text-color);
}

.guid_img_full_view img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.guid_full_description {
    margin-top: 15px;
}

.guid_full_description_title {
    padding: 10px 0;
}

.guid_full_description_title h6 {
    font-size: 20px;
    color: var(--text-color);
}

.guid_full_description_details p {
    color: var(--text-color);
    margin-bottom: 16px;
    font-size: 16px;
}

.guid_full_description_list ul li span {
    display: block;
    color: var(--text-color);
    font-size: 16px;
    margin-bottom: 5px;
}

.about_text {
    color: #fff;
    text-align: justify;
    padding-right: 20px;
    font-weight: 500;
}

.flx_content_copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infoblock_badges {
    display: flex;
    align-items: center;
    margin: 50px 0;

}

.icon_badges_infoblok i {
    color: var(--primary-color);
    font-size: 30px;
    margin-right: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 100%;
    padding: 5px;
    opacity: 0.9;
}

.text_infoblock_badges {
    color: #fff;
}

.text_infoblock_badges h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.text_infoblock_badges span{}



/* ------------------------------------------------- 

                  shopping guid                               

 ------------------------------------------------ */

/* ------------------------------------------------

             Responsive Start                              

/* -------------------------------------------- */

@media (max-width:1167px) {
    .hamburge {
        margin-right: 10px;
    }
    .logo img {
        height: 60px;
    }
    nav.nav_item_menu>ul>li {
        padding: 6px 11px;
    }
    .shopping_cart_new, .wish_list {
        height: 40px;
        width: 40px;
    }
    .shopping_cart_new a i {
        font-size: 18px;
    }
    .cart_number {
        top: 0;
        padding: 0 5px;
    }
    .nav_item_menu ul li a {
        font-size: 14px;
    }
    .pagination ul li:first-child {
        padding-right: 20px;
        padding-left: 0;
    }
    .pagination ul li:last-child {
        padding-right: 0;
        padding-left: 20px;
    }
    .pagination ul li:not(:first-child) a, .pagination ul li:not(:last-child) a {
        height: 25px;
        width: 25px;
    }
    .pagination {
        padding: 0 20px;
    }
}

@media (max-width:991px) {
    nav.nav_item_menu>ul {
        display: block;
    }
    nav.nav_item_menu ul li.active {
        border-bottom: none;
    }
    nav.nav_item_menu>ul>li {
        padding: 0;
    }
    .nav_item_menu>ul>li>a {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    .nav_item_menu>ul>li>a>i {
        width: 36px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .3s all ease;
    }
    .nav_item_menu>ul>li>a>i[aria-expanded="true"] {
        transform: rotate(180deg);
    }
    .nav_item_menu>ul>li>a>i:hover {
        background: var(--bg-ligh-grey);
    }
    .dropdown_hover_nav {
        position: unset;
        width: 100%;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        margin-top: 0;
    }
    .dropdown_hover_nav>ul>li>span {
        display: none;
    }
    .dropdown_hover_nav>ul>li, .dropdown_hover_nav>ul>li:not(:last-child) {
        border: none;
        padding: 0;
    }
    .dropdown_hover_nav>ul>li>a {
        padding-left: 40px !important;
        color: #888 !important;
    }
    .width-sm-100 {
        width: 100%;
    }
    .width-sm-70 {
        width: 70%;
    }
    .search_bar {
        margin: 0 40px;
    }
    .slide_items img {
        height: 500px;
    }
    .fashion_items, .fashion_items.f_3 {
        align-items: center;
        right: 0;
        left: 0;
    }
    .fashion_items h2 {
        font-size: 30px;
    }
    .btn_shopping a {
        padding: 5px;
    }
    .infoblock_flex_display {
        flex-wrap: wrap;
        justify-content: center;
    }
    .infoblock {
        width: 30%;
    }
    .container-fluid-md {
        max-width: 100% !important;
    }
    .pagination_content {
        flex-direction: column;
    }
    .showing_result_number {
        margin-bottom: 20px;
    }
    .pagination {
        margin-bottom: 20px;
    }
    .pagination ul li:first-child {
        padding-right: 40px;
        padding-left: 0;
    }
    .pagination ul li:last-child {
        padding-right: 0;
        padding-left: 40px;
    }
    .pagination ul li:not(:first-child) a, .pagination ul li:not(:last-child) a {
        height: 30px;
        width: 30px;
    }
    .pagination {
        padding: 0 40px;
    }
    .order_description {
        flex-direction: column;
    }
    .order_delivery_address {
        width: 100%;
    }
    .order_details {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .border_horizontal_middel {
        display: none;
    }
    .default_address {
        text-align: center;
    }
    .sp_dropdown {
        width: 100%;
    }
    .sp_dropdown.table-responsive {
        /* overflow-x: unset; */
        overflow-y: unset;
    }
    .list-details-tab li.nav-item a {
        font-size: 17px;
        font-weight: bold;
        color: rgb(194, 194, 194);
        padding: 10px 0px 15px;
        display: block;
        /* border-bottom: 3px solid transparent; */
        position: relative;
        transition: 0.3s;
    }
    .right_side_form {
        width: 100%;
    }
    .guid_upload_content {
        justify-content: center;
    }
    .flx_content_copy {
        flex-direction: column;
    }
    .about_text {
        padding-right: 0;
    }
}

@media (max-width:767px) {
    .infoblock {
        width: 40%;
    }
    th, td {
        white-space: nowrap;
    }
    .order_details_name_nw {
        flex-direction: column;
    }
    .btn_order_details {
        text-align: center;
    }
    .invoice {
        display: block;
        margin: 15px 0;
    }
    .shiping_title {
        flex-direction: column;
    }
    .shiping_title h3 {
        margin-bottom: 15px;
        text-align: center;
    }
    .slide_items img {
        height: 400px;
    }
	.w50{width:50% !important;float:left !important}
	.hide_mobile{display:none}
}

@media (max-width:668px) {
    .site_menubar {
        flex-direction: column;
    }
    .re_1 {
        width: 100%;
    }
    .site-logo {
        margin-left: auto;
        margin-right: auto;
    }
    .re-2 {
        flex-direction: column !important;
    }
    .my_custom {
        margin: 20px 0;
    }
    .shopping_cart_new, .wish_list {
        width: 100%;
        height: 50px;
    }
    .search_bar {
        margin: 0;
    }
    .cart_number {
        right: unset;
        top: 4px;
        margin-left: 15px;
    }
    .flex-content {
        flex-direction: column;
    }
    .login_register_bar {
        margin: 8px 0;
    }
    .title_site h2 {
        font-size: 24px;
    }
    .help_user {
        flex-direction: column;
    }
    .forgot_password {
        margin-top: 10px;
    }
    .slide_items img {
        height: 300px;
    }
	.support_minimal { width: 100%; } .support_minimal .my_custom { margin-left: 10px; margin-right: 10px; }
	.login_form_content {
    	width: 90%;
	}
}

@media (max-width:575px) {
    .sale-banner a img {
        height: auto;
        width: 100%;
        border: 10px solid rgb(255, 246, 246);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.253);
        border-radius: 5px;
        object-fit: contain;
        width: 50%;
        margin: auto;
    }
    .sale-banner {
        text-align: center;
    }
    .list_view .product_description {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .checkout_tab {
        flex-direction: column;
    }
    .login_register .modal-dialog {
        max-width: 100%;
    }
    .mo_flex .nice-select {
        width: 40%;
    }
}

@media (max-width:500px) {
    .site-mobile-menu {
        width: 250px;
    }
    .site-mobile-menu .site-nav-wrap>li>ul>li>a {
        padding-left: 10px;
    }
    .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
        padding-left: 20px;
    }
    .dropdown_hover_nav>ul>li>a {
        padding-left: 10px !important;
    }
    .fashion_items h3 {
        display: none;
    }
    .fashion_items h2 {
        font-size: 20px;
    }
    .banner_main_slider .swiper-button-next, .banner_main_slider .swiper-button-prev {
        height: 30px;
        width: 30px;
    }
    .title_site h2 {
        font-size: 20px;
    }
    .cart-item-side-menu {
        width: 280px;
    }
    .infoblock {
        width: 100%;
        margin-right: 0;
    }
    .newmt {
        margin-top: 1rem!important;
    }
    .sale-banner a img {
        width: 100%;
    }
    .my_account_dashbord_control {
        padding: 20px 0;
    }
    .control_group {
        padding: 10px;
    }
    .my_account_dashbord {
        padding: 10px;
    }
    .pagination ul li:first-child {
        padding-right: 20px;
        padding-left: 0;
    }
    .pagination ul li:last-child {
        padding-right: 0;
        padding-left: 20px;
    }
    .pagination ul li:not(:first-child) a, .pagination ul li:not(:last-child) a {
        height: 25px;
        width: 25px;
    }
    .pagination {
        padding: 0 20px;
    }
    .pagination ul li:not(:first-child) a, .pagination ul li:not(:last-child) a {
        height: 20px;
        width: 20px;
    }
    .order_name h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .order_name {
        flex-direction: column;
    }
    .order_details ul li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .order_details ul li span {
        padding-bottom: 10px;
    }
    .check_delivery form {
        flex-direction: column;
    }
    .check_delivery input, .check_delivery select {
        width: 100%;
        margin-bottom: 5px;
    }
    .check_delivery button {
        width: 100%;
        margin-left: 0 !important;
    }
	.ml18{margin-left: 0px;}
    .product_cart_option {
        flex-direction: column;
    }
    .item_count {
        margin-right: 0 !important;
    }
    .product_cart_option .btn_add_cart_new {
        margin-top: 10px;
    }
    .list-details-tab {
        flex-direction: column;
    }
    .r_flex {
        flex-direction: column;
    }
    .r_list {
        width: 100%;
    }
    .r_reviews_add {
        width: 100%;
        margin-top: 30px;
    }
    .title_bar_saved_card {
        flex-direction: column;
    }
    .card_edit_delete {
        margin-top: 35px;
    }
    .my_account_dashbord_title {
        flex-direction: column;
    }
    .my_account_dashbord_title .add_address_btn {
        margin-top: 30px;
    }
    .card_type_number {
        flex-direction: column;
        align-items: center;
    }
    .card_type, .card_number {
        margin-bottom: 10px;
    }
    .review_list {
        flex-direction: column;
    }
    .product_review_description {
        text-align: center;
    }
    .product_review_rating .product_rating {
        justify-content: center;
    }
    .product_review_img {
        margin-right: 0px;
        margin-bottom: 25px;
    }
    .product_you_review_ {
        flex-direction: column;
    }
    .product_review_img_new {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .shopping_cart_header h4 {
        font-size: 20px;
    }
    .shopping_cart_footer {
        flex-direction: column;
    }
    .btn_checkout {
        margin-top: 15px;
    }
}

@media (max-width:440px) {
    .saved_card {
        flex-direction: column;
        align-items: flex-start;
    }
    .cvv_input_box {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }
    .btn_next_back {
        flex-direction: column;
    }
    .btn_next_back button:last-child {
        margin-top: 15px;
    }
    .slide_items img {
        height: 200px;
    }
    .text_infoblock_badges h5{
        font-size: 14px;
    }
    .icon_badges_infoblok i{
        font-size: 20px;
    }
}

@media (max-width:300px) {
    .logo img {
        height: 100%;
        width: 100%;
    }
}

#lightbox-panel-loader {
    display: none;
    position: fixed;
    z-index: 10000;
}

#lightbox-panel-mask {
    position: fixed;
    z-index: 9000;
    background-color: #FFF;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 0.2 !important;
}


.disp_none{
	display:none;
}

.snackbar_success
{
	background-color: #25b160;    /* Black background color */
}
.snackbar_error
{
	background-color: #e02020;    /* Black background color */
}
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  font-weight:bold;
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 999991; /* Add a z-index if needed */
  right: 3%; /* Center the snackbar */
  top: 30px; /* 30px from the top */
  height:auto !important;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}
.bg_color_primary
{
	background-color:var(--primary-color) !important;
}
.bg_color_secondary
{
	background-color:var(--secondary-color) !important;
}
.disp_none { display:none !important; }

/* star rating css start */

.stars-container {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: 15px;
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: lightgray !important;
}
.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold !important;
  overflow: hidden;
}

.stars-0:after { width: 0%; }
.stars-1:after { width: 1%; }
.stars-2:after { width: 2%; }
.stars-3:after { width: 3%; }
.stars-4:after { width: 4%; }
.stars-5:after { width: 5%; }
.stars-6:after { width: 6%; }
.stars-7:after { width: 7%; }
.stars-8:after { width: 8%; }
.stars-9:after { width: 9%; }
.stars-10:after { width: 10%; }
.stars-11:after { width: 11%; }
.stars-12:after { width: 12%; }
.stars-13:after { width: 13%; }
.stars-14:after { width: 14%; }
.stars-15:after { width: 15%; }
.stars-16:after { width: 16%; }
.stars-17:after { width: 17%; }
.stars-18:after { width: 18%; }
.stars-19:after { width: 19%; }
.stars-20:after { width: 20%; }
.stars-21:after { width: 21%; }
.stars-22:after { width: 22%; }
.stars-23:after { width: 23%; }
.stars-24:after { width: 24%; }
.stars-25:after { width: 25%; }
.stars-26:after { width: 26%; }
.stars-27:after { width: 27%; }
.stars-28:after { width: 28%; }
.stars-29:after { width: 29%; }
.stars-30:after { width: 30%; }
.stars-31:after { width: 31%; }
.stars-32:after { width: 32%; }
.stars-33:after { width: 33%; }
.stars-34:after { width: 34%; }
.stars-35:after { width: 35%; }
.stars-36:after { width: 36%; }
.stars-37:after { width: 37%; }
.stars-38:after { width: 38%; }
.stars-39:after { width: 39%; }
.stars-40:after { width: 40%; }
.stars-41:after { width: 41%; }
.stars-42:after { width: 42%; }
.stars-43:after { width: 43%; }
.stars-44:after { width: 44%; }
.stars-45:after { width: 45%; }
.stars-46:after { width: 46%; }
.stars-47:after { width: 47%; }
.stars-48:after { width: 48%; }
.stars-49:after { width: 49%; }
.stars-50:after { width: 50%; }
.stars-51:after { width: 51%; }
.stars-52:after { width: 52%; }
.stars-53:after { width: 53%; }
.stars-54:after { width: 54%; }
.stars-55:after { width: 55%; }
.stars-56:after { width: 56%; }
.stars-57:after { width: 57%; }
.stars-58:after { width: 58%; }
.stars-59:after { width: 59%; }
.stars-60:after { width: 60%; }
.stars-61:after { width: 61%; }
.stars-62:after { width: 62%; }
.stars-63:after { width: 63%; }
.stars-64:after { width: 64%; }
.stars-65:after { width: 65%; }
.stars-66:after { width: 66%; }
.stars-67:after { width: 67%; }
.stars-68:after { width: 68%; }
.stars-69:after { width: 69%; }
.stars-70:after { width: 70%; }
.stars-71:after { width: 71%; }
.stars-72:after { width: 72%; }
.stars-73:after { width: 73%; }
.stars-74:after { width: 74%; }
.stars-75:after { width: 75%; }
.stars-76:after { width: 76%; }
.stars-77:after { width: 77%; }
.stars-78:after { width: 78%; }
.stars-79:after { width: 79%; }
.stars-80:after { width: 80%; }
.stars-81:after { width: 81%; }
.stars-82:after { width: 82%; }
.stars-83:after { width: 83%; }
.stars-84:after { width: 84%; }
.stars-85:after { width: 85%; }
.stars-86:after { width: 86%; }
.stars-87:after { width: 87%; }
.stars-88:after { width: 88%; }
.stars-89:after { width: 89%; }
.stars-90:after { width: 90%; }
.stars-91:after { width: 91%; }
.stars-92:after { width: 92%; }
.stars-93:after { width: 93%; }
.stars-94:after { width: 94%; }
.stars-95:after { width: 95%; }
.stars-96:after { width: 96%; }
.stars-97:after { width: 97%; }
.stars-98:after { width: 98%; }
.stars-99:after { width: 99%; }
.stars-100:after { width: 100%; }

/* star rating css end */

.opacity_1{
opacity: 1 !important;
}
#highligh_key_point, .highligh_key_point {
	text-align: justify;
	padding:15px;
}
#highligh_key_point ul, .highligh_key_point ul{
	list-style: disc;
}
 .promocode {
	margin-top: 20px;
	padding: 0 10px;
	width: 100%;
}
.flx {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flx input {
	border: none;
	border-radius: 0;
	background: #f6f6f6;
}
.promocode label {
	text-transform: uppercase;
	color:  var(--secondary-color);
	font-weight: 600;
}
.promocode button {
	padding: 10px 20px;
	border: none;
	background-color: var(--secondary-color);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	height: 38px;
}

.registertDropdown {
    margin-right: 10px;
}

.mb-37 {
    margin-bottom: 37px;
}

.registertDropdown .nice-select {
    border: 0;
    border-bottom: 1.5px solid #adadad;
    border-radius: 0;
    height: 40px;
    color: #9a9a9a;
}

.registertDropdown .nice-select:after {
    top: 55%;
}

.responsive_img {
  max-width: 100%;
  height: auto;
}
.ellipsis{
height: 35px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}

.ellipsis40{
height:40px !important;
}


.password_box {
    position: relative;
}

span.btn-show-pass {
    position: absolute;
    right: 10px;
}

span.btn-show-pass i {
    cursor: pointer;
}
.support_minimal { display: flex; }


@media (max-width:767px) { 
	#zoomple_previewholder, #zoomple_image_overlay { display: none !important; } 
	a.zoomple { border: 1px solid transparent; display: block; } 
	
	.checkout_box {
	    padding: 10px 15px;
	}
}
 
.collapse-block-title { display: none; } 
@media (min-width:992px) { 
	.collection-collapse-block-content { display: block !important; } 
}
@media (max-width:991px) { 
	.collapse-block-title { display: block; z-index: 999; } 
	.filter_title { display: flex; justify-content: space-between; align-items: center; }
	.collection-collapse-block-content { display: none; } 
}

.wrap_content {
    margin-right: 30px;
}

.location_select_dropdown .nice-select {
    height: 29px;
    line-height: 25px;
    background: transparent;
    border-color: var(--text-grey-color);
    border-radius: 3px;
    / border: none; /
    / padding: 0px 0; /
    / padding-left: 25px; /
}

.location_select_dropdown .nice-select .list {
    right: auto;
}

.flexin_Wraping {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.mr_15{margin-right:15px;}