:root
{
    
    --orange: #EE530E;
    --cyan:#3DD6B7;
    --light-gray:#d6d6d6;
    --navy-blue: #182C61; 
    --yellow: #F3BF30;
    --fb-icon:#14569d; 
    --twitter-icon: #169cdd;
    --linkedin-icon:  #0e76a8;
    --twitter-hover-icon: #0eaaf5;
    --linkedin-hover-icon: #0073b1;
    --fb-hover-icon:#2d4b82;
    --footer-color: #969696;
}

*
{
    font-family: 'Montserrat', sans-serif;
}
* , *:focus
{
  outline:  none !important;
} 
btn:focus , btn:active
{
    outline:  none !important;
    box-shadow: none !important;
}
.badge-yellow
{
    background-color: var(--yellow);
}
.badge-cyan
{
    background-color: var(--cyan);
}
.badge-navy
{
    background-color: var(--navy-blue);
}
.badge-yellow , .badge-cyan , .badge-navy
{
    color:white;
    font-size: 11px;
    padding:6px;
}
.text-cyan
{
    color: var(--cyan);
}
body
{
    box-sizing: border-box;
    position: relative;
}
body::-webkit-scrollbar ,.modal::-webkit-scrollbar
{
    width: 10px;
}
body::-webkit-scrollbar-track ,.modal::-webkit-scrollbar-track,
.color_fliter_brand .filter_accordian .brand_filters::-webkit-scrollbar-track
{
    background-color:#ddd;
}
body::-webkit-scrollbar-thumb ,.modal::-webkit-scrollbar-thumb,
.color_fliter_brand .filter_accordian .brand_filters::-webkit-scrollbar-thumb
{
  background: var(--cyan);
}
.color_fliter_brand .filter_accordian .brand_filters::-webkit-scrollbar
{
    width: 5px;
}
.fixed_header
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.upper_header
{
    background-color: var(--orange);
}
.email_icon,.phone_icon
{
    color: var(--navy-blue);
}
.social_icon
{
    height: 30px;
    width: 30px;
    display: block;
    background-color: var(--navy-blue);
    color:white; 
    padding: 7px 9px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
}
.social_icon:hover
{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white;
    color: var(--nvay-blue);
}
.transparent_btn
{
    background-color: transparent !important;
    color: white  !important;
    /* border: 1px solid white  !important; */
    font-size: small !important;
}
.btn
{
    position: relative !important;
}
.btn:hover::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:var(--cyan);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: 0.5s transform ease-in; 
    -webkit-transition: 0.5s transform ease-in; 
    
}
/* ------menu------ */
.logo
{
    height: 90px;
    width: 100%;
    transition: 0.5s all ease-in;
}
.logo img
{
    height: 100%;
    width:auto;
    object-fit: contain;
}
.toggler_btn
{
    background-color: var(--navy-blue);
} 
.toggler_btn .toggle_icon
{
    color: white;
} 
.toggler_btn .toggle_icon
{
    transition: 0.5s all;
}
.toggler_btn .toggle_icon:hover
{
    transform: rotate(360deg);
}
.navbar
{
    padding: 0px !important;
}
.navbar .has-megamenu
{
    position:static!important;
}
.navbar .megamenu
{
    top: 105px;
    left:0; right:0; width:100%; padding:10px;  
    background-color: white;
    /* box-shadow: 0px 7px 17px -3px #e5e5e5; */
     border: 1px solid #f3f3f3;
    border-top: none !important;
    border-radius: 0px !important;

}
.mainmenu
{
    background-color: white !important;
    box-shadow: 0px 8px 14px -3px #bebebe;
    padding: 7px 0px;
    transition: 0.2s all ease-in;
    z-index: 999;
}
.mainmenu ul li
{
    padding: 0px 5px;
}
.mainmenu ul li a
{
    color: var(--navy-blue);
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
}
.mainmenu ul li a:hover
{
    color: var(--cyan);
    font-weight: bold;
}
.submenu
{
    min-height: 150px;
    margin-top: 17px;

}
.has-megamenu .submenu ul li a span
{
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #d2d2d2;
    display: inline-block;
    margin: 0px 4px 0px 0px;
}
.has-megamenu .submenu ul li a 
{
    color: var(--navy-blue);
    font-weight: 400 !important;
    padding: 2px 0px !important;
    text-decoration: none;
    text-align: left !important;
    position: relative;
    font-size: 12px;
}
.megamenu .submenu .cat_heading a
{
    font-size: 13px;
    color: var(--navy-blue);
    width: 170px;
    /* display: inline-block; */
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre; */
    padding-left: 6px;
    height: auto;
    /* display: flex;
    align-items: center; */

}
.main_cat .pro_total_count
{
    /* padding: 11px 0px 0px 11px; */
    width: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.megamenu .submenu .cat_heading a:hover
{
  color: var(--orange);
}

.has-megamenu .submenu ul li a:hover
{
    color: var(--cyan) !important;
    font-weight: 600 !important;
    position: relative;
}
.submenu .cat_view_more_link
{
    color: var(--yellow);
}
.submenu .cat_view_more_link:hover
{
    color: var(--orange);
}
/* .has-megamenu .submenu ul li a:hover::after
{
    
    content:"\f054";
    position: absolute;
    font-family: FontAwesome;
    top: 5px;
    right:0;
    color: var(--cyan) !important;
    font-size: 10px;

} */
.login_dropdown ul li a 
{
    text-align: left !important;
}
.login_dropdown ul li a:hover
{
    color: var(--cyan) !important;
}
.cart_link
{
    position: relative;
    font-size: large;

}
.cart_link span
{
    position: absolute;
    top: -3px;
    height: 19px;
    width: 18px;
    text-align: center;
    font-size: small;
}
.down_caret
{
    position: relative;
   /*  top: 2px; */
}
.up_caret
{
    position: relative;
    /* top: 2px; */
}

.main_cat span
{
    height: 45px;
    width: 45px;

}
.main_cat span img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.dropdown-toggle::after
{
    /* position: relative;
    top: 3px; */
    display: none !important;
}
.has_colormenu ul li a 
{
    color: var(--navy-blue);
    font-weight: 400 !important;
    text-decoration: none;
    text-align: left !important;
    position: relative;
}
.fa-caret-right::before
{
    content:"\f054" !important;
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.has_colormenu ul li a:hover ,.login_dropdown ul li a:hover
{
    color: white !important;
  background-color: var(--navy-blue);
}
.has_colormenu .color_ul
{
    top: 70px;
    box-shadow: 0px 1px 3px -3px #e5e5e5 !important;
    /* border: none !important; */
    /* border: 1px solid #ededed; */
     border: 1px solid #f3f3f3;
    border-top: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
}
.color_ul li ,.login_dropdown ul li
{
    position: relative;
    margin: 6px 0px;
    padding: 0px !important;
}
.color_ul li a ,.login_dropdown ul li a
{ 
  /* padding: .25rem 25px 0.25rem 15px; */
  padding: 10px 25px 10px 15px;
}
.has_colormenu .submenu_color
{
    display: none;
    position: absolute;
    left:100%; top:-7px;
    border: 1px solid #f3f3f3;
   /*  border-top: none !important; */
    border-radius: 0px !important;
    padding: 0;
    
}
.has_colormenu .submenu_color li
{
  margin:5px 0px;
}
.color_ul > li:hover > .submenu_color{
            display: block;
}

.has_colormenu .submenu_color .sub_submenu_color
{
    display: none;
    position: absolute;
    left:100%; top:5px;
    /* border: none; */
      border: 1px solid #f3f3f3;
    /* border-top: none !important; */
    border-radius: 0px !important;
    padding: 0px 0px;
}
.submenu_color > li:hover > .sub_submenu_color{
            display: block;
}
.down_clr_caret ,.up_clr_caret
{
    margin-left: -8px;
}
.mainmenu ul li a:hover .down_clr_caret ,.up_clr_caret
{
    color: var(--cyan);
}
.down_clr_caret ,.up_clr_caret,.down_caret,.up_caret,.down_caret_acc,
    .up_caret_acc
{
    font-size: 12px !important;
}
.search_link
{
    /* position: relative; */
}
.search_div
{
    position: absolute;
    height: auto;
    width: 100%;
    top: 106px;
    left: 0;
    background-color: white;
    display: none;
    transition: 0.5s all ease-in;
    z-index:1;
     border: 1px solid #f3f3f3;
    border-top: none !important;
    transition: 0.5s all;
}
.search_div .search_input
{
   background-color: transparent;
    border: 1px solid var(--cyan);
    color:grey;
}
.search_div .input-group
{
    width: 50%;
}
.search_div .search_input::placeholder
{
    color:grey;
    font-family: FontAwesome ,'Montserrat', sans-serif;
}
.search_div .search_input:focus
{
    outline: none;
    box-shadow: none;
}
.search_div .search_input
{
    caret-color:var(--cyan);
}
.search_div button
{
    background-color: var(--cyan) !important;
    border: none;
    height: 38px;
}
#countryList .product_name a
{
    color: grey !important;
}
#countryList .product_name a:hover
{
    color: var(--navy-blue) !important;
}
#countryList .product_name
{
    margin: 4px 0px;
}

.search_pro_title
{
    color: var(--orange);
    font-size: 30px;
}

/*---multi line truncate---*/
.multi-line-truncate
{
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   height: 40px;
}

/*---bottom border------*/
 .heading_bottom_border ,.heading_bottom_border_theme,.heading_bottom_border_deal
{
    position: relative;
}
.heading_bottom_border::after 
{
    content: "";
    position: absolute;
    height: 5px;
    width: 90px;
    background-color: var(--cyan);
    top: 60px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.heading_bottom_border_theme::after
{
    content: "";
    position: absolute;
    height: 5px;
    width: 90px;
    background-color: white;
    top: 60px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.heading_bottom_border_deal::after
{
    content: "";
    position: absolute;
    height: 5px;
    width: 90px;
    background-color: var(--cyan);
    top: 60px;
    left:0;
}

/*------------buttons css-----------*/
.orange_btn
{
    background-color: var(--orange);
    color: white !important;
    /* border-radius: 20px; */
    border: none;
    text-decoration: none;
    transition: 0.8s all;
    padding: 12px 15px;
}
.orange_btn i 
{
    font-size: small;
}
.orange_btn:hover
{
    background: transparent !important;
    color: var(--orange) !important;
    border-radius: 0px;
    text-decoration: none;
    border: 2px solid var(--orange) !important;
    transition: 0.8s all;
    font-weight: bold;
}

/* -----carousel banner area------ */
.banner
{
    padding-right: 0px !important;
    padding-left: 0px !important;
    position: relative;
    top: 164px;
    overflow: auto;
}
.home_slider .owl-stage-outer
{
    z-index: -1;
}
.home_slider .owl-dots
{
    z-index: 0;
    margin-top: -50px;
}
.owl-theme 
{
  position: relative;
}
.owl-theme .owl-next, .owl-theme .owl-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 40%;
  color: white !important;
  background-color: rgba(0,0,0,0.5) !important;
  border-radius: 50% !important;
}
.owl-prev span , .owl-next span
{
    font-size: 20px !important;
}
.owl-theme .owl-next:hover, .owl-theme .owl-prev:hover
{
     background-color: var(--navy-blue) !important;
     color: white !important;
}
.owl-theme .owl-prev {
  left: 10px;
}
.owl-theme .owl-next {
  right: 10px;
}
.deal .owl-dot , .home_slider .owl-dot
{
   background-color: var(--navy-blue) !important;
    border-radius: 50%;
   height: 10px !important;
    width: 10px !important;
    text-align: center;
    margin: 15px 5px;
}
.deal .owl-dot.active ,.banner .owl-dot.active
{
     background-color: var(--cyan) !important;
}
.deal .owl-prev ,.deal .owl-next
{
    position: relative;
    left: 2px;
}
.deal .owl-dot span  , .banner .owl-dot span
{
    visibility: hidden;
}
.deal .owl-prev:focus , .owl-next:focus
{
  outline: none !important;
}
.deal .owl-nav {
    
    position: absolute ;
    top: -90px;
    right: 13px;
}
.deal .owl-theme .owl-dots
{
  margin-top: 15px !important;
}
.carousel-indicators .carousle_indicator
{
    height: 5px;
    width: 5px;
    background-color: #182c61;
    border-radius: 50%;
    border: 5px double #182c61;
    margin: 0px 10px;
}
.sub_banner
{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}
.slider_content_right h4 {
    background: #60C5B3;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px;
}
.signPercentage
{
    position: relative;
}
.signPercentage span.value {
    font-size: 85px;
    display: inline-block;
    line-height: 100px;
    font-weight: 700;
    color: #000;
    left: 0px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    /* float: left; */
}
.signPercentage span.sign {
    color: #000;
    font-size: 45px;
    font-weight: 700;
    position: relative;
    top: 0;
    right: 0;
    line-height: 1.6;
    font-family: 'Oswald', sans-serif;
}
.signPercentage span.valueCaption {
    font-size: 41px;
    display: block;
    position: relative;
    right: -45px;
    bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    font-family: 'Oswald', sans-serif;
}
.slider_content_right h2 {
    background: #FB7907;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: -20px;
    display: inline-block;
    padding: 8px;
    line-height: 1.2;
}
/* --------subscription box area ----------*/
.subscription_box
{
    position: relative;
    /* top: 230px; */
    top: 40px;
}
.fss-block {
    position: relative;
    /* margin: -100px 0 0 0; */
    /* margin: 0; */
    padding: 25px 15px 15px;
    background: #fff;
    z-index: 1;
    transition: all 300ms ease-in-out 0s;
    /* border-radius: 8px; */
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.works_cols {
    width: 20%;
}
.fss-block .fss-content h3 {
    margin-top: 20px;
    font-size: 15px;
    text-transform: uppercase;
    color: #444;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 3px;  
    z-index: 2;
 }
.fss-block a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fss-block.subscribe_box {
    background: var(--cyan);
}
.fss-block.subscribe_box .fss-content h4 
{
    font-weight: 600;
    color:white;
    font-size: 25px;
    line-height: 1.2;
    margin-top: 0;
    letter-spacing: normal;
}
.fss-block:hover .fss-content h3 {
    color :white !important;
}
.fss-block:hover .control_boxes img {
    position: relative;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.fss-block.red::before {
    background: var(--orange);
    z-index: -1;
}
.fss-block.green::before {
    background: var(--cyan);
    z-index: -1;
}
.fss-block.yellow::before {
    background: var(--yellow);
    z-index: -1;
}
/* .fss-block.green:nth-child(1)
{
  background: var(--cyan);
    z-index: -1;
} */
.fss-block.black::before {
    background: var(--cyan);
}
.fss-block:hover:before {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.fss-block::before 
{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    z-index: -1;
    /* background-color: var(--orange); */
}
.subscribe_rows 
{
    margin-top: -130px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.04);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.04);
    border-radius: 15px;
}
/*-----color home section-----------*/
.color_home_container
{
    position: relative;
    top: -15px;
    height: auto;
}
/* ------Deals Section--------- */
.deals_container
{
    /* top: 250px; */
    position: relative;
    /* top: 50px; */
    top: -25px;
    height: auto;
    /* padding: 20px 0px; */
}
.deal_carousel_item
{
    height: auto;
    padding-bottom: 40px;
}
.deal_indicators a i
{
        display: block;
    height: 25px;
    width: 25px;
    padding: 7px 8px;
    text-align: center;
    color: var(--orange) !important;
    background-color: var(--navy-blue) !important;
   border-radius: 50%;
   font-size: small;
}
.deal_cat
{
    border: none !important;
    box-shadow: 1px 1px 4px 2px #eaeaea;
    transition: 0.8s all ease-in-out;
}
.deal_cat_img
{
    height: 250px;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: 0.8s transform ease-in-out;
}
.deal_cat_img img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
    margin-top: 15px;
}
.deal .item
{
    transition: 0.8s all;
}
.deal .item:hover .deal_cat_img img
{
   transform:scale(1.2);
   transition: 0.8s transform ease-in-out;
}
.deal_per_div
{
    position: absolute;
    height: 80px;
    width: 80px;
    background-color: var(--orange);
    top: 0px;
    right: 0px;
    color: white;
    font-weight: bold;
    font-size: x-large;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    transform: rotate(90deg);
    font-style: italic;
    display: grid;
    place-items: center;
    text-align: center;
    /* justify-content: center; */
}
.deal_per_div p
{
    margin:1px -6px !important;
    transform: rotate(270deg);
    font-size: medium;
}
.deal_per
{
    color: #c30d0d;
    font-size: xxx-large;
    font-weight: bold;
    font-style: italic;
}
.category_name{
	color:var(--orange);
}
/* ---------Offers Section-------- */
.offers_container
{
    position: relative;
    /* top: 250px; */
    /* top: 80px; */
    top: 20px;
}
.offer_prc
{
    font-weight: bolder;
    color: var(--orange);
}
.pro_img
{
    height: 250px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s all;
}

.pro_img_full
{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s all;
}

.pro_img img
{   
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    transition: 0.8s all;
}
.pro_overlay_div
{
    position: absolute;
    height: 100%;
    width: 100%;
    transform: translateY(250px);
    transition: 0.3s transform ease-in;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.2);
}

/* ----product image square---- */
.theme_detailpage_pro .pro_img,
.top_offer_div .pro_img
{
    
    height: 350px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s all;
}
.theme_detailpage_pro .pro_img .pro_overlay_div,
.top_offer_div .pro_img .pro_overlay_div
{
    position: absolute;
    height: 100%;
    width: 100%;
    transform: translateY(400px);
    transition: 0.3s transform ease-in;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.2);
} 
/*-------------------------*/

.pro_img:hover .pro_overlay_div
{
    transform: translateY(0px);
}
.pro_img:hover img
{
    transform: rotate(10deg) scale(1.5);
}
.btn , .btn-form
{
      display: inline-block;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      background-color: var(--cyan);
      color: white;
      padding: 10px 12px;
      font-size: 16px;
      line-height: 19px;
      border-radius: 0px !important;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}

.btn:focus, .btn.focus , .btn-form:focus , .btn-form.focus {
    outline: 0 !important;
    box-shadow: none; 
}
.btn.disabled, .btn:disabled {
    opacity: .65; }
  .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
    background-image: none; 
}
.btn:hover ,.btn-form:hover ,
.btn-out-of-stock:hover ,.btn-go-to-cart:hover
{
    background-color:var(--orange) !important;
    transition: 0.5s all;
}
.btn:hover, .btn-wishlist:hover
{
    color:white;
}
.btn-wishlist , .quick_view
{
    background-color: transparent !important;
    border: 1px solid var(--cyan);
    color: var(--cyan);
}
.btn-go-to-cart
{
    background-color: var(--yellow) !important;
    border: 1px solid var(--yellow);
}
.btn-out-of-stock
{
     background-color: var(--navy-blue) !important;
    border: 1px solid var(--navy-blue);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  outline: 0; }
.modal-body 
{
    text-align: left;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }
.entry_title
{
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 600;
    color: #000 !important;
}
.entry_title a
{
    color: #444;
    transition: .2s;
}
.slider-nav.slick-vertical .slick-slide img {
    max-width: 100%;
    height: auto;
    margin: auto;
    border: 1px solid #ccc;
    padding: 5px;
}
.slider-nav.slick-vertical .slick-slide.slick-active.slick-center img {
    border:2px solid var(--cyan);
    /* border-radius: 5px; */
}
.slider-nav .slick-prev {
    left: 0;
    top: -15px;
    width: 100%;
    border-radius: 0;
    height: 35px;
}
.slider-nav .slick-next {
    right: 0;
    top: auto;
    bottom: -25px;
    width: 100%;
    border-radius: 0;
    height: 35px;
}
.slider-nav .slick-prev:before, 
.slider-nav .slick-next:before {
    line-height: 35px;
}
ul.xzoom-thumbss {
    padding: 0;
}
ul.xzoom-thumbss li {
    list-style:none;
}
.product_desc {
    background: #F5F7F7;
    padding: 15px 25px;
    position: relative;
   /*  border-radius: 8px; */
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.product_desc span {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.product_desc .media .media-content h3.entry-title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 33px;
}
.product_desc .media {
    padding: 8px 0;
}
.product_desc .media + .media {
  border-top:1px solid #ccc;
}
.product_desc .media:first-child {
    padding-top: 0;
}
.product_desc .media:last-child {
    padding-bottom: 0;
}
.read-more.color_appearence a.btn {
    background: #000;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.mv_blocks .media {
    margin-top: 30px;
}
.mv_blocks .media img {
    width: 45px;
}
.mv_blocks .media h5 {
    margin-bottom: 10px;
    font-size: 18px;
}
.quote_content .modal_pro_name 
{
    color: var(--navy-blue);
}
.media-content {
    width: 100%;
}
.price .amount {
    color: inherit;
    font-weight: 500;
}
.product_desc .media .media-content span.amount {
    /* margin-left: 10px; */
}
.modal_amt
{
    color: var(--orange);
    font-weight: bold;
}
 .product_desc .read-more.color_appearence .media {
    padding: 8px 0;
}
.product_desc .read-more.color_appearence .media + .media {
    border-top: medium none;
}
.slider-for {
    width: 85%;
    /* padding-left: 15px; */
    padding-right: 0;
}
.slider-for .slick-list {
    border: 1px solid #ccc;
    padding: 25px;
    background: transparent;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.slider_description img
{
    height: 100%;
    width: 100%;
}
.slider-for .slick-list .slider_description.slick-slide img {
    max-width: 100%;
    height: auto;
}
.slider-nav {
        width: 15%;
}
.slider-nav {
        padding: 8px;
        margin-top: 0;
}
.slider-nav .slider_thumb {
        border: 1px solid #f7f7f7;
        margin: 2px;
        padding: 5px;
}
.slider-nav .slider_thumb.slick-active.slick-center {
        /* border-color: var(--cyan); */
}
/* ------Quickview modal------ */
.quickview_modal .slider-nav
{
    width: 25%;
}
.quickview_modal .xactive
{
    border: 2px solid var(--cyan);
}
/* ------Theme Section-------- */
.skriblTheme 
{
    background: rgb(243,191,48);
    background: linear-gradient(293deg, rgba(243,191,48,0.9023984593837535) 24%, rgba(61,214,183,0.896796218487395) 59%);
    position: relative;
   top: 20px;
    /* top: 80px; */
}
.skriblTheme  h1.section-sub-title {
    color: #fff;
}
.acrylicBlock_image 
{
    height: 110px;
    width: 100%;
}
.acrylicBlock_image img
{
    height: 100%;
    width: 100%;
}
.acrylicBlock {
    height:180px;
    background: #fff;
    padding:10px 20px;
    margin:20px 0px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.acrylicBlock:hover .acrylicBlock_content h3 {
    color:#fff;
} 
.acrylicBlock_content h3 {
    font-size: 17px;
    margin: 0;
    color: #000;
}
.acrylicBlock_content {
    /* margin-left: 35px; */
    margin-top: 15px;
}
.acrylicBlock a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.acrylicBlock::before {
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
    background: var(--navy-blue) none repeat scroll 0 0;
}
.acrylicBlock::after {
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    background: var(--navy-blue) none repeat scroll 0 0;
}
.acrylicBlock:hover::before, .acrylicBlock:hover::after {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    opacity: 1;
}
.acrylicBlock .onhover h3 {
    text-align: center;
    margin: 0;
    color: var(--yellow);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 20px;
}
.acrylicBlock:hover .onhover {
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.acrylicBlock .onhover {
    position: absolute;
    top: 100%;
    left: 50%;
}
.numberProject {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    background: var(--orange);
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
    text-align: center;
}
.numberProject span {
    font-weight: 800;
    display: block;
    text-align: center;
}
.numberProject .theme_product
{
    text-align: center;
    display: block;
    padding-left: 15px;
    font-weight:300 !important;
}
/* --------Brand Section---------- */
.skriblBrand
{
    position: relative;
    /* top:350px; */
    top: 240px;
}
#skriblBrand
{
    position: relative;
    top: 55px;
    /* top: 115px; */
}
.ourBrand {
    width: 140px;
    height: 140px;

    margin: 30px auto;
    /* border-radius: 50%; */
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #fff;
    overflow: hidden;
    position: relative;
    /* padding: 25px; */
    padding: 15px;
    /* opacity: 0.5; */
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.04);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.04);
    transition: 0.4s all ease-in;
}
.brand_overlay_div
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--cyan);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: white;
    transition: 0.5s all;
    transform:translateY(140px); 
    padding: 0px 5px;
}
.slick-slide .ourBrand img
{
    max-height: 100%;
}
.ourBrand:hover .brand_overlay_div
{
  transform:translateY(0px);
}
.brand_slider .slick-list 
{
    width: 90%;
    margin: auto;
}
.brand_slider .slick-prev 
{
    left: 0px;
}
.brand_slider .slick-next {
    right: 0px;
}
.brand_slider ul.slick-dots {
    bottom: -30px;
}
.brand_slider .slick-prev, .brand_slider .slick-next 
{
    font-size:0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: var(--navy-blue) !important;
    border: 2px solid var(--navy-blue);
    outline: none;
    background-color: transparent;
    z-index: 1;
    text-align: center;
    transition: 0.2s;
    border-radius: 50%;
    /* border: 2px solid #dedede; */
    transform: translateY(-50%);
}

.slick-prev:hover, .slick-next:hover {
    border:none;
    background-color:var(--navy-blue);
    color: #fff;
}
.slick-prev::before,
.slick-next::before {
  font-family: 'FontAwesome';
  font-size: 10px;
  line-height: 27px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
.slick-prev::before 
{
 content:"\f053";
  padding-right: 2px; 
}
.slick-next::before 
{
 content:"\f054";
  padding-left: 2px; 
}
.slick-prev:hover::before, .slick-next:hover::before 
{
  color: #fff; 
}
/* ------Events Section------ */
.events_section
{
    position: relative;
    /* top: 390px; */
    top: 140px;
}
.event_card
{
    position: relative;
    transition: 0.5s all ease-in;
}
.event_card:hover
{
    transform: translateY(-20px);
    cursor: pointer;
}
.event_card_img
{
    height: 250px;
    width: 100%;
}
.event_card_img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event_date_div
{
    position: absolute;
    height:90px;
    width:80px;
    background-color:var(--yellow);
    color: white;
    top: 150px;
    left: -20px;
    text-align: center;
    font-size: small;
     border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 8px 0px;
    font-style: italic;
    box-shadow:  0px 0px 6px 0px #0b0b0b;
    /* font-weight: bold; */
}
.event_place
{
    color: var(--cyan);
    text-align: center;
    font-weight: bold;
}
/* --------Footer---------- */
.main_footer
{
    position: relative;
    /* top: 360px; */
    top: 320px;
    background-color: #27272b;
    font-size: 13px;
}
.quicklinks_ul li a ,.footer_left_details p,
.footer_right_details p , .bottom_footer_links ul li a
{
    color: var(--footer-color);
}
.quicklinks_ul li a:hover
{
    color: white !important;
}
.newsletter_inputgrp input
{
    background-color: transparent !important;
}
.newsletter_inputgrp input:focus
{
    box-shadow: none !important;
    color: white;
}
.newsletter_inputgrp input::placeholder
{
    font-family: FontAwesome ,'Montserrat', sans-serif;
}
.newsletter_inputgrp button
{
    background-color: var(--cyan) !important;
    border: none;
}
.bottom_footer
{
    background-color: #333333;
}
.careplus-back-top {
    color: #ffffff;
    left: auto;
    /* margin: 0 0 0 -24px; */
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 50px;
    z-index: 1;
    height: 50px;
    line-height: 50px;
    font-size: 35px;
    right: 0;
    background: var(--orange);
}
.careplus-back-top:hover {
    color:var(--orange);
    background: white;
}
.footer_social_icon
{
    height: 30px;
    width: 30px;
    display: block;
    background-color: var(--orange);
    color:white; 
    padding: 8px 9px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
}
.footer_social_icon:hover
{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white;
    color: var(--orange);
}
.footer_right_details .footer_subscribe_btn
{
     border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius:  0.25rem !important;
    height: 38px;
}
/* -----About us-------- */
.abt_img
{
    height: 300px;
    width: 100%;
}
.abt_img img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
/* ------contact us page------- */
.contact_form input ,.contact_form select
{
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #f6f6f6 !important;
    height: 50px !important;
}
.contact_form textarea
{
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #f6f6f6 !important;
}
.contact_form input:focus ,.contact_form select:focus ,.contact_form textarea:focus
{
    box-shadow: none !important;
    border:3px solid #e5e5e5 !important;
    background-color:white !important;
}
.contact_form input::placeholder
{
    color: grey;
}
.map_div
{
    position: relative;
    z-index: 1;
}
.map_div::after
{
    content: "";
    position: absolute;
    height:400px;
    width:350px;
    background: var(--orange);  /* fallback for old browsers */
   top: -40px;
    /* left: 0;  */
    right: 65px;
    z-index: -1;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.contact_location_div i 
{
    color: var(--orange);
    transition: 0.5s all;
    cursor: pointer;
    border: 5px double var(--cyan);
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items:center;
    /* padding: 25px; */
    height: 100px;
    width: 100px;
    font-size: 50px;
}
.contact_location_div i:hover 
{
    color: var(--cyan);
    border: 5px double var(--orange);
    transform: scale(0.9);
    box-shadow: 0px 0px 10px 5px #c0c0c0;
}
/* -------Events page--------- */
.events_section_page
{
    position: relative;
    top:230px;
}
.event_input_grp input:focus
{
    box-shadow:  none;
    outline: 0 !important;
}
.event_input_grp .input-group-append .btn_location
{
    border: none;
    border-radius: 0;
    height: 38px;
}
.event_input_grp .input-group-append .btn_location_search
{
    border-left: 3px solid white; 
    height: 38px;
}
.event_input_grp .input-group-append .btn_location_search:hover
{
    border-top-color:var(--orange);
    border-right-color:var(--orange);
    border-bottom-color:var(--orange); 
    height: 38px;
}
.event_input_grp .loc_dropdown
{
    left: -57px !important;
    width: 210px;
}
.event_deatils_page
{
    position: relative;
   /*  top:230px; */
}
.event_detail_img
{
    width: 100%;
    height: 450px;
}
.event_detail_img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elementskit-post .entry-title
{
    color: var(--orange);
}
.eventdetails_side_div
{
    background-color: var(--cyan);
    height: auto;
    width: 100%;
     border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    padding: 20px;
    color: white;
    font-weight: bold;
    box-shadow:  0px 0px 6px 0px #bebebe;
    font-size: medium;
}
.eventdetails_side_div p span
{   
    margin-top: 20px;
}
.event_details_social_icon .share_social_icons
{
     height: 35px;
    width: 35px;
    display: block;
    background-color: var(--navy-blue);
    color:white; 
    padding: 7px 11px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
    margin: 0px 2px;
}
.event_details_social_icon .intrested_icon
{
    background-color: var(--yellow);
}
.event_details_social_icon .fb_icon:hover
{
    background-color: var(--fb-hover-icon);
}
.event_details_social_icon  .twitter_icon:hover
{
    background-color:var(--twitter-hover-icon);
}
.event_details_social_icon  .linkedin_icon:hover
{
    background-color:  var(--linkedin-hover-icon);
}
.event_details_social_icon .intrested_icon:hover
{
    background-color: var(--orange);
}
.event_details_social_icon .share_social_icons:hover
{
    text-decoration: none;
   /* transform: rotate(360deg); */
   border-radius: 0px;
}
/* -----Blog Page------- */
.blog_page ,.blog_details_page
{
    position: relative;
    top: 230px;
}
.blog_card
{
    position: relative;
    transition: 0.5s all ease-in;
}
.blog_card:hover
{
    transform: translateY(-20px);
}
.blog_date_div
{
    position: absolute;
    height:80px;
    width:80px;
    background-color:var(--yellow);
    color: white;
    top: 150px;
    left: -20px;
    text-align: center;
    font-size: small;
     border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 8px 0px;
    font-style: italic;
    box-shadow:  0px 0px 6px 0px #0b0b0b;
}
.blog_card .blog_title
{
    color: var(--orange);
}
.blog_card .blog_img
{
    height: 250px;
    width: 100%;
}
.blog_card .blog_img img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog_img_side_div .entry-title
{
    color: var(--orange);
    font-weight: bold;
}
.blog_img_div .blog_big_img_div
{
    height: 350px;
    width: 100%;
}
.blog_img_div .blog_big_img_div img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.widget_inner
{
    /* height: 200px; */
    width: 100%;
}
.widget_inner img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.recent_post_div .widget_inner
{
    position: relative;
}
.recent_post_date
{
    position: absolute;
    top:0;
    right: 0;
    height: 30px;
    width:auto;
    background-color: var(--yellow);
    color: white;
    display: grid;
    place-items: center;
    font-size: small;
    padding: 5px;
}
/* ----Login Page---- */
.form-signin input
{
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #f6f6f6 !important;
    height: 50px !important;
}
.form-signin input:focus ,
.edit_address_div input:focus , .edit_address_div .form-signin select:focus,
.edit_address_div .form-signin textarea:focus,.update_account .form-signin select:focus
{
    box-shadow: none !important;
    border:3px solid #e5e5e5 !important;
    background-color:white !important;
}
.forgot-password 
{
    font-weight: 500;
    color:var(--cyan);
    letter-spacing: 0px;
}
.forgot-password:hover {
    font-weight: 500;
    color: var(--orange);
}
code 
{
  /* padding: 0.1rem 0.2rem; */
  font-size: 90%;
  color: var(--orange);
  /* background-color: #f8f9fa;
  border-radius: 0.25rem;  */
}
.register-right .section-wrpaer h5
{
    font-size: 14px;
}
.required_sign
{
    color: red;
}
.or_devider
{
    position: relative;
    color: #d8d8d8;
}
.or_devider::before
{
    content: "";
    position: absolute;
    top: 13px;
    left: -75px;
    background-color: #d8d8d8;
    width: 70px;
    height: 1px;
}
.or_devider::after
{
    content: "";
    position: absolute;
    top: 13px;
    left: 30px;
    background-color: #d8d8d8;
    width: 70px;
    height: 1px;
}
.login_form
{
    width: 60%;
}
.main_login_div
{
    overflow: hidden;
}
.register_full_div
{
    height: 100vh;
}
.signup_div
{
        height: 100%;
}
/*----skriblebox-------*/
.my_folder_view_page , .skriblbox_cat 
{
    position: relative;
    top: 250px;
}
.skriblbox_img
{
    height: 60px;
    width: 80px;
}
.skriblbox_img img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.skriblbox_pro_img
{
    height: 100px;
    width: 100px;
}
.skriblbox_pro_img img
{
    height: 100%;
    width: 100%;
}
.skriblebox_details h6
{
    color: var(--orange);
}
.topOffers_service .topOffers_icon img {
    width: 100%;
    margin: auto;
    margin-bottom: 0;
    padding: 40px 20px;
}
.topOffers_service {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 30px 0 0;
}
.topOffers_service:hover .service_text.product_details .service_title a {
    color: #ee4528;
}
.topOffers_service:hover .product-button {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
.topOffers_service:hover .service_text.product_details .product_dels {
    opacity: 0;
    visibility: hidden;
}
.topOffers_service:hover .topOffers_icon:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#f2000000', GradientType=0);
    -webkit-transition: opacity 0.3s ease 0.1s;
    -o-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s;
    left: 0;
    z-index: 1;
    top: 0;
}
.topOffers_service:hover .product_additional {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
}
.product-category.topDeals .topOffers_service {
    margin-bottom: 0;
    height: 100%;
}
.product_additional a {
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
    background: var(--navy-blue);
    color: #fff;
}
.product_additional a:hover {
    background: #ee4528;
}
.product_additional {   
    position: absolute;
    top: 100%;   
    left: 0;
    right: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    z-index: 1;
}
.product_details
{
    background-color: var(--orange);
    padding: 30px 0px;
}
/* -------Account Pages----- */
.product-cart.our_account .section-header {
    margin: 0 -15px;
}
.make-payment h2.entry-title {
    font-weight: 800;
     text-transform: uppercase; 
    line-height: 1.2;
    margin-bottom: 25px;
    font-size: 30px;
}
.shipping_address h2.entry-title {
    margin-bottom: 0;
}
.user_account_inner p {
    line-height: 45px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.user_account_inner p svg {
    width: 45px !important;
    height: 45px;
    display: inline-block;
    padding: 13px;
    background: #eee;
    color: var(--green);
    border-radius: 45px;
    float: left;
    margin-right: 10px;  
}
.user_account_inner h5 {
    font-weight: 600;
}
p:last-child {  
    margin-bottom: 0;
}
.user_account_inner p {
    margin-right:10px;
}
.change_passowrd a {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}
.change_passowrd {
    /*text-align: right;*/
}
.change_passowrd {
        text-align: left;
}
.change_passowrd .modal-header img {
    display: block;
    margin: auto;
}
.change_passowrd .modal-header {
    border-bottom: medium none;
    padding-bottom: 0;
}
.change_passowrd .modal-body {
    padding-top: 10px;
}
.user_account_inner p + p {
        margin-left:45px;
}
.media_image {
    width: 100px;
    /* height: 98px; */
}
.call_details .verify_link
{
    color: var(--orange) !important;
}
.call_details i
{
    color: var(--cyan);
}
.select_address {
    background: #F5F7F7;
    margin-top: 30px;
    padding: 20px 35px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    transition: all 300ms ease-in-out 0s;
    border: 1px solid #eee;
    min-height: 265px;
}
.edit_address_div .select_address
{
    min-height: auto;
} 
.select_address:hover {
    border-color:var(--green);
}
.select_address:hover .notification-explore {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.select_address .notification-explore {
    padding: 12px;
}
.select_address .notification-explore a {
    padding:0 6px;
    color:var(--green);
}
.select_address .notification-explore a:hover {
    color:var(--red);
}
.select_address_inner p {
    margin-bottom: 15px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.shipping_address h2.entry-title {
    margin-bottom: 0;
}
.select_address_inner h3.entry-title {
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 22px;
    color:#333;
}
.select_address_inner p:last-child {
    margin-bottom: 0;
}
.select_address_inner.add_address span.add_plus svg, .select_address_inner.add_address span.add_plus i {
    width: 65px;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 35px;
    background: #000;
    color: #fff;
    padding: 15px;
    border-radius: 65px;
    transition: all 300ms ease-in-out 0s;
}
.select_address_inner.add_address {
    text-align: center;
}
.select_address_inner.add_address h3.entry-title {
    margin-bottom: 0;
    margin-top: 20px;
}
.select_address a.add_here {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.select_address:hover .select_address_inner.add_address span.add_plus svg, .select_address:hover .select_address_inner.add_address span.add_plus i {
    background:var(--green);
}
.select_address:hover .select_address_inner.add_address h3.entry-title {
  color:var(--green);
}
.select_address_inner p {
    margin-bottom: 15px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.select_address_inner h3.entry-title {
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 22px;
    color:#333;
}
.select_address_inner p:last-child {
    margin-bottom: 0;
}
.select_address_inner.add_address span.add_plus svg, .select_address_inner.add_address span.add_plus i {
    width: 65px;
    display: inline-block;
    height: 65px;
    line-height: 40px;
    text-align: center;
    font-size: 35px;
    background: #000;
    color: #fff;
    padding: 15px;
    border-radius: 65px;
    transition: all 300ms ease-in-out 0s;
}
.select_address_inner.add_address {
    text-align: center;
}
.select_address_inner.add_address h3.entry-title {
    margin-bottom: 0;
    margin-top: 20px;
}
.select_address:hover .select_address_inner.add_address span.add_plus svg, .select_address:hover .select_address_inner.add_address span.add_plus i {
    background:var(--green);
}
.select_address:hover .select_address_inner.add_address h3.entry-title {
  color:var(--green);
}
.default_button {
    position: absolute;
    top: 35px;
    right: 0;
}
span.default_set {
    background: #F5EACF;
    color: #F6B631;
    padding: 12px;
    font-size: 15px;
    padding-left: 25px;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9% 50%, 0% 0%);
    display: block;
    line-height: 1;

}
.edit_account .edit_acc_link
{
    color: var(--orange);
    font-weight: bold;
    text-decoration: none;
}
.edit_account .edit_acc_link:hover
{
    color: var(--yellow);
}
.edit_address_div .form-signin select ,.update_account .form-signin select
{
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #f6f6f6;
    height: 50px;
}
.edit_address_div .form-signin textarea
{
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #f6f6f6;
}
.notification-explore_button {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .5s cubic-bezier(.26,.53,.58,1);
    -o-transition: .5s cubic-bezier(.26,.53,.58,1);
    transition: .5s cubic-bezier(.26,.53,.58,1);
    opacity: 0;  
}
.select_address:hover .notification-explore_button {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.notification-explore_button {
    text-align: right;
    padding: 25px 12px;
}
.notification-explore_button a {
    display: inline-block;
    border: 1px solid #F6B631;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 25px;
    color: #F6B631;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    transition: all 300ms ease-in-out 0s;
    overflow: hidden;
}
.notification-explore_button a:before {
    content:'';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--navy-blue);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.notification-explore_button a:hover {
    color: #fff;
    background: var(--orange);   
}
.notification-explore_button a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.user_mobile_number .intl-tel-input.allow-dropdown input,
.user_mobile_number .intl-tel-input.separate-dial-code input {
    padding-left: 92px !important;
}
/* -----my order page------- */
.order_row
{
    height: auto;
    border-radius: 10px;
}
.order_status_row
{
    position: relative;
}
.order_row .order_combine_row:nth-child(odd)
{
    background-color:white;
}
.order_row .order_combine_row:nth-child(even)
{
    background-color:#f9f9f9;
}
.order_number_row
{
    position: absolute;
    height: 50px;
    width:auto;
    background-color:var(--yellow);
    top: 0;
    right: 0;
    color: white;
    font-weight: bold;
    display: grid;
    place-items: center;
    padding: 0px 10px;
}
.order-filter:focus , .event_input_grp #table_filter,
.newsletter_inputgrp input:focus
{   
    border-color: #dcdcdc;
}
.order_row .order_status
{
    color: var(--yellow);
    font-weight: bold;
    font-size: 20px;
}
.order_left_img
{
    height: 100px;
    width: 100px;
    border: 1px solid #ebeaea;
    border-radius: 5px;
}
.order_left_img img
{
    height: 100%;
    width: 100%;
}
.my_order_details ul li span
{
    font-weight: bold;
}
/* ------my skribl box -----*/
.my_skriblbox_cont
{
    height: auto;
}
.skribl_box_img
{
    height: 100px;
    width: 100px;
}
.skribl_box_img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.my_skriblebox_details .view_details ,
.wishlist_div .view_details
{
    color: var(--yellow);

}
.open_skriblbox .open_skriblbox_form h5
{
    color: red;
    font-weight: bold;
}
.open_skriblbox_form input
{
     border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #f6f6f6 !important;
    height: 50px !important;

}
.open_skriblbox_form input:focus
{
    box-shadow: none !important;
    border:3px solid #e5e5e5 !important;
    background-color:white !important;
}
/* ------my Wishlist----- */
.wishlist_img
{
    height: 100px;
    width: 100px;
    border: 1px solid #ebeaea;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wishlist_img img
{
    height: 80%;
    width: 80%;
}
.wishlist_item_details .product_ratings i
{
    color: var(--yellow);
}
.wishlist_prc_details .discount_prc
{
    color: var(--orange);
}
.wishlist_btns_div .wishlist_remove_btn
{
    font-size: 20px;
}
.btn_buynow
{
    width: auto;
    background-color: var(--orange);
    color: white;
    padding: 11px 8px;
    border-radius: .25rem;
}
.btn_buynow:hover
{
    background-color: var(--navy-blue);
    color: white;
    text-decoration: none;
}
.wishlist_row
{
    position: relative;
}
.remove_record_div
{
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: var(--navy-blue);
    top: -9px;
    right:-5px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: smaller;
}
.remove_record_div:hover
{
  background-color: var(--yellow);
}
/* ----Notification page------ */
.notification_page
{
    position: relative;
    top: 230px;
}
.notification_btns_div .notification_remove_btn
{
    font-size: 20px;
    color: var(--orange);
}
.notification_btns_div .notification_remove_btn:hover
{
    color: var(--yellow);
}
.notification_div:nth-child(odd)
{
    background-color:white;
}
.notification_div:nth-child(even)
{
    background-color:#f9f9f9;
}
/* -------Refund & Exchange page------ */
.refund_notes ul li i
{
    color: var(--orange);
}
/*----Privacy Policy page------*/
.privacy_details ul li i
{
    color: var(--orange);
}
.policy_subdetails .policy_number span
{
    background-color: var(--orange);
    height: 40px;
    width: 50px;
    display: inline-block;
    color: white;
    text-align: center;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.policy_subdetails .policy_number
{
    background-color: var(--cyan);
    color: white;
}
/* ------Product Details -------*/
.pro_breadcrumb .product_breadcrumb
{
    background-color: transparent;
    padding: 10px 10px;
    justify-content: flex-end;
}
.pro_breadcrumb .product_breadcrumb li a
{
    color: var(--navy-blue);
}
.pro_breadcrumb .product_breadcrumb li a.active
{
    color: var(--orange);
    font-weight: bold;
}
.product_details_img 
{
    position: relative;
}
.product_details_wishlist 
{
    position: absolute;
    top: -20px;
    right: -20px;
    height: 35px;
    width: 35px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    z-index: 9999;
}
.product_details_wishlist i
{
    color:#c2c2c2;
    font-size: 25px;
}
.product_details_wishlist i.active_wishlist
{
    color: red;
}
.product_desc
{
    position: relative;
}
.pro_share
{
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    width: 35px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}
.pro_share i
{
    color: var(--cyan);
}
.share_icons_div
{
   /*  position: absolute;
    top: 5px;
    right: 40px; */
    height:auto;
    width: auto;
   /*  background-color: white; */
    /* box-shadow: 0px 0px 5px 3px #e7e7e7; */
}
.share_icons_div .share_social_icons
{
    height: 30px;
    width: 30px;
    display: block;
    background-color: var(--navy-blue);
    color:white; 
    padding: 7px 9px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
    margin: 0px 1px;
}
.share_icons_div .intrested_icon
{
    background-color: var(--yellow);
}
.share_icons_div .fb_icon:hover
{
    background-color: var(--fb-hover-icon);
}
.share_icons_div  .twitter_icon:hover
{
    background-color:var(--twitter-hover-icon);
}
.share_icons_div  .linkedin_icon:hover
{
    background-color:  var(--linkedin-hover-icon);
}
.share_icons_div .intrested_icon:hover
{
    background-color: var(--orange);
}
.share_icons_div .share_social_icons:hover
{
    text-decoration: none;
   /* transform: rotate(360deg); */
   border-radius: 0px;
}
.product_desc .product_desc_title h5
{
    color: var(--navy-blue);
}
.product_desc .product_desc_prc .original_prc
{
    color: var(--orange);
}
.product_desc .product_desc_prc .offer_prc
{
     color: var(--orange);
}
.product_desc .product_desc_prc .discount_prc
{
    color: red;
    font-weight: bold;
}
.product_desc .product_stars i
{
    color: var(--yellow);
}
.product_colors .color_div
{
    height: 55px;
    width: 55px;
    display: grid;
    place-items: center;
    /* border: 1px solid #d4d2d2; */
}
.product_colors .color_div .color_img
{
    width: 50px;
    height: 50px;
}
.product_colors .color_div .color_img img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.product_specification_div .product_description
{
    border: 1px solid #e7e7e7;
}
.product_description_tbl_cont
{
     border: 1px solid #e7e7e7;
     width: 84%;
}
.product_description_table .table_heading
{
    background-color: #e7e7e7;
}
.prodetails_indicators
{
    margin-top: 32px;
     position: relative;
}
.prodetails_indicators .slick-list
{
    position: relative;
}
.prodetails_indicators .slick-prev
{
    position: absolute;
    top: -30px;
    border: none;
    width:80%;
    height: 20px;
    color: white;
    background: var(--navy-blue);
    border: none;
    display: grid;
    place-items: center;
    font-size: 0;
     margin: 0px 10px;
}
.prodetails_indicators .slick-next
{
    position: absolute;
    bottom: -30px;
   border: none;
     width:80%;
    height: 20px;
    color: white;
    background: var(--navy-blue);
    border: none;
    display: grid;
    place-items: center;
    font-size: 0;
    margin: 0px 10px;
}
.prodetails_indicators .slick-prev::before
{
     content:"\f107";
     font-size: 17px;
     padding: 0px;
     line-height: 15px;
}
.prodetails_indicators .slick-next::before
{
    content:"\f106";
     font-size: 17px;
     padding: 0px;
     line-height: 15px;
}
.imgactive 
{
    border: 1px solid var(--cyan);
}

.imgactive .card-body {
    background-color: var(--cyan) !important;
}

.imginactive
{
    border:2px solid #ddd;
}
/* -----Theme listing page----- */
.theme_list_page .theme_pro_count
{
    font-size: medium;
    color: var(--orange);
}
.theme_list_page .theme_img_div
{
    /* height: 300px; */
    height: auto;
    width: 100%;
}
.theme_list_page .theme_img_div img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.theme_pro_ratings i
{
    color: var(--yellow);
}
.bottom_align_card_footer
{
   position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
}

/* ----Color category pages----- */
.color_cat_div .card-footer h5 , .color_cat_div .card-body h5
{
    color: var(--orange);
    font-weight: bold;
    font-size: 16px;
}
.color_cat_div .card-body
{
   padding: 14px 1.25rem;
}
.color_home_container .color_home_row .card
{
    border: none;
    box-shadow: 1px 1px 4px 2px #eaeaea;
    border-radius: 0px;
}
.color_img_home_page
{
    height: 140px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s all;
}
.color_img_home_page img
{   
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* object-position: top; */
    transition: 0.8s all;
}
.color_home_pro_overlay_div
{
    position: absolute;
    height: 100%;
    width: 100%;
    transform: translateY(-310px);
    transition: 0.5s transform ease-in;
    top: 0;
    left: 0;
    background-color:var(--orange);
    opacity: 0.8;
}
.color_img_home_page:hover .color_home_pro_overlay_div
{
    transform: translateY(0px);
}
.color_img_home_page:hover img
{
    transform: rotate(10deg) scale(1.5);
}

.color_fliter_brand .filter_accordian .card-header
{
    background: none;
}
.color_fliter_brand .filter_accordian .acc_filter_heading
{
    cursor: pointer;
}
.filter_accordian .card .card-header h6 i
{
    font-size: medium;
    color: var(--orange);
}
.filter_accordian .card .card-header h6:not(.collapsed) .rotate-icon
{
    transform: rotate(180deg);
}
.color_fliter_brand .filter_accordian .brand_filters
{
    padding: 20px 10px;
    height: auto;
    max-height: 250px;
    overflow-y: auto;
}
.color_fliter_brand .filter_accordian .brand_filters .form-group
{
    margin-bottom: 3px;
}
.color_fliter_brand .filter_accordian .brand_filters label
{
    font-size: smaller;
}
.color_filter_div .clear_link
{
    color: var(--orange);
    font-weight: bold;
    font-size: small;
}
.color_filter_div .clear_link:hover
{
    color: var(--yellow);
}
.colorvar_product_div
{
    height: 250px;
    width: 100%;
    border: 1px solid #e7e7e7;
}
.colorvariation_row .colorvar_product_div img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.colorvariation_row .colorvar_links a
{
    color: var(--orange);
    font-size: small;
    font-weight: bold;
}
.colorvariation_row .colorvar_links a:hover
{
    color: var(--cyan);
}
.colorvariation_row .colorvar_quicklinks a
{
    color: var(--cyan);
    font-weight: bold;
}
.colorvariation_row .colorvar_quicklinks a:hover
{
    color: var(--orange);
}
.colorvariation_row .colovariation_color_img
{
    height: 100px;
    width: 100%;
}
.colorvariation_row .colovariation_color_img img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.active_color 
{
    border: 2px solid var(--cyan);
}
.colorvariation_row .color_cart_table
{
    font-size: 15px;
}
.colorvariation_row .color_cart_table .color_cart_thead
{
    background-color: var(--navy-blue);
    color: white;
}

.color_cart_table .quantity
{
    border: 1px solid var(--cyan);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    height: 40px;
    width: 70%;
    padding: 0px 10px;
}
.color_cart_table .quantity input
{
    border: none;
    text-align: center;
    width: 60px;
}
.color_cart_table .quantity span
{
    display: inline-block;
    width: 30px;
    line-height: 38px;
  background: transparent;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  color: var(--cyan);
  padding: 0px 3px;
  font-weight: bold;
}
.colorvariation_row .colorvariation_desc_div
{
   border: 1px solid #e7e7e7;
   padding: 20px 20px;
   width: 100%;
}
.color_grp_details_text
{
    font-size: 14px;
}
/*-----Category Page---------*/
.category_list_page .cat_pro_count
{
     font-size: medium;
    color: var(--orange);
}
/* ------More skribl box page ------- */
.more_skriblbox_row .works_cols
{
    box-shadow:0px 0px 6px 2px #dfdfdf;
    margin: 10px 10px;
}
.skriblbox_div .skriblbox_div_img
{
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s all;
    overflow: hidden;
}
.skibl_overlay_div
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:;
    top: 0;
    left: 0;
     background-color: rgba(255,255,255,0.2);
    transform: translateY(200px);
    transition: 0.3s transform ease-in;
}
.skriblbox_div:hover .skibl_overlay_div
{
    transform: translateY(0px);
}
.skriblbox_div:hover .skriblbox_div_img img
{
    transform:scale(1.5);
}
.skriblbox_div .skriblbox_div_img img
{
    height:40%;
    width:40%;
    object-fit: contain;
    transition:0.3s all;
}
.skriblbox_div .card-footer h5
{
    color: var(--orange);
    font-weight: bold;
}
/* -----My cart------- */
.cart_row .cart_product_div
{
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart_row .cart_product_div img
{
    height: 85%;
    width: 85%;
    object-fit: contain;
}
.cart_pro_quantity .cart_qty .cart_input
{
    text-align: center;
    width: 50px;
    border: 1px solid grey;
}
.cart_pro_quantity .cart_qty .cart_input:focus
{
    box-shadow: none;
    border:3px solid #e5e5e5;
}
.cart_product_details .cart_product_prc
{
    color: var(--orange);
    font-weight: bold;
}
.cart_pro_quantity .input-group-text
{
    background-color: transparent;
}
.cart_row .cart_prc_details , .cart_row .cart_table
{
    box-shadow:  0px 0px 5px 1px #e5e5e5; 
    padding: 20px 5px 0px 5px;
}
.cart_prc_details .prc_detail_text
{
    color: var(--orange);
}
.cart_prc_details tbody tr:last-child
{
    border-bottom: 1px dashed  #e5e5e5;
}
.cart_prc_details .delivery_status , .order_summary_div .delivery_status
{
    color: var(--cyan);
    font-weight: bold;
}
.cart_table .cart_pro_remove_link ,.cart_table .cart_pro_remove_link_text
{
    color: var(--navy-blue);
    cursor: pointer;
    font-size: 18px;
}
.cart_table .cart_pro_remove_link:hover ,
.cart_table .cart_pro_remove_link_text:hover
{
    color: var(--orange);
    cursor: pointer;
}
.cart_table .cart_pro_remove_link_text
{
    display: none;
}
/* ------Order detail page----- */
.order_detail_cont .order_status span
{
    color: var(--orange);
    font-weight: bold;
}
span.shippment__timeline {
    height: 15px;
    display: block;
    width: 100%;
    background: #eee;
    margin-bottom: 15px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.shippment__row .order__details_inner {
    float: left;
    width: 100%;
}
.order__shipment_cols .order__shipment
{
    color: #cac6c6;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}
.order__shipment_cols .shipment_progress_dot
{
    display: block;
    height: 12px;
    width: 12px;
    background-color: var(--orange);
    border-radius: 50%;
    margin: 5px auto;
}
.order__shipment_cols ul li
{
    display: block;
    /* padding: 0 25px;
    float: left; */
    font-size: 15px;
    font-weight: bold;
    color: black;
}
.order__shipment_cols ul li:first-child
{
    padding-left: 0px;
}
.shippment__row .order_detail_img_div
{
    height: 120px;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.shippment__row .order_detail_img_div img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.shippment__row .order_detail_pro_prc h6
{
    color: var(--orange);
}
.subtotal_row
{
    background-color: var(--cyan);
}
.order_details_delivery_info p span ,.order_details_delivery_info h6 span
{
    color: var(--orange);
    font-weight: bold;
}
.order_details_delivery_info hr
{
    border: 1px dashed #e5e5e5;
}
/* .order_details_delivery_info h6 span
{
    color: var(--orange);
    font-weight: bold;
} */
.shippment__row .payment_mode_div h4
{
    color: white;
    font-weight:  bold;
}
.shippment__row .payment_mode_div h5 span
{
     color: var(--navy-blue);
    font-weight: bold;
}
.order_status_row 
{
    position: relative;
}
.order_status_row .order_status_cancel
{
    position: absolute;
    color: white;
    background-color: #f14d5c;
   padding: 17px 30px 17px 10px;
   left: 0;
   font-weight: bold;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.order_status_row .order_status_modify
{
    position: absolute;
    color: white;
    background-color: var(--yellow);
   padding: 17px 30px 17px 10px;
   left: 0;
   font-weight: bold;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
/* ----Checkout page 1---- */
.checkout_page_div .checkout_total_payment
{
    color: var(--orange);
}
/* ----Make payment page ----*/
.checkout_shipping_info address p
{
    color: var(--orange);
}
.payment_row .payment_side_div
{
    background: rgba(238,238,238,0.65);
    padding: 20px;
    height: 250px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.payment_row .payment_side_div .nav-link
{
    border-radius: 0px;
    color: var(--navy-blue);
    font-weight: 500;
    padding: 15px 1rem;
}
.payment_row .payment_side_div .nav-link.active
{
    background-color: var(--cyan);
    color: white;
}
.payment_row .card_img_div img
{
    height: 45px;
    width: 55px;
}
.product-cart .make_pay_edit_link
{
    color: var(--cyan);
}
.order_summary_div table .delivery_fee_tr td
{
    border-top: none;
}
.order_summary_div table tbody .order_summary_tr
{
    display: flex;
}
.order_summary_div table tbody
{
    max-height:360px;
    overflow-y: auto;
    display: table-caption;
    
}
.order_summary_div table tbody::-webkit-scrollbar 
{
    width: 5px;
}
.order_summary_div table tbody::-webkit-scrollbar-track
{
    background-color: #f8f9fa;
}
.order_summary_div table tbody::-webkit-scrollbar-thumb
{
    background-color: var(--navy-blue);
    border-radius: 20px;
}
/* ------Coming soon page ------*/
.coming_soon_details .coming_soon_title
{
   font-size: 65px;
     -webkit-text-fill-color: transparent;
    -webkit-text-stroke:2px var(--orange);
    animation: coming_soon 3s infinite ease-in;
    transition: 0.5s all;
} 
.coming_soon_details .coming_soon_subtitle
{
    font-style: italic;
    color: var(--cyan);
    font-weight: bold;
}
@keyframes coming_soon
{
    0%   { transform: scale(1); }
    50%  { transform: scale(0.9); }
    100% {  transform: scale(1); }
}
.error
{
    color: red;
    font-size: 13px;
    font-weight: 600;
}
/* ------Page not found------*/
.page_not_found_img_div
{
    height: 230px;
    width: 400px;
}
.page_not_found_img_div img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.Page_not_found_title
{
    color: var(--orange);
    font-weight: bold;
}

.search_lbl
{
    font-size: 23px;
}

.card-location-1.color-active .colorvariation_cart_section {
    left: 15px;
}

.card-location-2.color-active .colorvariation_cart_section {
        left: -127px;

}

.card-location-3.color-active .colorvariation_cart_section {
    left: -270px;
}

.card-location-4.color-active .colorvariation_cart_section {
    left: -410px;
}

.card-location-5.color-active .colorvariation_cart_section {
  left: -555px;
}

.card-location-6.color-active .colorvariation_cart_section {
    left: -700px;
}

h5.transaction-id {
   font-size: 1.23rem;
}

@media (max-width:1024px)
{
    .mainmenu ul li
    {
        padding: 0px 0px;
    }
    .subscribe_rows 
    {
        margin-top: auto;
    }
    .works_cols {
        width: 50%;
    }
    .subscribe_rows .works_cols:first-child
    {
           width: 100%;
     }
     .fss-block.subscribe_box .fss-content h4 
    {
           
          padding: 30px 320px;
    }
    .subscribe_rows .works_cols:first-child .fss-block {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .subscribe_rows .works_cols:last-child .fss-block {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .subscribe_rows .works_cols + .works_cols .fss-block:after {display:none;
    }
    .default_button {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 15px;
    }
    .more_skriblbox_row .works_cols
    {
        width: 31%;
    }
    .prodetails_indicators .slick-prev , 
    .prodetails_indicators .slick-next
    {
        margin: 0px 21px;
    }
     .notification-explore_button {position:relative}
    .notification-explore_button {
        text-align: right;
        padding: 12px;
    }
     .notification-explore_button {
         opacity:1;
        -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
    .signup_div
    {
        height: 75%;
    }
    .product_description_tbl_cont
    {
         width: 94%;
    }
}
@media  screen and (max-width: 992px) 
{
        #main_nav ul li a
        {
            margin: 4px 0px;
        }
        .has_colormenu .submenu_color
        {
            left: 180px;
            top: 22px;
        }
        .has_colormenu .submenu_color .sub_submenu_color
        {
            left:100%; top:15px;
        }
        .navbar .megamenu
        {
            height:300px; 
            overflow-y:scroll;
            overflow-x: hidden;
            background-color: #f6f6f6;
            margin-bottom: 10px;
        }
        .sub_banner
        {
            top: 20px;
         }
        .slider_content_right h4 {
            padding: 2px;
        }
        .signPercentage
        {
            position: relative;
        }
        .signPercentage span.value 
        {
            font-size: 50px;
         }
        .signPercentage span.sign 
        {
           font-size: 20px;
        }
        .signPercentage span.valueCaption {
            font-size: 30px;
            line-height:10px;
        }
        .slider_content_right h2 
        {
            font-size: 15px;
            margin-top: -5px;
        }
        .fss-block.subscribe_box .fss-content h4 
        {
           padding: 30px 210px;
        }
        span.default_set 
        {
            background: #f5c298;
            color: #fff;
            padding: 12px;
            font-size: 15px;
            padding-left: 12px;
            clip-path: none;
            display: inline-block;
            line-height: 1;
            text-align: center;
        }
        .signup_div
        {
            height: 100%;
        }
}
@media  screen and (max-width: 768px) 
{
    .header_mail_link
    {
    display: block;
    }
    .cat_link ,.clr_link ,.acc_link
    {
    position: relative;
    }
    .down_caret,.up_caret ,.up_clr_caret, .down_clr_caret,
    .down_caret_acc,.up_caret_acc
    {
    position: absolute;
    right: 0;
    font-size: 17px !important;
    top: 10px;
    }
    .has-megamenu .submenu
    {
    min-height: auto;
    }
    .has-megamenu .submenu h6
    {
    cursor: pointer;
    position: relative;
    }

    .subcat_caret_down::after
    {
    content:"\f078";
    font-family: FontAwesome;
    position: absolute;
    top: 25px;
    color: var(--navy-blue);
    font-size: small;
    right: 13px;
    }
    .subcat_caret_up::before
    {
    content:"\f077";
    font-family: FontAwesome;
    position: absolute;
    top: 25px;
    color: var(--navy-blue);
    font-size: small;
    right: 13px;
    }
    .has-megamenu .submenu ul
    {
        display: none;
    }
    .megamenu .submenu .cat_heading a
    {
        width: 300px;
    }
    .search_div .input-group
    {
        width: 100%;
    }
    .cart_link span
    {
         top: 5px;
    }
    .banner
    {
    top: 170px;
    }
    .sub_banner
    {
    top: 50px;
    }
    .slider_content_right h4 {
    padding: 6px;
    }
    .signPercentage span.value
    {
    font-size: 50px;
    line-height: 30px;
    }
    .signPercentage span.sign
    {
    font-size: 30px;
    }
    .signPercentage span.valueCaption {
    font-size: 30px;
    line-height:35px;
    margin-top: 10px;
    }
    .slider_content_right h2
    {
    font-size: 10px;
    margin-top: -5px;
    }
    .owl-theme .owl-next, .owl-theme .owl-prev
    {
    width: 30px;
    height: 30px;
    top: 110px;

    }
    .fss-block.subscribe_box .fss-content h4
    {
        padding: 30px 216px;
    }
    .color_img_home_page
    {
        /* height: 200px; */
        height: 300px;
    }
    .main_footer
    {
        /* top: 490px; */
        top: 330px;
    }
    .payment_method_tab {
    width: 35%;
    }
    .make-payment .card .tab-content
    {
    width: 65%;
    }
    .make-payment .card .tab-content
    {
    padding: 20px;
    }
    .user_account_inner > .media > .media_image {
    width: 100px;
    }
    .slick-center .topOffers_service {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    transform: scale(1.08);
    }
    .productdetails_slider
    {
         width: 100%;
    }
    .slider-for 
    {
        width: 100%;
        padding-left: 0px;

    }
    .productdetails_slider .slider-nav
    {
        width:100%;
    }
    .productdetails_slider .slider-nav .slick-slide
    {
        width: 80px !important;
        margin: 5px;
    }
    .color_cart_table .quantity
    {
        width: 35%;
    }
    .colorvariation_row .color_cart_table
    {
        font-size: small;
    }
    .quickview_modal_page .slider-nav
    {
        width: 25%;
    }
     span.default_set {
        background: #f5c298;
        color: #fff;
        padding: 12px;
        font-size: 15px;
        padding-left: 12px;
        clip-path: none;
        display: inline-block;
        line-height: 1;
        text-align: center;
    }
     .payment_mode_div h4
     {
        text-align: center;
     }
      .more_skriblbox_row .works_cols
    {
        width: 30%;
    }
    .inside-vector h5
    {
        font-size: medium;
        margin-top: 10px;
    }
    .media_image
    {
        margin: 0px auto;
    }
    .map_div::after
    {
         right: 0px;
    }
     .deal_cat_img 
    {
        height: 100%;
    }
    .deal_cat .card-body
    {
       padding: 5px;
    }
    .deal_cat .card-body h5
    {
        font-size: smaller;
    }
    .product_description_tbl_cont
    {
         width: 94%;
    }
    .checkout_page_div
    {
        margin: 15px 0px;
    }
    .color_variation_tbl .color_cart_thead
	{
		display: none;
	}
	.color-active .colorvariation_cart_section
	{
		width: 720px !important;
	}
	.color_cart_table
	{
		height: 400px;
		overflow-y: scroll;
	}
	.colorvariation_row .colovariation_color_img {
    	height: 190px;
	}	
	.card-location-1.color-active .colorvariation_cart_section { left: 25px; }
	.card-location-2.color-active .colorvariation_cart_section { left: -220px; }
	.card-location-3.color-active .colorvariation_cart_section	{ left: -460px;  }

	.card-location-4.color-active .colorvariation_cart_section { left: 25px; }
	.card-location-5.color-active .colorvariation_cart_section { left: -220px; }
	.card-location-6.color-active .colorvariation_cart_section { left: -460px;}

}
@media  screen and (max-width: 576px) 
{

    .logo {  height: 75px !important; }
    .toggler_btn { background-color:transparent; } 
    .toggler_btn .toggle_icon { color: var(--navy-blue); } 
    .upper_header { display: none; }
    #main_nav { height: 470px; overflow-y: scroll; }
    
    .header_mail_link {  display: inline-block; }

    .has_colormenu .submenu_color { left: 120px; top: 22px; }
    .has_colormenu .submenu_color .sub_submenu_color { left:60px; top:32px; }
    .megamenu .submenu .cat_heading a {  width: 180px; }
    .main_cat .pro_total_count { padding: 4px 0px 0px 11px; }
    .banner {  top:100px; }
    .main_banner_div .owl-carousel .owl-item img { height: 200px; width: 550px; }
    .main_banner_div { /* overflow: hidden; */ }
    .main_banner_div .home_slider 
    {
       /* transform: scale(1.35, 1.3); */
       /* height: 200px; */
    }
    /* .main_banner_div .home_slider .item img
    {
        
       transform: scale(1.35, 1.3);
      
    } */
    .main_cat {  height: 25px; display: flex; align-items: center; }
    .main_cat span { height: 30px; width: 45px; }
    .subcat_caret_down::after {  top: 20px;  }
    .owl-theme .owl-next, .owl-theme .owl-prev  {  width:15px; height: 15px; top: 40%; }
    .owl-prev span, .owl-next span  { font-size: small !important; height: 20px; width: 20px;
        display: block; margin: -9px -2px; }
    .home_slider .owl-dot { height: 7px !important;  width: 7px !important; }
    .home_slider .owl-dots { margin-top: -40px; }
    .sub_banner { top: 10px; }
    .slider_content_right h4  { font-size: medium; padding: 4px 10px; }
    .signPercentage span.value  { font-size: 35px; line-height: 15px; }
    .signPercentage span.sign  {  font-size: 20px; }
    .signPercentage span.valueCaption { font-size: 20px;  line-height:5px; }
    .slider_content_right h2  {  font-size: 8px;  padding: 5px; line-height: 10px; }
    .color_home_container  {  position: relative; /* top:0px; */ top: -30px; }
    .heading_bottom_border ,.heading_bottom_border_theme,.heading_bottom_border_deal { font-size: xx-large;
    }
    .heading_bottom_border::after ,.heading_bottom_border_theme::after,
    .heading_bottom_border_deal::after
    {
        top: 50px;
    }
    .subscribe_rows .works_cols:first-child .fss-block  {  padding: 25px 0px; }
    .fss-block.subscribe_box .fss-content h4 { font-size: 20px; line-height: 45px; margin-top: 0; }
    .header_mail_link , .header_phone_link { font-size: small; }
    .fss-block.subscribe_box .fss-content h4  { padding:0; }
    .brand_slider .slick-prev, .brand_slider .slick-next  { width: 20px; height: 20px; }
    .brand_slider .slick-prev  { left: 15px; }
    .brand_slider .slick-next  { right: 15px; }
    .slick-prev::before,.slick-next::before  { font-size: 8px; line-height: 18px; }
    .main_footer {  top: 140px; }
    .bottom_footer p {  font-size: small; }
    .event-filter input#table_filter  {  width: 350px; }
    .searchFilter .btn  { padding: 0 20px; background: var(--green); color: var(--white); }
   .map_div iframe { width: 100%; margin-top: -70px; }
    .map_div::after {    display: none; }
    .user_account_inner .media { display: block; }
    .user_account_inner .media .media_image { margin: 0 !important;  }
    .user_account_inner .media .media-body {  margin-top: 20px; font-size: small; text-align: center;
    }
    .user_account_inner .media .media-body p { margin-bottom: 15px;  }
    .user_account_inner .media .media-body svg { border-radius: 5px; padding: 5px; }
    .user_account_inner h5 { font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }
    .user_account_inner .media .media_image img {
        border-radius: 50%;
        height: 130px;
        width: 130px;
        margin: auto;
        padding: 0.25rem;
        background-color: #fff;
        border: 5px solid #ddd;
        transition: all 0.2s ease-in-out;
        max-width: 100%;
    }
    .media-image .media_image {
        height: auto;
        width: 150px;
        background-color: #fff;
        border: 5px solid #ddd;
        transition: all 0.2s ease-in-out;
        max-width: 100%;
    }
    .user_account_inner .media-image h5 { margin-top: 10px; }
    .change_passowrd { text-align: left;  }
    .default_button { position: relative; top: auto; right: auto; margin-top: 15px; }
    
    .change_passowrd .modal-dialog { max-width: 500px; }
    .select_address .notification-explore {
        padding: 12px;
        /* text-align: left; */
        display: grid;
        place-items: center;
    }
    .default_button {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 15px;
        text-align: center;
    }
    .order_number_row
    {
        position: absolute;
        height: 50px;
        width:auto;
        background-color:var(--yellow);
        top: 0;
        right: 0;
        color: white;
        font-weight: bold;
        display: grid;
        place-items: center;
        padding: 0px 5px;
        font-size: small;
    }
    .order_status
    {
        margin-top: 55px !important;
    }
     .productdetails_slider .slider-nav .slick-slide
    {
        width: 50px !important;
        margin: 5px;
    }
    .color_cart_table .quantity
    {
        width: 60%;
    }
    .colorvariation_row .color_cart_table
    {
        font-size: small;
    }
    .event_date_div
    {
        left: -8px;
    }
    .user_account_inner > .media > .media_image 
    {
        /* width: 150px; */
        width: 100%;
        text-align: center;
    }
    .call_details .user_email
    {
        font-size: small;
    }
     .more_skriblbox_row .works_cols
    {
        width: 100%;
    }
    .offers_container .pro_off_prc
    {
        width: 100%;
        text-align: right;
        margin: 20px 0px;
    }
    .works_cols {
        width: 100%;
    }
    .blog_details_page .section-sub-title ,
    .event_deatils_page .section-sub-title
    {
        font-size: x-large;
    }
    .footer_bottom_links
    {
        font-size: xx-large;
    }
    .login_social_btn_div ,.quickview_modal_footer
    {
        flex-direction: column;
    }
    .coming_soon_details .coming_soon_title
    {
       font-size: 43px;
    } 
    .coming_soon_details .coming_soon_subtitle
    {
        text-align: center;
    }
    .cart_table .cart_pro_remove_link_text
    {
        display: inline;
    }
    .notification-explore_button a 
    {
        padding: 10px 5px;
    }
    .select_address_inner p 
    {
        font-size: 14px;
    }
    address
    {
        font-size: 15px;
    }
    .gray-color
    {
        font-size: small;
    }
    .login_form
    {
        width: 70%;
    }
    .register_overflow_div
    {
        overflow-y: scroll;
        height: 100%;
    }
    .register_full_div
    {
        height: 100%;
    }
    .signup_div .signup_form .form-control
    {
        margin-bottom: 8px;
    }
    .order_summary_div table tbody ,.order_summary_div table tbody h6
    {
        font-size: small;
    }
    .order_summary_div table tbody h5
    {
        font-size: medium;
    }
    .color_img_home_page
    {
        height: 150px !important;
    }
    .offers_container ,.skriblTheme 
    {
        top: -30px;
    }
    #skriblBrand
    {
        top: 0px;
    }
    .skriblBrand ,.events_section_page , 
    .blog_page ,.blog_details_page
    {
        /* top: 165px; */
        top: 140px;
    }
    .pro_sub_cat .color_cat_div .pro_img
    {
        height: 170px;
    }
    .footer_logo
    {
        text-align: center;
    }
    .pro_breadcrumb .product_breadcrumb
    {
        justify-content: flex-start;
       padding: 15px 0px 5px;
    }
    .product__filter_title__inner h2
    {
        font-size: 25px;
    }
    .color_home_container .color_home_row .card
    {
        margin-bottom: 15px;
    }
    .color_cat_div .card-footer h5
    {
        font-size: 15px;
    }
   /*  .pro_img
    {
        height: 320px;
    }
    .pro_overlay_div
    {
        transform: translateY(340px);

    } */
    .theme_detailpage_pro .pro_img img,
    .theme_products_div .pro_img img
    {
        object-fit: contain;
    }
    .contact_location_div i
    {
        height: 80px;
        width: 80px;
        font-size: 35px;
    }
    .contact_location_div .media-body h4
    {
        font-size: large;
    }
    .contact_location_div .media-body p
    {
        font-size: small;
    }
    .cod_payment
    {
        text-align: center;
    }
    .badge-yellow, .badge-cyan, .badge-navy
    {
        font-size: 13px;
        margin: 1px 0px;
    }
	
	.color-active .colorvariation_cart_section {
		width: 190% !important;
	}
	.color_cart_table
	{
		height:auto;
		max-height:420px;
		overflow-y: scroll;
	}
	.colorvariation_row .colovariation_color_img
	{
		height: 150px;
	}
	.card-location-1.color-active .colorvariation_cart_section,
	.card-location-3.color-active .colorvariation_cart_section,
	.card-location-5.color-active .colorvariation_cart_section
	{ left: 25px; }

	.card-location-2.color-active .colorvariation_cart_section,
	.card-location-4.color-active .colorvariation_cart_section, 
	.card-location-6.color-active .colorvariation_cart_section
	{ left: -180px; }
}

@media (max-width:380px) 
{
  	.card-location-2.color-active .colorvariation_cart_section, 
	.card-location-4.color-active .colorvariation_cart_section,
	.card-location-6.color-active .colorvariation_cart_section
	{ left: -155px; }
}

@media (max-width:355px) 
{
    .product_desc .media-content .btn {
        margin-top: 15px;
        display: block;
    }
    .wishlist_btns_div
    {
        display: flex;
        flex-direction: row;
    }
    .login_form
    {
        width: 90%;
    }
    .terms-conditions
    {
        font-size: small;
    }
    .card-location-1.color-active .colorvariation_cart_section, 
    .card-location-3.color-active .colorvariation_cart_section,
    .card-location-5.color-active .colorvariation_cart_section
    { left: 25px; }

	.card-location-2.color-active .colorvariation_cart_section, 
	.card-location-4.color-active .colorvariation_cart_section,
	.card-location-6.color-active .colorvariation_cart_section
	{ left: -135px; }
}


.color-name {
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}
.color-active {
    position: relative;
}
.colorvariation_cart_section {
    display: none;
}

.color-active .colorvariation_cart_section {
    z-index: 1;
    display: block;
    position: absolute;
    background-color: #fff;
    width: 855px;
}

.color-active .colovariation_color_card:after {
    content: "";
    width: 30px;
    height: 30px;
    transform: rotate(-45deg);
    background: var(--cyan);
    position: absolute;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
    z-index: -1;
    bottom: -10px;
    left: calc(50% - 10px);
  }

.color-active .colorvariation_cart_section .color_cart_table.table-responsive {
    border: 1px solid #182c61;
}

span.close-cart-card {
    position: absolute;
    right: 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}