@charset "UTF-8";

.media,
a,
a:-webkit-any-link {
  cursor: pointer;
}
/*
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:italic;font-weight:300;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:italic;font-weight:400;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Italic.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:italic;font-weight:700;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:italic;font-weight:800;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:normal;font-weight:800;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.ttf) format("truetype")}
*/

@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:normal;font-weight:400;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Regular.ttf) format("truetype")}
/*@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:normal;font-weight:300;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Light.ttf) format("truetype")}*/
@font-face{font-family:'Open Sans Hebrew';font-display:swap;font-style:normal;font-weight:700;src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot);src:url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot?#iefix) format("embedded-opentype"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff2) format("woff2"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff) format("woff"),url(/css/ea/opensanshebrew/v3/OpenSansHebrew-Bold.ttf) format("truetype")}

@font-face {
  font-family: 'fontello';
  src: url('/css/font/fontello.eot?757991');
  src: url('/css/font/fontello.eot?757991#iefix') format('embedded-opentype'),
       url('/css/font/fontello.woff2?757991') format('woff2'),
       url('/css/font/fontello.woff?757991') format('woff'),
       url('/css/font/fontello.ttf?757991') format('truetype'),
       url('/css/font/fontello.svg?757991#fontello') format('svg');
  font-weight: normal;
  font-display: block;
  font-style: normal;
}


.typefooter-1 .infos-footer ul li{background:url(https://www.karamel.co.il/images/icon/icon-contact.png) no-repeat right top;font-size:16px;line-height:20px;list-style:outside none none;padding:10px 40px 10px 10px;}


.fa-air:before { content: '\e091'; } /* '' */
.fa-lock:before { content: '\e0e7'; } /* '' */
.fa-glass:before { content: '\e800'; } /* '' */
.fa-search:before { content: '\e801'; } /* '' */
.fa-music:before { content: '\e802'; } /* '' */
.fa-location:before { content: '\e803'; } /* '' */
.fa-phone:before { content: '\e804'; } /* '' */
.fa-plus:before { content: '\e805'; } /* '' */
.fa-minus:before { content: '\e806'; } /* '' */
.fa-ok-circled:before { content: '\e807'; } /* '' */
.fa-truck:before { content: '\e808'; } /* '' */
.fa-globe:before { content: '\e809'; } /* '' */
.fa-font:before { content: '\e80a'; } /* '' */
.fa-eye:before { content: '\e80b'; } /* '' */
.fa-eye-off:before { content: '\e80c'; } /* '' */
.fa-plus-circled:before { content: '\e80d'; } /* '' */
.fa-link:before { content: '\e80e'; } /* '' */
.fa-text-width:before { content: '\e80f'; } /* '' */
.fa-flash:before { content: '\e810'; } /* '' */
.fa-ccw:before { content: '\e811'; } /* '' */
.fa-cancel-circled:before { content: '\e812'; } /* '' */
.fa-home:before { content: '\e813'; } /* '' */
.fa-calendar:before { content: '\e814'; } /* '' */
.fa-cancel:before { content: '\e815'; } /* '' */
.fa-mail:before { content: '\e816'; } /* '' */
.fa-left-open:before { content: '\e817'; } /* '' */
.fa-pencil:before { content: '\e818'; } /* '' */
.fa-right-open:before { content: '\e819'; } /* '' */
.fa-star-empty:before { content: '\e81a'; } /* '' */
.fa-play-circled2:before { content: '\e81b'; } /* '' */
.fa-tag:before { content: '\e81c'; } /* '' */
.fa-basket:before { content: '\e81d'; } /* '' */
.fa-user:before { content: '\e81e'; } /* '' */
.fa-heart:before { content: '\e81f'; } /* '' */
.fa-heart-empty:before { content: '\e820'; } /* '' */
.fa-droplet:before { content: '\e821'; } /* '' */
.fa-list:before { content: '\e822'; } /* '' */
.fa-up-open:before { content: '\e823'; } /* '' */
.fa-googleplay:before { content: '\e824'; } /* '' */
.fa-left-open-big:before { content: '\e825'; } /* '' */
.fa-right-open-big:before { content: '\e826'; } /* '' */
.fa-up-open-big:before { content: '\e827'; } /* '' */
.fa-down-open-big:before { content: '\e828'; } /* '' */
.fa-gift:before { content: '\e829'; } /* '' */
.fa-star:before { content: '\e82a'; } /* '' */
.fa-thumbs-up:before { content: '\e82b'; } /* '' */
.fa-check:before { content: '\e82c'; } /* '' */
.fa-ok:before { content: '\e82d'; } /* '' */
.fa-temperatire:before { content: '\e82e'; } /* '' */
.fa-cloud-sun:before { content: '\e82f'; } /* '' */
.fa-group:before { content: '\e830'; } /* '' */
.fa-bullhorn:before { content: '\e831'; } /* '' */
.fa-home-1:before { content: '\e832'; } /* '' */
.fa-giraffe:before { content: '\e833'; } /* '' */
.fa-megaphone:before { content: '\e834'; } /* '' */
.fa-guidedog:before { content: '\e835'; } /* '' */
.fa-megaphone-1:before { content: '\e836'; } /* '' */
.fa-pin:before { content: '\e837'; } /* '' */
.fa-road:before { content: '\e838'; } /* '' */
.fa-chart-line:before { content: '\e839'; } /* '' */
.fa-chart-area:before { content: '\e83a'; } /* '' */
.fa-chart-alt:before { content: '\e83b'; } /* '' */
.fa-clock:before { content: '\e83c'; } /* '' */
.fa-group-circled:before { content: '\e83d'; } /* '' */
.fa-fire:before { content: '\e83e'; } /* '' */
.fa-upload-cloud:before { content: '\e83f'; } /* '' */
.fa-qrcode:before { content: '\e840'; } /* '' */
.fa-help:before { content: '\e841'; } /* '' */
.fa-thumbs-down:before { content: '\e842'; } /* '' */
.fa-fire-1:before { content: '\e843'; } /* '' */
.fa-th:before { content: '\e844'; } /* '' */
.fa-toilet:before { content: '\e845'; } /* '' */
.fa-credit-card:before { content: '\e846'; } /* '' */
.fa-skiing:before { content: '\e847'; } /* '' */
.fa-facebook:before { content: '\f09a'; } /* '' */
.fa-left-circled:before { content: '\f0a8'; } /* '' */
.fa-filter:before { content: '\f0b0'; } /* '' */
.fa-docs:before { content: '\f0c5'; } /* '' */
.fa-menu:before { content: '\f0c9'; } /* '' */
.fa-money:before { content: '\f0d6'; } /* '' */
.fa-sort:before { content: '\f0dc'; } /* '' */
.fa-suitcase:before { content: '\f0f2'; } /* '' */
.fa-coffee:before { content: '\f0f4'; } /* '' */
.fa-food:before { content: '\f0f5'; } /* '' */
.fa-doc-text:before { content: '\f0f6'; } /* '' */
.fa-angle-double-up:before { content: '\f102'; } /* '' */
.fa-angle-double-down:before { content: '\f103'; } /* '' */
.fa-angle-left:before { content: '\f104'; } /* '' */
.fa-angle-up:before { content: '\f106'; } /* '' */
.fa-angle-down:before { content: '\f107'; } /* '' */
.fa-info:before { content: '\f129'; } /* '' */
.fa-puzzle:before { content: '\f12e'; } /* '' */
.fa-shield:before { content: '\f132'; } /* '' */
.fa-extinguisher:before { content: '\f134'; } /* '' */
.fa-level-up:before { content: '\f148'; } /* '' */
.fa-sort-alt-down:before { content: '\f161'; } /* '' */
.fa-thumbs-up-alt:before { content: '\f164'; } /* '' */
.fa-thumbs-down-alt:before { content: '\f165'; } /* '' */
.fa-youtube:before { content: '\f167'; } /* '' */
.fa-female:before { content: '\f182'; } /* '' */
.fa-dot-circled:before { content: '\f192'; } /* '' */
.fa-wheelchair:before { content: '\f193'; } /* '' */
.fa-bank:before { content: '\f19c'; } /* '' */
.fa-paw:before { content: '\f1b0'; } /* '' */
.fa-cab:before { content: '\f1b9'; } /* '' */
.fa-tree:before { content: '\f1bb'; } /* '' */
.fa-database:before { content: '\f1c0'; } /* '' */
.fa-file-excel:before { content: '\f1c3'; } /* '' */
.fa-lifebuoy:before { content: '\f1cd'; } /* '' */
.fa-paper-plane:before { content: '\f1d8'; } /* '' */
.fa-header:before { content: '\f1dc'; } /* '' */
.fa-share:before { content: '\f1e0'; } /* '' */
.fa-eyedropper:before { content: '\f1fb'; } /* '' */
.fa-birthday:before { content: '\f1fd'; } /* '' */
.fa-bus:before { content: '\f207'; } /* '' */
.fa-shekel:before { content: '\f20b'; } /* '' */
.fa-venus:before { content: '\f221'; } /* '' */
.fa-mars:before { content: '\f222'; } /* '' */
.fa-venus-mars:before { content: '\f228'; } /* '' */
.fa-whatsapp:before { content: '\f232'; } /* '' */
.fa-bed:before { content: '\f236'; } /* '' */
.fa-mouse-pointer:before { content: '\f245'; } /* '' */
.fa-map-o:before { content: '\f278'; } /* '' */
.fa-map:before { content: '\f279'; } /* '' */
.fa-fort-awesome:before { content: '\f286'; } /* '' */
.fa-product-hunt:before { content: '\f288'; } /* '' */
.fa-universal-access:before { content: '\f29a'; } /* '' */
.fa-wheelchair-alt:before { content: '\f29b'; } /* '' */
.fa-address-card-o:before { content: '\f2bc'; } /* '' */
.fa-user-circle-o:before { content: '\f2be'; } /* '' */
.fa-user-o:before { content: '\f2c0'; } /* '' */
.fa-wpexplorer:before { content: '\f2de'; } /* '' */
.fa-left-hand:before { content: '\e848'; } /* '' */




:root {
    --primary:  #0a334e; /*#0a324e;  var(--primary) */
    --primaryDark: #042b45;
    --white:  #FFF;
    --primaryLight:  #2d6890;
    --pricesRed:#d7012c;
    --secondaryStrong:  #d70159;  
    --secondary:  #ce1d66;
    --secondaryLight: #ffcee2;
    --tertiary: #e58f24;
    --tertiarySoft: #FFF0DD;
    --tertiaryDark: #dc582a;
    --yellow:  #fed545;
    --yellowLight:  #ffea9e;
    --positive: #2ea93e;
    /*--whatsapp: #28D146;*/
    --whatsapp: #067a0c;
    --positive-sale: #009705;
    --nutralLight: #e1e1e1;
    --nutral: #ededed;
    --nutralUltraLight: #ececec;
    --nutralDefiningLight: #F6F6F6;
    --nutralDark: #9a9b9b;
    --grayText:  #202020;
    --nutralS:  #b0b0b0;
    --nutralShadow: #bebebe;
    --gray_a:#434343;
    --gray_b:#282828;
    --gray_bb:#262626;
    --gray_c:#202020;
    --gray_d:#333;
    --gray_e:#505050;
    --link: #3366CC;
    --smallGap: 3px;
    --mediumGap: 8px;
    --largeGap: 7px;
    --tiny-icon:  23px;
    --tiny-icon-font: 12px;
    --small-icon-height:  86px;
    --site-width: 1280px;
    --menu_height:  43px;
    --main-card-img-width: 297px;
}


@media (max-width: 950px) {
    *:not(.swiper-slide) > .cstmr_card {
        width: calc(50vw - 20px);
    }
    *:not(.swiper-slide) > .cstmr_card .img_container, *:not(.swiper-slide) > .cstmr_card .img_container img {
        width: 100%;
    }
}

/******************************************
range slider
*******************************************/
    
.double_range_slider_box {
    position: relative;
    /* background: white; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px 15px 0;
    width:230px;
    max-width: calc(min(650px, 90vw) - 80px);
    flex-wrap: wrap;
    width: 100%;
    /* margin-right: 7px */
 }
 .double_range_value {
    width: 100%;
    text-align: center;
 }
  
  .double_range_slider {
    width: 300px;
    height: 7px;
    position: relative;
    background-color: #dddddd;
    border-radius: 20px;
  }
  .range_track{
    height: 100%;
    position: absolute;
    border-radius: 20px;
    background-color: #E58F24;
  }
  
  .minvalue {
    position: absolute;
    color: black;
    font-weight: bold;
    font-size: 14px;
    top: -34px;
    right: 0;
  }
  .maxvalue {
    position: absolute;
    color: black;
    font-weight: bold;
    font-size: 14px;
    top: -34px;
    left: 0;
  }
  #price_range_filter .minvalue::before , #price_range_filter .maxvalue::before {
    content: "₪";
    margin-right: 4px;
  }
  input.range-slider-input {
    --thumb-color: #E58F24;
    position: absolute;
    width: 100%;
    height: 10px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    top: 50%;
    transform: translateY(-50%);
    direction: rtl;
  }
  .disabled_range   input.range-slider-input {
    --thumb-color: #dddddd;
  }
  input.range-slider-input::-webkit-slider-thumb {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 3px solid var(--thumb-color);
    background-color: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
    cursor: pointer;
    margin-bottom: 1px;
  }
  input.range-slider-input::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 3px solid var(--thumb-color);
    background-color: #fff;
    pointer-events: auto;
    -moz-appearance: none;
    cursor: pointer;
    margin-top: 30%;
  }

/******************************************
end of range slider
*******************************************/

.media-images{
    object-fit: contain;
}

/* Share button css */
.dropbtn {
    background: inherit;
    border: 0;
    color: var(--primary);
    font-size: 18px;
    cursor: pointer;
}

.dropdown-container:hover{
    #shareDropdown{
        display: block !important;
    }
}

.dropdown-container {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999;
}

.dropdown-content .dropdown-header{
    padding: 19px 10px 0 0;
    font-size: large;
    font-weight: bold;
}

.dropdown-content .dropdown-option{
    color: black;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.dropdown-container .dropdown-option:hover {background-color: #ddd;}

.show {display: block;}
/* Share button css */

#filters-loading-animation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter-options-title {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.filter-options-title > strong {
    flex-grow: 2;
    color: var(--primary);

}
.filter-options > hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

.filter-options-close {
    position: absolute;
    top: 16px;
    left: 21px;
    background-color: inherit;
    border: 0;
    width: 30px;
    height: 30px;
}
.filter-options-close::before {
    content: "\2715";
}

#filter-option-location p.style_fig:first-child{
    border-top: unset;
}

.filter-options .style_fig::before {
    content: "+";
    position: absolute;
    left:0;
    top: 50%;
    font-size: 24px;
    font-weight: 700;
    transform: translateY(-50%);
    padding-top: 10px;
}

.filter-options .style_fig.open::before {
    content: "-";
    font-size: 38px;
    transform: translateY(-55%);
    font-weight: 100;
}
.banAd{
    color: #ce1d66;
    font-size: 26px;
    animation: blinker 1s linear infinite, 1s linear infinite;
}
/* 
#table_display_control .container:has(.cat-header-pic){
    .cat-top-header-text{
        width:68%;
        flex-basis: fit-content;
    }
} */
.cut-text div{
    text-overflow: ellipsis;
    overflow: hidden;
    transition: max-height ease-out 200ms;
    max-height: 3.0em;
    line-height: 1.5em;
    min-width: 100%;
    /* display: -webkit-box; */
    /* display:-webkit-box;
    display:-webkit-flex; */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cut-text-animation{
    max-height: 1000vh !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

.row.justify-content-right.narrower{
    margin-bottom: 10px;
}

#first-sentence h2{
    font-size:15px;
    margin-bottom:5px;
}
#first-sentence{
    margin-top: 5px;
    padding-left:9px;
}

#first-sentence div p{
    font-size: 14px;
    line-height: 152%;
}
.cat-header-pic{
    float: left;    
    width: 30%;
}

#readMoreLess-description{
    position:relative;
    /* display: none; */
    /* margin:0 8px 8px 0; */
}
#readMoreLess-description button{
    background-color: var(--nutralUltraLight);
    /* position: absolute; */
    bottom: 5px;
    left: 15px;
    color: var(--grayText);
    padding: 3px 10px 3px 10px;
    font-size: 13px;
    border-radius: 10px;
    border:none;
}

#readMoreLess-description button:hover{
    background-color: var(--nutralLight);
}

.writer-block{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    background-color: #f1f1f1;
    padding: 15px; 
}

.writer-img {
    padding-left: 10px;    
}

.writer-img img{
    object-fit: contain;
}

.writer-img img{
    width: 200px !important;
    height: auto !important;
}

.filter-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 0;
    overflow-y: hidden;
    margin-bottom:15px;
    padding: 0 25px 0 15px;
    /* transition: max-height 0.2s; */
}
.filter-container.open {
    max-height: fit-content;
    /* width: 90%; */
}
.filters-control {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}
.filter, .filters-control > button {
    border-radius: 12px;
    background: transparent;
    /* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
    /* color: #434343; */
    border: 0;
    /* padding: 4px 7px; */
    padding-right: 10px;
    white-space: nowrap;
    /* margin: 4px 7px; */
    font-size: 14px;
    width: 100%;
    text-align: right;
    /* padding: 0 40px; */
    /* transition: color 0.2s, border-color 0.2s; */
}

.filter-row {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    width: 100%;
}
.filter-row.child-filter{
    padding-right: 20px;
}

.filter-row span{
    font-size: 14px;
}

.filters-control > button {
    font-weight: bold;
}
.filters-control > button.filter-control-accept {
    color: var(--white);
    background: var(--secondary);
}

.filter-row:has(.filter:disabled) {
    /* color: var(--nutralShadow);
    border-color: var(--nutralShadow);
    cursor:not-allowed; */
    display: none;
}

.filter.active {
    /* color: #E58F24;
    box-shadow: 0px 0px 4px 0px rgba(223, 143, 38); */
    font-weight: 700;
} 

.symbolic_filter.active {
    color: #E58F24;
    box-shadow: 0px 0px 4px 0px rgba(223, 143, 38);
}  

.symbolic_filter {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    color: #434343;
    border: 0;
    /*padding: 4px 7px;*/
    white-space: nowrap;
    margin: 4px 0 4px 10px;
    font-size: 14px;
}

p.style_fig {
    /* width: 90%; */
    font-weight: bold;
    color: var(--primary);
    position: relative;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
}
/* .filter-options .style_fig {
    cursor: pointer;
    width: fit-content;
} */
/* p.style_fig.open{
    width: 90%;
} */

/* .filter-options .style_fig::before {
    content: "+";
    position: absolute;
    right: -24px;
    left:0;
    top: 50%;
    font-size: 24px;
    font-weight: 700;
    transform: translateY(-50%);
}

.filter-options .style_fig.open::before {
    content: "-";
    font-size: 38px;
    transform: translateY(-55%);
    font-weight: 100;
}
p.style_fig:after {
    content: " ";
    display: block;
    bottom: -8px;
    position: absolute;
    right: 0;
    background-color: #CE1D66;
    width: 24px;
    height: 3px;
} */
/* .filter-options {
    display: block !important;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--general-color-white, #FFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    width: 100vw;
    text-align: right;
    position: fixed;
    left: 0;
    top: 0;
    max-width: 0;
    height: 100vh;
    padding: 26px 0;
    overflow-y: hidden;
    transition: max-width 0.5s, padding 0.5s;
    z-index: 999;
    color: var(--primary);
} */

.filters-no-results {
    margin: auto;
    text-align: center;
    padding: 60px 0;
}
.filters-no-results > h3 {
    font-size: 20px;
}
.filters-no-results > p > a {
    color: var(--secondary);
}
/*
.filter-options-container {
    overflow: scroll;
    height: calc(100vh - 225px);
    padding-right: 40px;
    width: min( calc(90vw - 15px), 424px) 
}*/
.filter-options-container li {
    cursor: pointer;
    padding-bottom: 2px;
    white-space: nowrap;
}

#filter-option-filters{
    width: 100%;
}
#filterBoxByQuestions-form #filter-option-filters{
    border: 2px solid var(--secondary);
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 12px;
    background-color: var(--secondary);
}

#filter-option-admin {
    overflow-y: scroll;
    height: 100%;
    box-shadow: 6px 11px 11px 8px #7d7d7d;
}

#filter-option-admin.open {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 405px;
    background-color: white;
    padding-right: 39px;
}

#filter-option-admin:not(.open){ 
    display: none;
}

/* .filter-options.open {
    display: block; 
    max-width: min(450px, 90vw);
    padding: 26px;
    padding-right: 0;
} */

/* #filter-option-sort{
    height: 41px;
} */
#filter-option-sort-mobile{
    display: none;
}
.filter-options > ul {
    padding: 0;
    margin:0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.filter-options > ul > li {
    list-style-type: none;
    cursor: pointer;
}

#filter-option-sort .active {
    color: #E58F24;
    box-shadow: 0px 0px 4px 0px rgba(223, 143, 38);
}

#filter-option-sort .filter-options-container {
    text-align: right;
    font-size: 16px;
}

#filter-option-sort .select-btn{
    border: 1px solid #ECECEC;
    width: 210px;
}

#filter-option-sort .options{
    width: 210px;
}

#order_by_location {
    width: 230px;
    height: 41px;
    width: 100%;
    border-radius: 12px;
    /* background: var(--general-color-white, #FFF); */
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 16px;
    direction: rtl;
    border: 0;
}

.txtSendPhone{
    direction: rtl;
}

.align_text_right {
    text-align: right;
    margin-left: auto;
}
.pink {
    color: var(--secondary);
}

.normal {
    font-weight: normal;
}

.self-align-start {
    align-self: flex-start;
}

.orange-button {
    background-color: var(--tertiary);
    padding: 6px 12px;
    border-radius: 26px;

}

.text_button {
    background: inherit;
    border: 0;
    padding: 0;
}

.small_bold {
    font-size: 14px;
    font-weight: bold;
}

.hr {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ECECEC;
}

.full_banner {
    width: 1250px;
    height: 330px;
    max-height: 30vw;
    object-fit: contain;
}

p {
    font-size: 16px;
}

h1 {
    font-weight: 700;
    color:var(--primary);
    font-size: 26px;
}

h2{
    font-size: 20px;
    color: var(--primary);
    margin-bottom: 20px;
    font-weight: 700;
}

h4 {
    color:var(--secondary);
    font-weight: 700;
}
.form-group-offer > h4 {
    color: var(--primary);
}

h3{
    line-height: 18px;
    font-weight: bold;
    font-size: 20px;
}

h5{ color: var(--primaryLight); }
.nowrap {
    white-space: nowrap;
}
figure {
    margin:0;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.object-contain {
    object-fit: contain;
}
.bold {
    font-weight: 700;
}
#mains_container {
    width: 100%;
}
.image_flag {
    height: 11px;
    width: 16px;
}
#map_to_office {
    height: 180px;
    width: 100%;
}
.infos-footer {
    display: flex;
    line-height: 1.7;
    line-height: 2;
    gap: 16px;
    flex-direction: column-reverse;
    font-size: 16px;
}
.gray_background {
    background-color: var(--nutralDefiningLight);
}

.shadow {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 30px;
    height: 100%;
    background: red;
}

.shadow--top,.cats-shadow--top{
    left: 0;
    background: -webkit-linear-gradient(270deg, rgb(109 109 109 / 35%), transparent);
    background: linear-gradient(90deg, rgb(109 109 109 / 35%), transparent);    
    opacity: 0;
}

.shadow--bottom,.cats-shadow--bottom {
    right: 0;
    background: -webkit-linear-gradient(90deg, rgb(109 109 109 / 35%), transparent);
    background: linear-gradient(270deg, rgb(109 109 109 / 35%), transparent);
    opacity: 0;
}

.tags_controlls,.category_controlls{
    /*padding-left: 15px;*/
    /* padding: 0 8px; */
    /* margin:15px 10px 0 14px; */
    position: relative;
    /* overflow: hidden;
    border-radius: 4px; */
}
.updateLocation{
    color: rgba(206, 29, 102, 1);
    font-size: 13px;
    cursor: pointer;
}
.updateLocation:hover{
    text-decoration: underline;
}

.cat-top-links {
    padding-right: 6px;
}

.cat-top-links .title {
    font-size: 20px;
    /*font-weight:700;*/
    color: var(--secondary);
}

/* #tags_quick_link { */
    /* position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; */
    /* overflow-x: scroll; */    
    /* scrollbar-width: none; */
    /*max-width: 1250px;*/
    /* overflow-x: auto;
    white-space:nowrap;
    height: 100%;
    overflow-y: hidden;
    padding:2px; */
/* } */

#tags_quick_link.tags-row-design,#categories_quick_link{
    scrollbar-width: none;
    overflow-x: auto;
    white-space:nowrap;
    height: 100%;
    overflow-y: hidden;
    padding:4px;
}

#tags_quick_link.tags-mobile-column-design{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /* width: fit-content; */
}

#tags_quick_link.tags-row-design > a, #tags_quick_link.tags-row-design > span,#categories_quick_link > a, #categories_quick_link > span {
    white-space: nowrap;
    /*color: var(--link);*/
    font-size: 14px;
    /* color: #202124; */
    color: var(--primary);
    border: 1px solid #dadce0;
    padding: 4px 12px;
    margin-left: 14px;
    border-radius: 20px;
    background-color: var(--white);
    cursor: pointer;
    /*box-shadow: 0 0 4px 0 rgba(0,0,0,.25);*/
}

#tags_quick_link.tags-mobile-column-design > a, #tags_quick_link.tags-mobile-column-design > span {
    white-space: nowrap;
    font-size: 14px;
    padding: 4px 12px;
    margin-left: 14px;
    display: flex;
    flex-direction:row;
    align-items:center
}

#tags_quick_link.tags-mobile-column-design span em{
    margin-left:5px;
}

#tags_quick_link > span:hover{
    text-decoration: underline;
}

/*
#tags_quick_link > a:first-child {
    margin-right: 2px;
}
*/
#temp_accessability_button {
    position: fixed;
    z-index: 101010;
    left:0;
    bottom:100px;
    background-color: black;
    color: white;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    font-size: 20px;
    align-items: center;
}

#containerPage .main_link > a {
    text-decoration: none;
}


.minititle {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
    position:relative;
    color: var(--primary);
    margin-bottom: 18px;
}
.minititle:after {
    content: " ";
    display: block;
    bottom: -3px;
    position: absolute;
    right:0;
    background-color: var(--secondary);
    width:30px;
    height:2px;
}

#myImg {
    /* width: 100%;
    height: 100%; */
    width: calc(var(--site-width) - var(--side-column-width) - 30px);
    height: 524px;
    object-fit: cover;
    cursor: pointer;
  }
.full_width_hero #myImg {
    width: var(--site-width);
}


.cat_h2 {
    font-weight:500 !important;
    margin:0 0 10px 0 !important;
    font-size: 18px;
}

/* .filter-options {
    max-width: 0;
    display: none;
} */


.filter-container.open .filter:disabled::before{
    border: 1px solid var(--nutralShadow);
}

.filter-container.open .filter:disabled:hover::before{
    background: white;
    content: "";
}

.filter-container.open .filter::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    font-family: cursive;
    margin-top: 5px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid var(--primary);
}
.filter-row.child-filter .filter::before{
    margin-right: 20px;
}

.filter-container.open .filter.active::before {
    font-size: 10px;
    background: var(--secondary);
    content: "\2713";
}

.filter-options.open {
    display: block;
}
#filterBoxByQuestions-form {
    /* margin: auto; */
    /* display: table; */
    /* text-align: center; */
    align-content: center;
    align-items: center;
    /* background-color: var(--secondaryLight); */
    /* padding: 10px 20px 20px 20px;*/
    padding:0 9px 0 14px;
    border-radius: 10px;
    margin-bottom: 10px;
}
#filter {
    position:relative;
    max-width: var(--site-width);
    margin: auto;
    display: flex;
    align-self: self-start;
    flex-direction: row-reverse;
    gap: 20px;
    margin: 0 auto 0 0;
    align-self: flex-end;
    height: 44px;
}

#attributes_container ul button{
    width:100%;
    margin:0 0 10px 0;
}
.filter-element {
    list-style-type: none;
    color: var(--primary);
    position: relative;
    z-index: 26;
}
.filter-element:hover {
    color: #B01111;
}
.filter-element:before {
    position: absolute;
    left: 8px;
    top: 17px;
    font-size: 16px;
    color:inherit;
}
.sort-select {
    cursor: pointer;
    color:inherit;
    border-radius: 12px;
    border: 1px solid var(--gray-color-nutral-color-nutral-ultra-light, #ECECEC);
    background: var(--general-color-white, #FFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 14px;
    text-align: right;
    width: 124px;
}
.filter-element > button {
    cursor: pointer;
    color:inherit;
    border-radius: 12px;
    border: 1px solid var(--gray-color-nutral-color-nutral-ultra-light, #ECECEC);
    background: var(--general-color-white, #FFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 14px;
    text-align: right;
    width: 124px;
}
.filter-nav-buttons > .filter-element {
    cursor: pointer;
    color:inherit;
    border-radius: 12px;
    border: 1px solid var(--gray-color-nutral-color-nutral-ultra-light, #ECECEC);
    background: var(--general-color-white, #FFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 8px;
    text-align: right;
    width: 87px;
    white-space: nowrap;
}

.filter-nav-buttons .filter-element.current {
    text-decoration: underline;
}

.filter-nav-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 14px 4px;
    flex-direction: row-reverse;
}
.filter-element  > button > em {
    margin-left: 3px;
}
.filter-element.active {
    color: #E58F24;
}
.filter-element.active > button {
    box-shadow: 0px 0px 4px 0px rgba(223, 143, 38);
}

.cstmr_card .belongs-to-world {
    position: absolute;
    text-align: center;
    z-index: 2;
    display: inline-block;
    position: absolute;
    left: 10px;
    /* bottom: 49%; */
    top:264px;
    width: var(--tiny-icon);
    height: var(--tiny-icon);
    line-height: var(--tiny-icon);
    text-align: center;
    border-radius: 50%;
    background: var(--white);
    font-size: var(--tiny-icon-font);
    align-items: center;
    justify-content: center;  
}

.sctmr_list .belongs-to-world {
   right:136px;
   left:unset;
   top: unset;
   bottom: 12px;
}

#containerPage h2.minititle, #containerPage h3.minititle {
    text-align: right;
}
.voucher_list_sum > div,
.voucher_list_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color:var(--primary);
    font-size: 12px;
/*    margin-bottom: 15px;*/
}
.voucher_list_sum > div {
    display: flex;
    justify-content: space-between;
}
.voucher_list_sum > div,
.voucher_list hr, .voucher_list_sum hr {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 40px;
}

.purches_total_discount,.purches_total_sum {
    justify-content: space-between; 

}
.voucher_list_img {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    object-fit: cover;
}
.voucher_list_count {
    margin-right: auto;
}

.youtube {
    display: block;
    position: relative;
    padding-top: 56.25%;
    margin-bottom: 60px;
}
.youtube img{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.youtube > .lazy {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    object-fit: cover;
    object-position: left;
}   
.screen_reader_label {
    opacity: 0;
    position: absolute;
    font-size: 0;
}

.holiday_hero {
    position: absolute;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}
.holiday_h1 {
    font-size: 64px;
    font-weight: 700;
    color: #FFFFFF;
    padding-top: 24px;
    text-shadow: 5PX 1PX 9PX var(--primary);
    -webkit-text-stroke: 2px #042B45;
}
.holiday_h2 {
    font-size: 84px;
    font-weight: 700;
    color: #FFFBFC;
    margin-top: -15px;
    text-shadow: 1px 1px 2px #000;
}
.holiday_hero_link {
    background: #FAFCFD;
    color: var(--primary);
    font-size: 28px;
    font-weight: 700;
    padding: 24px 67px;
    border-radius: 64px;
    box-shadow: 4px 7px #042B45;
    width: fit-content;
}
.overflow_hidden {
    overflow: hidden;
}

.product-filter-top {
    /* display: flex;
    justify-content: space-between;
    gap:24px; */
    grid-row-gap: 15px;
    font-size: 14px;
    flex-wrap: wrap;
    margin: 15px;
    display: grid;
    grid-template-columns: 7fr 2fr;
}
.product-filter-top.container_top  {
    max-width: 1250px;
}
#filters-misc {
    display:flex;
    align-items: center;
}
#selected_filters {
    grid-column: 1 / -1;
}
#input-sort:hover {
    cursor: pointer;
}
#order_by_location, #input-sort {
    border:0;
    border-bottom: 1px solid var(--nutralShadow);
}

.filterBoxByQuestions-form-title {
    color:var(--primary);
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
}

#order_by_location_button, .short-by .button-search {
    /*border-left: 1px solid var(--nutralShadow);
    border-top: 1px solid var(--nutralShadow);
    border-bottom: 1px solid var(--nutralShadow);
    border-right: 0;*/
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    background-color: var(--tertiary);
    border-radius: 9px;
    color: var(--primary);
    padding: 5px 10px;
    font-weight: 700;
}

/* .product-filter .fa {
    color: var(--primary);
} */

.controll_button {
    border: 0;
    background-color: inherit;
    color: var(--primary);
}
.controll_button:hover {
    color: var(--tertiary);
    text-decoration: underline;
}

.tag_container {
    max-height: 46px;
}

.swiper.loading, .tag_carousel.loading {
    visibility: hidden;
}

.swiper_cats_link > img {
    max-height: var(--small-icon-height);
    object-fit: contain;
    height:100px;
    width: 86px;
}
/*
.cat_text {
     text-align: right;
}
*/
.cat_text > .text_button  {
    padding-right: 0;
}
.cat_text > p {
    font-size: 14px;
    line-height: 1.4;
}


/* show less/more */
#summary {
    font-size: 14px;
    line-height: 1.5;
}
  
#summary p.collapse:not(.show) {
    height: 20px !important;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}
/* END show less/more */
  
/*.swiper .blue_button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border: 1px solid var(--primary) !important;
    transition: .2s;
    color: var(--white);
    font-size: 0.8em;
}

.swiper .blue_button:after{
    color: var(--white);
    font-size: 3rem;
}*/
.sort_by_location {
    margin: 0 15px;
}

/* .swiper-slide {
    justify-content: center;
    display: flex;
    text-align: center;
} */


#articleShowBigAuthor {
    font-size: 12px;
    color: #626262;
    font-weight: bold;
}
/* this will eventually be applied to everything */
#article_title {
    font-size: 28px;
    margin-right: 0;
    position: relative;
}
#article_title:after {
    position: absolute;
    content: " ";
    width: 100px;
    height: 2px;
    right: 0;
    bottom: 0;
    background-color: var(--secondary);
} 

.category-header{
    /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;     
    justify-content: space-between;
    align-items: start;
    text-align: right; */
    /* display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; */
    position: relative;
    padding: 0 9px 0 9px;
}

.navbar-panel-logo {
    height: 42px;
    float: left;
}

.navbar-logo-back a > .fa-right-open {
    color:var(--white);
}

.cat_name {
    font-size: 24px;
    margin: 0 0 3px 0;
}
.infos-footer a img {
    height: 40px;
    width: 92px;
}
.types-layout.col-lg-2.col-md-4.col-sm-6.col-xs-6 {
    margin-bottom: 2px;
}

.info-contact .comment {
    line-height: 24px;
}
div#tab-1 ul li {
    margin-right: 1em;
}
div#tab-1 ul li:before {
    content: "-";
    margin-left: 5px;
}

.error_msg {
    font-size: 14px;
}

body, input{background-color:var(--white)}
input.invalied, textarea.invalied {
    border-color: red;
    outline: 1px solid red;
}
.current_cat {
    color: var(--secondary);
}

@keyframes height_appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 150px;
  }
}

.top_banner {
    background-color: yellow;
    color: black;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    animation: 1s linear 0s 1 height_appear;
    text-align: center;
}

.top_banner > em {
    cursor: pointer;
    position: absolute;
    top:8px;
    right: 8px;
}

/* .main-container h1  {
    width: fit-content;
    margin:  10px auto 0px;
    padding-bottom: 1rem;
} */
.image_background_text h1 {
    width: fit-content;
    margin:  10px auto 10px;
    padding-bottom: 1rem;
}
.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.title_box h2 { 
/*    padding-top: 2rem;*/
    color: var(--gray_bb);
    font-size: 18px;
    margin: 0;
}

.top-link > li:not(:first-child)::before {
    content: "|";
    color: gray;
}
.top-link.list-inline > li {
    padding: 0px 0px;
}
.languages-block  {
    padding-bottom: 4px;
}
.languages-block > .btn-link.btn {
    padding: 0;
}
.authority-info {
    color: var(--white);
    font-size: 14px;
    align-items: center;
    margin-left: 32px;
    display: flex;
}
.authority-info > a {
    color: var(--white);
    font-size: 12px;

}
.authority-info > a > em.fa {
    margin-left: 8px;
}
.authority-info > a > em.fa.fa-facebook{
    margin-left: 5px;
}
.authority-info > span {
    margin: 0 8px;
}
.accurate-facebook-logo {
    background-color: #4267B2 !important;
    color: white !important;
    border-radius: 100%;
    padding: 2px;
    border: 1px solid white;
}
.header-top {
    height: 30px;
}
.header-left-icons {
    display: flex;
}
.header_mini_icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:16px;
}
.top-menu-icon-link.fav-icon-top-menu{
    position: relative;
}
#fav-badge {
    position: absolute;
    display: flex;
    top: -4px;
    width: 20px;
    height: 15px;
    text-align: center;
    font-size: 12px;
    left: 15px;
    background-color: red;
    border-radius: 7px;    
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border: none;
    cursor:none;
}
.hero-swiper.swiper {
    z-index:0;
    /* max-height: 500px; */
    overflow: hidden;
}
.hero-swiper .swiper-horizontal>.swiper-pagination-bullets, .hero-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: unset;
    top: 0;
}

.bottom_nav {
    bottom: 0;
    position: fixed;
    width: 100vw;
    color: var(--primaryDark);
    background-color: var(--white);
    z-index: 120;
    /*border: 0px;*/
    /*border-top: 1px;*/
    /*border-style: solid;*/
    box-shadow: -2px     2px     14px    var(--nutralShadow);
}
.bottom_nav li {
    font-size: 12px;
}
.bottom_nav li > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}
.bottom_nav em {
    color: var(--primaryDark);
    font-size: 22px;   
}
.bottom_nav > ul {
    padding: 11px 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
.bottom_nav > div {
    background-color: var(--primary);
}
.tag_container {
    max-height: 70px;
}
.attractions .container {
    min-height: 400px;
    max-width: calc(var(--site-width) + 25px);
}

/* centering world icons */
.top_cat_list .fa-birthday:before {
    position: relative;
    bottom: 6px;
    left: 2px;
}
.top_cat_list .fa-coffee:before {
    position: relative;
    left: 5px;
}
.top_cat_list .fa-glass:before {
    position: relative;
    bottom: 5px;
}
.top_cat_list .fa-group:before {
    position: relative;
    bottom: 3px;
    left: 1px;
}
.top_cat_list .fa-cab:before {
    position: relative;
    bottom: 2px;
    left: 5.5px;
}
.top_cat_list .fa-location:before {
    position: relative;
    bottom: 3px;
}

.top_cat_list  {
    min-height: 161px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.top_cat_list img {
    margin: auto;
}
.info_iconBoxs .icon_box {
    min-height: 336px;
}

.header_bottom  {
    /*max-height: 80px;*/
    /*min-height: 61px;*/
    position: relative;
    /*z-index: 9;*/
    max-width: 100%;
    /*overflow: auto;*/
    background: var(--nutralDefiningLight);

}
.container_top {
    min-height: 30px;
}
.nav-menu {
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-width: calc(var(--site-width) - 10px);
    padding-right: 2px;
}
.flex-float-left {
    margin-right: auto;
}
.header_bottom .open_sub_menu {
	position: relative;
    bottom:4px;
}

.header_bottom .open_sub_menu em {
	color: var(--white) ;
}

.sub-menu-main-link {
    color: var(--white);
}

.sub-menu-main-link > .fa {
    font-size: 22px;
}

.sub-menu-main-button {
    padding: 1px 5px;
    border-radius: 5px;
}
.sub-menu-main-link.sub-menu-main-button {
    background-color: var(--secondary);
    color: var(--white);
}
.sub-menu-main-link.sub-menu-main-button.orange {
    background-color: var(--tertiary);
    color: var(--primary);
}

.logo_top > .img-fluid {
    width: 58px;
    max-width: 58px;
    height: 25px;
    object-fit: contain;
}

.container_top {
    max-width: 1280px;
    /* padding: 0px 15px 0px 15px; */
    width: 100%;
    margin: auto;
}

@media screen and (min-width: 992px) {
    .logo_top > .img-fluid {
        width: 83px;
        max-width: 83px;
        height: 36px;
    }
    .bottom_nav  {
        display: none;
    }
}

.bottomNav {
    margin-bottom: 15px;
}

.buttonGray {
    padding: 9px 20px;
    background: #555;
    color: var(--white);;
    border-radius: 3px;
    border: none;
}
.buttonGray:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);;
}
#bt-language:hover .dropdown-menu {
    display: block;
}
#bt-language .fa {
    color: var(--white);
}
.dropdown-menu li {
    margin-top: 3px;
}
.dropdown-menu > li > a {
    color: var(--primary);
 }
.page-login .bottom-form {
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 10px 20px;
    overflow: hidden;
    line-height: 35px;
}
.page-login .bottom-form .btn {
    padding: 9px 20px;
    background: #555;
    color: var(--white);;
    border-radius: 3px;
    border: none;
}
.page-login .bottom-form .btn:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);;
}
.page-login .bottom-form a {
    color: #555;
}
a:hover {
    text-decoration: underline!important;
}
a.no-hover-decoration:hover {
    text-decoration: none!important;
}

.page-login .bottom-form a:hover {
    color: var(--secondary);
}
.short-by-show .form-control {
    width: auto;
    display: inline-block;
}
.blog-listitem .blog-item .blog-item-inner {
    height: 470px;
    display: block;
    margin-bottom: 30px;
    transition: all .2s;
    cursor: pointer;
    background-color: var(--white);
    border: #dbdbdb 1px solid;
}
.blog-listitem .blog-item .blog-item-inner .article-image img {
    height: 200px;
    width: 100%}
.blog-listitem .blog-item .blog-item-inner .blog-content h4 {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}
.blog-listitem .blog-item .blog-item-inner .author, .blog-listitem .blog-item .blog-item-inner .blog-date, .media-date-added em, .media-date-added span {
    display: inline-block;
    margin-left: 15px;
}
.blog-listitem .blog-item .blog-item-inner .blog-meta, .media-text .blog-meta {
    width: 100%;
    display: inline-block;
    padding: 5px 0 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top;
    font-size: 13px;
}
.blog-listitem .blog-item .blog-item-inner .article-image:hover img, .product-layout.item-inner.style1:hover img, img.img-responsive.img-border:hover {
    opacity: .8;
    transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -webkit-transition: all .2s ease-in-out 0;
}

.hero_banner{
    height: 300px;
    max-height: min(500px, 33vw);
    min-height: 200px; 
    width:100%;
    background-color: var(--nutralLight);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    object-fit: cover;
}

.cat-header{
    width: -webkit-fill-available;
    /* max-width: 300px; */
    height: 150px;        
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    object-fit: cover;    
    padding-left:5px
}

.cat-header-title:has(+ .cat-header-pic){
    /* padding: 0 5px 0 5px; */
    width: 70%;
}

.hero_banner.hero_banner_homepage {
    height: 500px;
}

/*some places dont need the hero so we treat them like mobile */
.minimal.hero_form{
    opacity: 0;
    pointer-events: none;
    border: none;
    box-shadow: -0.87px 0.5px 7px #F1F1F1;
/*    z-index: 990;*/
}
.minimal.hero_form.active{
    opacity: 1;
    pointer-events: auto;
}

/*.hero_banner img {
    height: 100%;
}*/
.google-play-button{
    width: 280px;
    height: 108px;
    cursor: pointer;
    object-fit: contain;
}


/*@media (min-width:1200px) {
    body.layout-1 #column-right.col-sm-3, body.layout-1 .col-md-3.content-aside, body.layout-2 #column-right.col-sm-3, body.layout-2 .col-md-3.content-aside {
    width: 16.66667%}
}
*/.product-layout.item-inner.style1 {
    margin-bottom: 15px;
}
.product-image-container.second_img {
    overflow: hidden;
    position: relative;
}
.product-image-container.second_img img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.item img, .item-title {
    cursor: pointer;
}
/*@media (min-width:1200px) {
    body.layout-1 #content.col-md-9, body.layout-1 #content.col-sm-9, body.layout-2 #content.col-md-9, body.layout-2 #content.col-sm-9 {
    width: 83.33333%}
}
*/
ul.breadcrumb {
    z-index: 1;
    white-space: nowrap;
    max-width: calc(100% - 15px);
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  ul.breadcrumb {
    scrollbar-width: thin;
    scrollbar-color: #dbdbdb #ffffff;
  }

  /* Chrome, Edge, and Safari */
  ul.breadcrumb::-webkit-scrollbar {
    height: 2px;
  }

  ul.breadcrumb::-webkit-scrollbar-track {
    background: #ffffff;
  }

  ul.breadcrumb::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 10px;
    border: 0px solid #ffffff;
  }

.breadcrumb-a {
    display: block;
    padding: 0;
    color: var(--gray_e);
    text-decoration: none;
    font-size: 14px;
}
.breadcrumb-li:last-child {
    color:var(--secondary);
} 
ul.breadcrumb {
    /* position: absolute;
    right: 0;
    top: 5px; */
    margin: 0;
    background-color: transparent;
    padding: 5px 0 0 0;
    display: inline-block;
    width: 100%;
    line-height: 100%;
    width: fit-content;
    margin-right: max(10px,calc((100vw - var(--site-width)) / 2 )); /* 10px; */
}



ul.breadcrumb.breadcrumb-background {
    background-color: rgba(255, 255, 255, 0.3);;
}
/* 
ul.breadcrumb.abs { 
    position: absolute;
    right: max(10px,calc((100vw - var(--site-width)) / 2 ));
    margin-right: 0px; 
    top: 146px;
} 
*/
.breadcrumb-li {
    color: var(--gray_e);
    display: inline-block;
    padding: 0 0 0 10px;
    position: relative;
    font-size: 14px;
    margin-left: 7px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.breadcrumb-li:first-child {
    margin-right: 7px;

}
.breadcrumb-li:before {
    display: none;
}
.breadcrumb-li:not(:last-child):after {
    font-family: fontello;
    content: '\f104';
    font-size: 14px;
    top: 0;
    left: 0;
    position: absolute;
}

.article-fastnav {
    border: 1px solid #bfbfbf;
    padding: 10px;
    margin: auto;
    margin-bottom: 25px;
}

.article-fastnav hr{
    height:2px;
    border-width:0;
    color:gray;
    background-color:gray
}

.article-fastnav ol {
    counter-reset: item
}

.article-fastnav li {
    display: block
}

.article-fastnav li:before {
    content: counters(item, ".") " ";
    counter-increment: item
}

header ul.top-link>li .btn-group .btn-link:hover, header ul.top-link>li>a:hover, .top-link a:hover *  {
    color: #fed545 !important;
}
.top-link ul {
    line-height: normal;
}
.typeheader-1 #sosearchpro .search button:hover {
    background-color: #ec1e00;
}
#connectedCatsMore {
    display: none;
}
.connectedcatTitle {
    font-weight: 700;
}
.connectedcat {
    margin-bottom: 20px;
    overflow-x: auto;
    width: 100%}
.connectedcat>ul {
    /*margin-bottom: 5px;
    */display: block;
    text-align: right;
}
.connectedcat-li {
    display: inline-block;
}
.active_btn img {
    display: none;
    width: 70%}
.connectedcat-li > a {
    font-size: 14px;
    color: #495057;
    border-left: 1px solid #b9b9b9;
    padding: 0 5px 0 10px;
}
.connectedcat-li > a:first-child {
    padding-right: 0;
}
.category-style .list-group>li li:hover {
    color: var(--secondary);
    background: #fff7f7;
    cursor: pointer;
}
ul.yt-accordion {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.yt-accordion li.accordion-group {
    margin-bottom: 1px;
}
.accordion-heading {
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 2;
    text-align: right!important;
}
.accordion-heading span {
    padding: 10px;
    font-size: 16px;
    display: block;
    margin-right: 40px;
    line-height: 24px;
    text-align: right;
}
.accordion-heading .fa {
    margin: 0;
    font-family: verdana;
    font-size: 17px;
    width: 40px;
    background: var(--secondary);
    color: var(--white);;
    text-align: center;
    line-height: 40px;
    vertical-align: top;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
}
.accordion-heading.active .fa-plus-square:before {
    content: "-"}
.accordion-heading .fa-plus-square:before {
    content: "+"}
ul.yt-accordion li.accordion-group .accordion-inner {
    border: 1px solid #f4f4f4;
    padding: 10px 50px 10px 10px;
    background: var(--nutralDefiningLight);
}
ul.yt-accordion li.accordion-group .accordion-inner p {
    max-width: calc(3 * var(--site-width) / 4);
    margin: auto;
}

.simple-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.simple-list.arrow-list {
    margin-right: 25px;
}
.simple-list li {
    margin: 0;
    padding: 0 0 8px;
}
.bold-list>li>a {
    font-weight: 700;
    text-transform: uppercase;
}
.simple-list ul {
    margin: 0 15px;
    margin-top: 7px;
    padding: 0;
    list-style-type: none;
    position: relative;
}
img.img-responsive.img-border {
    margin: auto;
    height: 100px;
    width: 125px;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content a {
    text-align: center;
    color: var(--primary);
    padding: 0;
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content a:hover {
    color: var(--secondary);
}
.client-info-about::-webkit-scrollbar {
    width: 10px;
    background: #888;
}
.client-info-about::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.client-info-about::-webkit-scrollbar-thumb {
    background: #888;
}
body {
    color: var(--grayText);
    font-size: 16px;
    line-height: 1.7;
    font-family: 'Open Sans Hebrew', Arial;
}
iframe {
    width: 100%;
    border: 0;
}
.form-group-rev {
    margin-bottom: 10px;
}
.app_download_banner .phone_img {
    width: 145px;
    height: 172.5px;
    object-fit: contain;
}
.phone_img {
    height: 232px;
    width: 276px;
    object-fit: contain;
}
.pcidss img{
    width: 650px;
    height: 59px;
/*    max-width: 90vw;*/
    object-fit: contain;
}
#tab-review .form-group-rev {
    float: right;
    width: 50%}
#tab-review .contacts-form li:first-child {
    padding-left: 10px;
}
.form-group2 textarea.form-control {
    height: 80px;
    margin-bottom: 10px;
}

.about_us {
    padding: 48px 15px;
}

.row.about_us h2 {
    width: fit-content;
    margin: auto;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: normal;
}

@media (max-width:1400px) {
    .holiday_h1 {
        font-size: 44px;
    }
    .holiday_h2 {
        font-size: 64px;
    }
    .holiday_hero a {
        font-size: 18px;
        font-weight: 700;
        padding: 12px 67px;
    }
}
.onlymobile {
    visibility: hidden;
}
@media (max-width:991px) {

    .infos-footer {
        font-size: 14px;
    }

    #tags_quick_link span{
        border-bottom: 1px solid #d1d1d1;
    }
    /* #tags_quick_link {
        flex-direction: column;
        gap: 0;
    } */
    .filter-nav-buttons {
        font-size: 12px;
    }
    #filter {
        bottom: 0;
        right: 0;
        /* z-index: 999; */
    }
    #filter > .filter-element.active > button {
        box-shadow:unset;
    }
    #filter .filter-element:before {
        content: "";
    }
    .typefooter-1 .infos-footer ul li {
        font-size: 14px;
    }
  .col-sm-4 {
    width: 33.33333333%;
  }
    .header_middle {
        height: 40px;
    }
    .onlymobile {
        visibility: visible;
    }
    .nomobile {
        display: none;
    }
    .header-left-icons{
        padding-right: 9px;
        overflow: visible;
    }
    .header_mini_icons {
        font-size: 21px;
        padding-left: 9px;
    }
    .holiday_h1 {
        font-size: 43px;
    }
    .holiday_h2 {
         font-size: 36px;
        line-height: 1.2;
    }
    .holiday_hero a {
        font-size: 18px;
        font-weight: 700;
        padding: 8px 67px;
        margin-top: 30PX;
    }
    .list_groups .list_attributes li {
        white-space: normal;
    }
    .list_attributes span {
        display: inline-block;
    }
    /* #filterBoxByQuestions-button{
        display: none;
    } */

}


@media (min-width:1200px) {
    body.layout-1 .container, body.layout-2 .container {
        max-width: var(--site-width);
        padding: 0;
        width: 95%
    }

}



@media (max-width:767px) {
    .box-happy-about1 .ct-why img {
    height: auto!important;
}
.ct-why p {
    text-align: justify;
}
.types-layout.col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    margin-bottom: 1px;
    padding: 0;
}
div#imageIn {
    overflow: hidden;
}
.products-list .product-layout .product-item-container .left-block .product-image-container.second_img {
    width: 150%;
    margin: 0 -25%
}
.media-left {
    width: 100%!important;
    padding: 0;
}
.col-sm-8.happy-about-us1 {
    padding: 0;
    line-height: 145%;
    font-size: 14px;
}
.sort-by {
    padding: 0;
}
.connectedcat>ul li a.top {
    padding: 0;
    background: 0 0;
}
.active_btn img {
    display: inline-block;
}
.connectedcat>ul {
    width: max-content;
}

/*.connectedcatTitle {
    display: nonewidth: 100%;
    margin-bottom: 6px;
    text-align: center;
}
*/


.filters-panel .form-group select.form-control {
    width: 60%}
.megamenu-style-dev .navbar-default .vertical .navbar-header {
    top: 10px;
    position: relative;
    top: 7px;
    float: left;
    line-height: 1;
}
.megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle {
    font-size: 14px;
    color: var(--white);;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent!important;
}
}
.lidim {
    background-color: var(--secondary);
    padding: 30px 50px;
}
.lidim li {
    float: right;
    width: 175px;
    margin-left: 10px;
}
li.subcribe {
    width: 80px;
}
.lidim .title-block {
    color: var(--white);;
    padding-right: 70px;
}
.category-style .list-group>li li:before {
    content: '';
    padding: 0 5px;
    font-family: FontAwesome;
    content: \f104;
    margin-right: -10px;
    transition: all .4s ease;
    opacity: 0;
}
.box-category ul li ul li:before {
    font-family: FontAwesome;
    transition: all .3s ease;
    content: "\f104";
    margin: 0 0 0 5px;
    float: right;
}
.producttab {
    margin-bottom: 15px;
}
#sms {
    margin-top:20px;
    margin-bottom: 20px;
    background-color: var(--nutralDefiningLight);
}
#sms .modtitle  {
/*    background: #ddd;*/
    padding: 30px 20px;
    margin-bottom: 10px;
}
#review-title-sent {
    display: none;
}
.review .review-date {
    color: #565656;
    font-weight: 400;
}
.review .review-header {
    color: #000;
    font-weight: 700;
    margin-bottom: .5rem;
    margin-top: 5px;
}
strong.daka {
    font-size: 1.5em;
    color: #000;
    background: #fff700;
}


#Advertiser-sent {
    display: none;
    padding: 30px 20px;
    text-align: center;
    font-size: 24px;
    line-height: normal;
}
.Advertiserheaderbox .Advertiser-header .row {
    margin: 0;
    height: auto;
    display: table;
    width: 100%;
}



.cool-underline {
    position: relative;
    display: block;
}

.cool-underline-short {
    position: relative;
}


.cool-underline:after,
.cool-underline-short:after {
    position: absolute;
    content: " ";
    width: 100px;
    height: 3px;
    right: 2px;
    bottom: -5px;
    background-color: var(--secondary);
} 
.cool-underline.cool-underline-center:after {
    right: calc(100% / 2 - 50px);
}

#button-form-group-ad, #button-form-group-review, .cool-form-button {
    background: var(--secondary);
    color: var(--white);;
    text-transform: capitalize;
    border: 0;
    float: left;
    padding: 0 30px;
    height: 50px;
    border-radius: 12px;
    line-height: 50px;
    font-weight: 700;
    font-size: 18px;
}


#filterBoxByQuestions-button{
    background: var(--secondary);
    color: var(--white);
    font-weight: 700;
    font-size: 18px;
    height: 46px;
    gap: 0px; 
    border-radius: 12px 0px 0px 12px;
    opacity: 0px;
    width: 55.63px;
    text-align: center;
    align-items: center;
    align-content: center;
    padding: 1px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.products-list .product-layout .product-item-container .left-block .product-image-container.second_img {
    position: relative;
    display: block;
}
.back-to-top {
    cursor: pointer;
    background-color: #777;
    width: 45px;
    bottom: 20px;
    left: 10px;
    min-height: 42px;
    overflow: hidden;
    z-index: 21;
    position: fixed;
    display: block;
    text-align: center;
    border-radius: 3px;
    opacity: 1;
    transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    -webkit-transition: all .5s ease-in-out 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.back-to-top.hidden-top {
    bottom: -100px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.back-to-top:hover {
    background-color: var(--secondary);
}
.back-to-top em {
    font-size: 36px;
    margin: 1px 0 0;
    color: var(--white);;
    display: inline-block;
}
.tab-content {
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    z-index: 2;
    border: 1px solid #ddd;
    border-top: 0;
}
.tab-content p, div#termsOfUse {
    font-size: 16px;
    line-height: 170%}
.products-list .product-layout .product-item-container .left-block .product-image-container.second_img {
    position: relative;
    display: block;
}

.content-aside {
    margin-bottom: 40px;
}
#sosearchpro.so-search {
    right: 0;
    width: 98%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}
.Advertiser-aside .module {
    border-radius: 3px;
}
.Advertiser-aside .module div.modtitle {
    font-weight: 600;
    margin: 0;
    padding: 12px 15px;
    color: var(--white);;
    background: var(--primary);
    border-bottom: none;
    font-size: 14px;
    text-align: center;
}
.Advertiser-aside .module div.modtitle span {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.Advertiser-aside .module .modcontent {
    padding: 0;
}
.category-style .list-group {
    margin-bottom: 30px;
}
.list-group .icon-c {
    margin-left: 5px;
}
.category-style .list-group>li {
    margin: 0;
    position: relative;
}
.category-style .list-group>li li input[type=checkbox] {
    display: none;
}
.category-style .list-group>li label {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}
.category-style .list-group>li li {
    position: relative;
    list-style: none;
    box-shadow: none;
    background: 0 0;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    color: #495057;
}
.category-style .list-group>li li:last-child {
    border-bottom: none;
}

/*
.top_cat_list {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 2rem ;
    padding-bottom: 4rem;
}
.top_cat_list.tight {
    gap: 2rem;.filter-nav-buttons
}*/
.top_cat_list .no-images {
    width: 150px;
}

.top_cat_list > li {
    /*min-width: 13.3333%;*/
    /*display: flex;*/
    /*justify-content:  space-around;*/
    text-align: center;
    margin-bottom: 40px;
    cursor: pointer;
    /*flex-direction: column;*/
}
.top_cat_list > li > a {
    color: var(--primary);
    font-weight: normal;
    display: block;
    line-height:1.4;
    position:relative;
    font-size: 14px;
}

/*
.top_cat_list.tight > li {
    min-width: 12%;
}
*/

.top_cat_list em {
    color: var(--primary);
    transition: color 0.2s;
}

.owl-item em.fa, .top_cat_list em.fa{
    font-size: 7rem;
    margin: 1rem;
  animation-duration: 1s;

}
.top_cat_list > li:hover em { 
    color: var(--secondaryStrong);
}
.top_cat_list > li:hover .homepage_world_links{
    border-color: var(--secondaryStrong);
}
.top_cat_list > li:hover a {
    color: var(--secondaryStrong);
    text-decoration: underline;
}
.homepage_world_links {
    background-color: var(--white);;
    max-width: 155px;
    height: 155px;
    border-radius: 50%;
    border: 4px var(--primary) solid;
    display: flex;
    align-items: center;
     margin: 0 auto 10px auto;
    justify-content: center;
    transition: border-color 0.2s;
}


.top_cat_list p {
    font-weight: 600;
    color: var(--primary);
}

#content .product-simple {
    position: relative;
}

.sub-menu {
    width: 180%}
.container-megamenu.horizontal ul.megamenu>li {
    float: right;
    margin-left: 30px;
}
.container-megamenu.horizontal ul.megamenu>li>a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    display: block;
    position: relative;
    padding: 15px 0;
    line-height: 100%;
    height: auto;
}
.container-megamenu.horizontal ul.megamenu>li>a strong {
    font-weight: 600;
    text-transform: capitalize;
}

.container-megamenu.vertical .vertical-wrapper .megamenu-pattern {
    position: relative;
    z-index: 1;
}
.container-megamenu.vertical .vertical-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}
.box-category ul {
    list-style: none;
    padding: 0;
}
.border-ul-home {
    margin-bottom: 30px;
}
.box-category>ul {
    padding: 0;
}
.box-category>ul>li {
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
}
.box-category>ul>li ul {
    margin-right: 0;
}
.box-category ul li ul li {
    padding: 0 5px 0 0;
}
em.fa.fa-calendar {
    margin-left: 5px;
}
.clearfix {
    clear: both;
}
html {
    direction: rtl;
    scroll-behavior: smooth;
}
.grayscale_filter > * {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.h1_header {
    margin: 0;
    line-height: 40px;
}
/*.h1, .h2, .h3, h1, h2, h3 {
    font-weight: 500;
}*/
/*h1 {
    font-size: 12px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 18px;
}*/
.category-style .list-group, .category-style .list-group>li ul, .why-list, ul, ul li, ul.blank, ul.contact-address, ul.menuBottom {
    list-style: none;
    padding: 0;
}
.siteMap ul li {
    list-style: circle;
}
#articleShowBig ul, #articleShowBig ul li {
    list-style-type: disc;
    margin-right: 20px;
}
option {
    padding: 2px 5px;
    border-width: 1px;
}
img {
    max-width: 100%}
.btn-link, a {
    color: var(--gray_d);
}
a, a:active, a:focus, a:link, a:visited {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
}
a.top-menu-icon-link {
    color: var(--white);
}
ul {
    margin: 0;
}
.text-left {
    text-align: left;
}
.marker {
    background-color: Yellow;
}
.input-group-btn>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
em {
    font-style: normal;
}
.list-inline {
    display: inline-block;
}
.img_logo {
    width: 101px;
    height: 44px;
}
.clearfix {
    clear: both;
}
label {
    font-size: 12px;
    font-weight: 400;
}
select, textarea {
    color: #666;
}
select {
    box-shadow: none;
    padding-right: 5px;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
/*    background: url(https://www.karamel.co.il/images/icons/bg-selectbox.png) no-repeat right center var(--white);;*/
}
textarea {
    height: auto;
    resize: none;
}
.connectedcatTitle  {
    margin-right: 15px;
    margin-left: 15px;
}
h1.stylish_underline, .stylish_underline {
    border: 0;
    border-bottom: 3px; 
    border-style: solid; 
    border-color: var(--secondary);
/*    margin-right: 15px;*/
/*    margin-left: 15px;*/
}

.header-top-right {
    max-width: var(--site-width);
    width: 95vw;
    margin-right: auto;
    margin-left: auto;
}
.header-top-right .top-link {
    float: left;
   /* position: relative;
    left: 8px;*/
}
.header-top-right .top-link>li {
    position: relative;
}
.header-top-right .sep {
    color: var(--white);
    content: "|";
    margin: 0;
    padding: 0;
    opacity: 0.5;
    font-size: 14px;

}
.header-top-right .top-link>li>div> a,.header-top-right .top-link>li em,.header-top-right .top-link>li span {
    color: var(--white);
}
.language .dropdown-menu a {
    color: var(--gray_d);
}
.language .dropdown-menu li {
    float: right;
}
.btn-group .btn-link {
    text-align: right;
    background: 0 0;
    text-decoration: none;
    color: #666;
    font-weight: 400;
    color: #555;
    position: relative;
    z-index: 1;
}
.product-image-container.second_img img {
    width: 100%;
    min-height: 167px;
    max-height: 167px;
}
.happy-about-us1 {
    color: var(--primary);
    line-height: 150%}
.ct-why img {
    cursor: unset!important;
    width: 625px;
    height: 120px;
}
.ct-why p {
    margin-bottom: 10px;
}
.bansBottom .ct-why img {
    width: 1326px;
    height: 300px;
}
#articleShowBig a[href^="#"], #tab-map a {
    color: var(--white);;
    padding: 5px;
    background: var(--secondary);
    display: inline-block;
}
#articleShowBig a[href^="#"] {
    border-bottom: 1px solid var(--white);;
    width: 100%;
    text-align: center;
}
#tab-map a {
    margin: auto;
    display: table;
}
.happy-about-us2 {
    clear: both;
}
.topBan {
    min-height: 400px;
    margin-top: 15px;
    background: var(--primary);
}
.topBan p {
    color: #e0e0e0;
    padding: 0 20px;
    text-align: justify;
    line-height: 190%}

/* .row h1, h1.title-category {
    line-height: 135%;
    font-weight: 700;
    color: var(--primary);
} */
.topBan .row h2 {
    color: #e0e0e0;
    margin: 0;
    text-align: right;
    padding: 10px 20px 0 0;
}
.topBan .col-sm-7 img {
    width: 761px;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
.topBan .title-category:after {
    height: 5px;
}
/* .row h1, h1.title-category {
    font-size: 22px;
    margin-top: 20px;
} */
h1.title-category {
    margin-top: 0px;
}
.row h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 18px;
}
h2.modtitle {
    border-bottom: 2px solid #eee;
    margin-right: 15px;
    margin-left: 15px;
}
.producttab-link {
    height: 80px;
}
.producttab-link a {
    background: var(--tertiary);
    color: #000;
    font-weight: 700;
    padding: 10px;
    float: left;
}
div#form-review {
    float: right;
    width: 100%}
.homepageMains h2 {
    font-size: 22px;
    color: var(--primary);
}
.homepageFav, .homepageFav a {
    text-align: justify;
    font-size: 14px;
    color: #495057;
}
.homepageFav div {
    text-align: justify;
    font-size: 14px;
    line-height: 160%;
    font-weight: 700;
    margin-bottom: 10px;
}
.homepageMap {
    margin-bottom: 30px;
}
#tab-map .producttab-title {
    float: right;
}
.producttab-title {
    /*float: right;
    margin-bottom: 10px;
    line-height: 1.1;
    font-weight: 700;
    background: var(--secondary);
    font-weight: 700;
    font-size: 18px;
    padding: 10px;
    */width: 100%;
    color: var(--white);;
    margin-top: 10px;
    margin-bottom: 10px;
}
.happy-about-us2 h3 {
    text-align: center;
}
.container .producttab h2 {
    color: var(--white);;
    margin: 0;
    font-size: 18px;
    text-align: right;
    padding: 0;
}
.row .faq h2, .row .happy-about-us2 h2 {
    background: var(--secondary);
    color: var(--white);;
    font-size: 22px;
    padding-right: 10px;
    line-height: 44px;
    margin-top: 0;
    margin-bottom: 1px;
}

h2.faq-title {
    padding-top: 32px;
    line-height: 2;
    font-size: 20px;
    color: var(--primary);
}

h2.faq-title:not(:first-child) {
    padding-top: 64px;
}
#containerPage h2.faq-title ,#containerPage h3.faq-title {
    text-align: right;
}

ul.yt-accordion li.accordion-group h3.faq-title.accordion-heading span {
    text-align: right;
}

.client-info-about {
    padding: 10px;
    background: #f4f4f4;
    line-height: 200%;
    font-size: 16px;
}
.client-info-about a {
    text-decoration: underline;
}
.label-new, .label-sale {
    text-align: center;
    background-color: var(--secondary);
    border-radius: 50%;
    color: var(--white);;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 20px;
    text-transform: uppercase;
    z-index: 1;
    padding: 0;
    margin-bottom: 5px;
}
.label-new {
    background-color: #cc3674;
    right: 20px;
}
.price span.price, .price-new {
    margin-top: 15px;
    color: var(--secondary);
    font-size: 2rem;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.purpleTav {
    position: absolute;
    z-index: 9;
    width: 40px!important;
    height: 40px!important;
    min-width: 40px!important;
    min-height: 40px!important;
    left: 5px;
    bottom: 5px;
}
.purpleTavMain {
    width: 33px;
}
span.recs {
    font-weight: 700;
    padding: 1px 5px;
    position: absolute;
    z-index: 9;
    left: 5px;
    bottom: 5px;
    background: var(--secondary);
    border-radius: 3px;
    color: var(--white);;
    font-size: 12px;
}
.middle-block p {
    text-align: center;
    padding: 10px;
}
.shortContent {
    min-height: 115px;
}
p.onlineContent {
    /*height: 20px;
    */padding: 0!important;
    text-align: center!important;
    margin-top: 5px;
    color: var(--secondary);
    font-size: 14px;
    font-weight: 700;
}
span.fromPrice {
    font-size: 18px;
    color: var(--secondary);
}
p.infoContent {
    padding: 2px!important;
    text-align: center!important;
}
.middle-block hr {
    border-bottom: 1px solid #e0e0e0 !important;
    width: 93%;
    margin: auto;
}
span.city {
    font-size: 13px;
    font-weight: 700;
}
.title-category {
    line-height: 1;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #222;
    border-bottom: 2px solid #eee;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 0;
    padding-bottom: 10px;
}
.title-category:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--secondary);
    bottom: -2px;
    right: 0;
}
.topBan a.frmBtn.btn-sm {
    margin-right: 20px;
    color: #ffec2e;
}
#mainCount {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-right: 6px;
    flex-grow: 1;
}
#selected_filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    padding: 10px;
    margin: 0;
    width: 100%;
}
#selected_filters.filters-selected {
    /* 40px; */
    min-height: auto;
}
.symbolic_filter::before {
    font-size: 14px;
    content: "\2715";
    margin-left: 5px;
}
.short-by {
    margin: 0 15px;
}
.filters-panel {
    border-radius: 0;
    margin-bottom: 5px;
}
.filters-panel:after, .filters-panel:before {
    content: " ";
    display: table;
}
.filters-panel:after {
    clear: both;
}
.filters-panel.product-filter-bottom {
    margin-bottom: 10px;
    clear: both;
}
.filters-panel label {
    font-size: 16px;
    font-weight: 700;
    color: #444;
}
.filters-panel .btn, .filters-panel .form-control {
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    border: 1px solid #ddd;
    background: 0 0;
    border-radius: 0;
    background-color: var(--white);;
}

.filters-panel .form-group select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://www.karamel.co.il/images/icon/bg-select.png) no-repeat center left;
    border: 1px solid #e5e5e5;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 20px;
    background-color: var(--white);;
}
button {
    transition: all .2s ease 0;
    -moz-transition: all .2s ease 0;
    -webkit-transition: all .2s ease 0;
}
.products-list {
    /*justify-content: center;*/
    margin-right: -15px;
    margin-left: -15px;
}
.products-list .product-layout {
    transition: all .5s ease 0;
    float: none;
    margin-left: -4px;
    display: inline-flex;
}
.products-list .product-layout .product-item-container .left-block {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.products-list .product-layout .product-item-container .left-block .product-image-container {
    margin-bottom: 0;
    text-align: center;
}
.products-list .product-layout .product-item-container .left-block .product-image-container img {
    margin: 0 auto;
}
.right-block hr {
    margin-top: 5px;
    margin-bottom: 0;
}
.right-block button {
    border: 0;
    width: 100%;
    font-weight: 700;
    background: 0 0;
}
.right-block button.btn-primary {
    background-color: var(--secondary);
}
.right-block button.btn-primary:hover {
    background-color: var(--primary);
}
.item a, .right-block a {
    font-weight: 700;
}
.zonesBlock {
    padding: 1px 1px 1px 5px;
    position: absolute;
    z-index: 9;
    right: 5px;
    bottom: 5px;
    background: var(--primary);
    border-radius: 3px;
    color: var(--white);;
    font-size: 12px;
}
div.tri {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 74px 74px 0 0;
    border-color: var(--tertiary) transparent transparent;
    z-index: 9;
}
.tri p {
    padding: 0!important;
    text-align: center!important;
    top: -61px;
    right: -83px;
    color: var(--primary);
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    width: 70px;
    transform: rotate(-45deg) skew(-0deg);
    height: 70px;
    margin: 0;
}
.tri-bold p {
    font-size: 16px;
    line-height: 1;
    top: -73px;
    right: -73px;
}
.bans {
    margin: 0 10px 40px 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.bans.single_ban {
    justify-content: center;
}
.img_double_ban {
    /* width: 615px;
    height: fit-content;
    object-fit: contain; */
    width: 49%;
    height: fit-content;
    object-fit: contain;
}

.right-title{
    display: block;
}

.mobile-right-title{
    display: none;
}

.product-item-container {
    width: 100%;
    background-color: var(--white);;
    margin: 15px 0 30px;
    border: #dbdbdb 1px solid;
    padding: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.product-layout .product-item-container .right-block {
    clear: both;
    padding: 5px 1px 0;
    text-align: center;
    position: relative;
}
.producttab .tabsslider.horizontal-tabs {
    z-index: 1;
    margin-bottom: 0;
    float: left;
    width: 100%;
    border: none;
    padding: 0;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs {
    padding: 0;
    text-align: right;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs li {
    display: inline-flex;
    margin: 0;
    float: none;
    padding: 0;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs li a {
    background-color: #dedede;
    float: left;
    display: block;
    font-size: 16px;
    color: #222;
    padding: 13px 25px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    line-height: 100%;
    transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -webkit-transition: all .2s ease-in-out 0;
}
.producttab .tabsslider.horizontal-tabs .nav-tabs a.active, .producttab .tabsslider.horizontal-tabs .nav-tabs li.active a, .producttab .tabsslider.horizontal-tabs .nav-tabs li:hover a {
    color: var(--white);;
    background: var(--secondary);
}
.producttab .tabsslider.horizontal-tabs .tab-content {
    display: block;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
    border: none;
}
#images img.smallPicture {
/*    width: 49%;*/
    width: calc((var(--site-width) - var(--side-column-width)) / 3 - 35px);
    height: calc((var(--site-width) - var(--side-column-width)) / 3 - 35px);
    object-fit: cover;
}
.producttab .tabsslider.horizontal-tabs .tab-content .active, div#termsOfUse, div#tab-review, div#tab-movie, div#tab-map {
    margin-bottom: 30px;
}
div.mainMiddleCenterContentPhone {
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
div.mainMiddleCenterContentPhone a {
    color: var(--gray_b);
}
.producttab {
    display: inline-block;
    width: 100%}
header .btn-group {
    position: relative;
}
header .navbar-default {
    background-color: transparent;
}
header .navbar-default .megamenu-wrapper {
    background-color: transparent;
}
header ul.megamenu>li>a {
    text-shadow: unset;
}
header ul.top-link>li.language .btn-link img {
    margin-top: -1px;
    height: 11px;
    width: 16px;
}
.megamenu-style-dev {
    position: relative;
}
strong.caret {
    color: var(--primary);;
    cursor: pointer;
}
.search_result_list {
    border: 0; background-color: inherit; float: right; 
}
.typeheader-1 #sosearchpro .search button {
    background-color: var(--secondary);
}
.footer-container {
    clear: both;
}
.accessibleButton {
    position: fixed;
    left: 0;
    bottom: 150px;
}
.accessibleButton button{
    background: #0a314b;
    color: #fff;
    border: 0;
    height: 27px;
    width: 27px;
    padding: 0;
}
.accessibleButtonCancel{
    position: relative;
    left:-5px;
    text-shadow: 0.50px 0.50px white;
}
/* .typefooter-1 .module .modtitle:after {
    background-color: var(--secondary);
} */
.common-home #content {
    margin-bottom: 33px;
}
#content, #main-content {
    margin-bottom: 30px;
}
#content.no_margin {
    margin-bottom: 0;
}
.layout-1.common-home {
    margin-bottom: 0;
}
.layout-1.common-home #content {
    margin-bottom: 0;
}
.product-simple {
    position: relative;
}
#accessibleMenu {
    z-index: 99999;
    width: 250px;
    display: none;
    background-color: var(--white);;
    position: fixed;
    left: 0;
    top: 90px;
    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#accessibleMenu div {
    text-align: center;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
}
#accessibleMenu .close-accessible {
    position: absolute;
    right: 0;
    cursor: pointer;
    width: fit-content;
}
#accessibleMenu div.small {
    font-size: 14px;
}
#accessibleMenu button {
    border-radius: 5px;
    width: 70px;
    float: right;
    font-size: 14px;
    height: 100px;
    border: 0;
    margin: 6px;
    /* background: #d2d1d0; */
    background: var(--nutral);
}
#accessibleMenu button:hover {
    background: var(--nutralLight);
}
#accessibleMenu em {
    font-size: 30px;
}
@media (max-width:1152px) {
    .sub-menu {
    width: 100%}
}
@media (max-width:768px) {
    #accessibleMenu {
    top: 0;
}
.lidim .title-block .page-heading {
    font-size: 1.5rem;
    line-height: normal;
}
.lidim {
    padding: 10px 30px;
}
.lidim .title-block {
    padding-right: 46px;
}
.block_content .form-group {
    margin-bottom: 0;
}
.common-home .typeheader-1 {
    margin-bottom: 0;
}
.lidim li {
    float: none;
    width: 100%;
    margin-left: 0;
}
.lidim form.signup .subcribe button {
    width: 100%}
.lidim form.signup .subcribe button {
    height: 40px;
    line-height: 40px;
}
.filters-panel.product-filter-top {
    margin-top: 10px;
    margin-bottom: 0;
}
.bans {
    justify-content: center;
}



.producttab .tabsslider.horizontal-tabs .nav-tabs li a {
    padding: 13px 5px;
}
.callNow {
    display: block;
}
}
.logo {
    position: absolute;
    top: 50%}
.navbar-logo-back {
    display: none;
}
.navbar-panel img {
    object-fit: contain;
}
.navbar-logo, .navbar-logo-back, .navbar-usAd, .navbar-panel {
    margin: 10px 0;
}
.navbar-usAd {
    float: left;
}
.navbar-search {
    padding: 0;
}
.types-layout.col-lg-2.col-md-4.col-sm-6.col-xs-6 {
    margin-bottom: 2px;
}
@media (max-width:767px) {
    .topBan {
    margin-top: 0;
    background: transparent;
}
.topBan .col-sm-5, .topBan .col-sm-7 {
    padding: 0;
}
.topBan p {
    color: var(--primary);
    padding: 5px;
    font-size: 14px;
    line-height: 145%}
.topBan .row h1, .topBan h1.title-category {
    background: transparent;
    padding: 5px;
    margin: 0;
    font-size: 22px;
}
.topBan .row h2 {
    margin: 0;
    text-align: center;
    padding: 0;
}
.topBan .col-sm-7 img {
    max-width: 100%;
    height: 200px;
}
.topBan .row h2 {
    font-size: 18px;
    color: var(--primary);
}
.ct-why a {
    text-align: center;
}
.right-block-btns button.btn-primary {
    height: 40px;
    text-align: center;
}
/*.right-block-btns em.fa.fa-left-circled, .right-block-btns em.fa.fa-phone, .right-block-btns em.fa.fa-whatsapp {
    margin-right: 20%}
*/
.content-aside {
    float: none!important;
    margin-bottom: 20px;
}
.product-layout {
    padding: 0!important;
}
.product-layout .product-item-container .right-block {
    width: 62%;
    clear: both;
    padding: 0 4px 0 2px;
    text-align: right;
    position: relative;
}
.item a, .right-block a {
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    display: block;
    text-overflow: ellipsis;
}
.right-block span.city {
    font-size: 12px;
    margin-right: 5px;
}
p.shortContent, p.onlineContent {
    height: auto;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
p.onlineContent {
    padding: 0!important;
}
span.recs {
    font-weight: 700;
}
.right-block button {
    margin: 0;
}
.right-block-btns button.btn-primary {
    font-size: 14px;
}
.client-info-about {
    height: auto;
}
.text-right {
    text-align: right;
}

.filters-panel .form-group select.form-control {
    width: 78%}
.filters-panel .btn, .filters-panel .form-control {
    width: 20%}
.filters-panel label {
    width: 100%}
.filters-panel .btn {
    float: left;
}


.types-layout.col-lg-2.col-md-4.col-sm-6.col-xs-6 {
    padding-left: 1px;
    padding-right: 1px;
}
}
.right-block span.city {
    font-size: 14px;
    margin-right: 5px;
}
#accessibleIcon {
    position: fixed;
}
#accessibleIcon {
    z-index: 100;
    height: 60px;
    bottom: 0;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    width: 50%;
    background: #0ea911;
    border-radius: 3px;
    /*padding: 5px 1px 1px;*/
    box-shadow: rgba(0, 0, 0, .35) -1px 1px 5px 0;
}
#accessibleIcon button, .callNow button {
    background: 0 0;
    border: 0;
    width: 100%;
    color: var(--white);;
}
.callNow.whatsapp {
    left: 0;
    width: 50%;
    margin-right: 5px;
}
#accessibleIcon {
    left: 10px;
    bottom: 10px;
    width: 55px;
    background: var(--gray_c);
}
/* em.fa.fa-whatsapp, em.fa.fa-wheelchair {
    font-size: 23px;
} */
strong.pointer {
    text-decoration: none;
    cursor: pointer;
}
em.fa.fa-whatsapp.main {
    background: #4ac259;
    color: var(--white);;
    border-radius: 10px;
}
header .btn-group {
    position: relative;
    font-size: 14px;
}
header .btn {
    font-size: 14px;
}
header .dropdown-menu {
    padding: 10px 10px;
    margin: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    left: 0;
    border-radius: 0;
    min-width: 100px;
}
.dropdown-menu {
    font-size: inherit;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 913;
    display: none;
    float: left;
    /*min-width: 160px;*/
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: var(--white);;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.banner #myImg, .banner #online {
    width: 100%}
.bannerOnline {
    text-align: center;
}
.tag_mains {
    width: 100%;
    scroll-margin-top: 50px;
} 
.category_mains_container .block-policy {
    margin-right: 15px;
    margin-left: 15px;
} 
.block-policy ul li:last-child:before {
    background: transparent!important;
}
.block-policy {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 22px 0 15px;
    margin: 10px 0;
    display: inline-block;
    width:100%;
    /* width: calc(100% - 30px); */
    color: var(--white);;
    background: var(--primary);
}
.block-policy ul li {
    float: right;
    padding: 0 15px;
    text-align: center;
    width: 25%;
    position: relative;
}
.block-policy ul li .item-inner {
    display: inline-block;
}
.block-policy ul li .item-inner .content {
    float: right;
    line-height: normal;
    margin-top: 3px;
}
.block-policy ul li .item-inner .content span {
    color: var(--white);;
    font-weight: 700;
    text-transform: uppercase;
}
.block-policy ul li .item-inner .content p {
    line-height: 100%;
    margin: 0;
    text-transform: capitalize;
}
.block-policy ul li .item-inner .icon.icon1 {
    background-position: -22px -23px;
}
.block-policy ul li .item-inner .icon.icon2 {
    background-position: -115px -23px;
}
.block-policy ul li .item-inner .icon.icon3 {
    background-position: -200px -23px;
}
.block-policy ul li .item-inner .icon.icon4 {
    background-position: -296px -23px;
}
.block-policy ul li .item-inner .icon.icon5 {
    background-position: -394px -23px;
}
.block-policy ul li .item-inner .icon {
    background: url(https://www.karamel.co.il/images/karamel.co.il/images/backgrounds/promotion.png) no-repeat center center;
    width: 60px;
    min-width: 60px;
    height: 52px;
    float: right;
}
.block-policy ul li:before {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    left: 0;
    top: 3px;
    width: 1px;
}
.block-policy span.small {
    font-size: 11px;
}
#containerPage .media-text a {
    color: var(--white);;
    text-decoration: auto;
}
#containerPage h1 {
    text-align: center;
    font-size: 25px;
    color: var(--secondary);
    font-weight: 700;
}
#containerPage h2, #containerPage h3 {
    text-align: center;
}
.container h3 {
/*    font-weight: 700;*/
    color: var(--primary);
}
.cat_bottom_text h4 {
    margin-top: 30px;
    color: var(--secondary);
    font-weight: 700;
}
.cat_bottom_text > *:first-child {
    margin-top: 0;
}
.container h5 {
    font-weight: 700;
    font-size: 17px;
}
.happy-about-us2 li {
    margin-right: 20px;
}
h4.center a {
    color: var(--white);;
    line-height: 150%;
    padding: 5px;
    background: var(--secondary);
    display: inline-block;
}
.search input, .search input::placeholder, .search input:invalid {
    font-weight: 500;
    color: var(--primary)!important;
}
.bansBottom {
    margin: 0 8px 30px 8px;
    cursor: pointer;
}
.bottom-banner-container{
    text-align:center;
}
#ajax-load {
/*    width: 100%;*/
    text-align: center;
}
.magazin {
    padding: 0;
    float: right;
    margin-bottom: 30px;
    padding: 15px;
}
.media-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100%;
    min-height: 172px;
    float: left;
    background: #f4f4f4;
}
.media-heading {
    margin-bottom: 0;
}
.media-heading a:hover {
    text-decoration: underline;
    color: var(--white);;
}
.items-list li {
    text-align: center;
}
.items-list li a {
    font-weight: 500;
    color: var(--primary);
}
.items-list li {
    margin-bottom: 15px;
    width: 50%;
    height: 130px;
    float: right;
}
.items-list li img {
    height: 84px;
    width: 150px;
}
.media-left {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 220px;
    float: right;
    padding: 0;
}
.magazin .media-left img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin: 0;
}
.media-left img {
    height: 142px;
    margin: 0 -25%;
    max-width: none;
}
h3.media-heading.font-title, h4.media-heading.font-title {
    /*height: 65px;
    */background: var(--secondary);
    font-size: 18px;
    padding-right: 10px;
    line-height: 31px;
    text-align: center;
}
.media-date-added.idx-other {
    padding: 3px 15px 15px;
}
.media-text .product-image-container.second_img img {
    max-height: 130px;
}
.font-title a, .media-text a {
    display: block;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     text-overflow: ellipsis;
    max-width: calc(97%);
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    color: var(--white);;
}
.media-text p{
    display: -webkit-box;
    max-width: calc(97%);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.media-heading a {
    -webkit-line-clamp: 1;
}
.article-description {
    padding: 0 15px 0 15px;
}
/*.blog-meta {
    padding: 5px 15px 5px 15px!important;
}
*/@media (max-width:768px) {
    .media-image, .media-text {
    width: 100%;
    height: auto;
}
}
.types-list h2, .types-list strong {
    width: 100%;
    float: right;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
    color: var(--white) !important;
    padding: 10px;
    background: var(--secondary);
}
p a, .cat_bottom_text li a {
    font-weight: 700;
}
#articleShowBig p {
    line-height: 180%;
    margin-bottom: 20px;
}

div#tab-map, div#tab-movie, div#tab-review {
    background-color: var(--white);
}
em.fa.fa-chevron-circle-left {
    margin-right: 5px;
    font-size: 28px;
}
.mainButtons {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 3;
}
.mainButtonsIn {
    max-width: var(--site-width);
    margin: 4px auto;
    display: flex;
    justify-content: center;
}
.right-block-btns button.btn-primary {
    height: 40px;
    width: 50%;
    float: right;
    font-size: 15px;
    font-weight: 700;
    border: 0;
    background: #268628;
    display: flex;
    align-items: center;
    line-height: 100%;
    text-align: right;
}
.orange {
    background: #ff8400!important;
}
button.btn-primary.rightBorder, button.btn-primary.whatsapp {
    border-right: 1px solid var(--white);;
}
.right-block-btns em.fa.fa-left-circled, .right-block-btns em.fa.fa-phone, .right-block-btns em.fa.fa-whatsapp {
    font-size: 28px;
}
.right-block-btns {
    width: 100%;
    position: relative;
}
.name-block, .name-block a {
    text-align: center;
    font-weight: 700;
}
.name-block {
    width: 100%;
    background: var(--primary);
    height: 33px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0 solid var(--white);;
    line-height: 150%}
.name-block a {
    color: var(--white);;
}
.form-right {
    width: 87%;
    float: right;
}
.form-right1 input {
    width: 100%;
    padding: 16px 24px;
    border: 1px solid #7f7f7f;
    background-color: #f8f8f8;
    color: #8f9093;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 26px;
    border-radius: 5px;
    margin-top: 15px;
}
.form-right input {
    width: 100%;
    padding: 16px 24px;
    border: 1px solid #f5f4f4;
    background-color: #f8f8f8;
    color: #8f9093;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 26px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.form-left {
    width: 13%;
    float: left;
}
.form-left1 {
    float: left;
}
.buttonGray1 {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    background-color: var(--secondary);
    border: 1px solid transparent;
    font-size: 24px;
    line-height: 26px;
    padding: 16px;
    border-radius: 5px!important;
    color: var(--white);;
}
.buttonGray2 {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    background-color: #ff6f96;
    border: 1px solid transparent;
    font-size: 24px;
    line-height: 26px;
    padding: 16px;
    color: var(--white);;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}
.buttonGray {
    padding: 9px 20px;
    background: #555;
    color: var(--white);;
    border: none;
}
em.fa.fa-map-marker {
    margin-left: 5px;
}
.bottomNav {
/*    width: 100%;*/
    bottom: 0;
    right: 0;
/*    position: fixed;*/
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
}
li.listElement:hover, li.listElement.selected {
    background: #ffeff5;
    cursor: pointer;
}
li.listElement {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
    border-bottom: 1px solid #ebebeb;
}
.mobile-hide {
    display: none;
}
.bottomNav ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    list-style: none;
}
.bottomNav li:first-child {
    border-right: 0;
}
.bottomNav li {
    border-right: 1px solid var(--white);;
    background: var(--secondary);
    color: var(--white);;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    width: 100%;
    height: 40px;
    display: flex;
}
.bottomNav li a {
    color: var(--white);;
    text-decoration: none;
    display: block;
    width: 100%;
    align-self: center;
    font-size: 16px;
    line-height: 100%
}

@media only screen and (max-width: 575px) {
    /* .category-header .cat-header-title{
        z-index: 1;
    }

    h2.category_sub {
        margin: unset !important;
        position: sticky !important;
        top: 0;
        z-index: 10;
        background: white;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        box-shadow: #b1b1b1 0px 3px 13px 0px
    }

    .tag_mains {        
        position:relative;
    } */
}

@media (min-width:900px) and (max-width: 1290px ) {
    .category_main_cards {
        /* width: 940px !important; */
        margin:auto;
        /* justify-content: space-around !important; */
    }
    .bans {
        justify-content: center;
    }
}
@media (max-width:991px) {
    /* .img_double_ban {
        height: unset;
    } */
    .bans {
        justify-content: center;
        margin: 0 5px 20px 5px;
    }
    .product-filter-top {
        flex-direction: column;
        grid-template-columns: 1fr;
        height: 107px;
    }
    #filters-misc {
        grid-row: 2 / 4;
        align-self: end;
    }
    p {
        font-size: 14px;
    }

    h1 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    h2 {
        font-size: 18px;
        margin: 0;
    }
    
    #main_contact_buttons > h2 {
        margin-bottom: 20px;
    }

    h3 {
        font-size: 16px;
    }

    .hidden_mobile {
        display: none;
    }
    ul.breadcrumb {
        overflow-x: scroll;
    } 
    .gallery-categories {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .homepage_world_links {
        max-width: 90px;
        height: 90px;
    }
    .top_cat_list .homepage_world_links em.fa {
        font-size: 45px;
    }
    .top_cat_list .fa-birthday:before {
        left:1px;
        bottom:3px;
    }
    .top_cat_list .fa-coffee:before {
        left: 3px;
    }
    .top_cat_list .fa-cab:before {
        left:3.5px;
    }
    .top_cat_list .fa-location:before {
        bottom: -1px;
    }

    .top_banner {
        padding: 0 30px;
        font-size: 16px;
    }
    .copyright {
        padding-bottom: 64px ;
    }
    .main_copyright {
        padding-bottom: 125px ;

    }
    .font-title a, .media-text a {
        white-space: normal;
    }

    .media-text {
        display: block;
    }
    
    .main-container h1.cat_name, .cat_subtitle {
        /* text-align: center; */
        /* padding-right: 10px; */
        padding-left: 10px;
    }
    .cat_bottom_text {
        padding-bottom: 30px;
    }
    .category_mains_container .block-policy {
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
    }
    .filters-panel .form-group {
        margin: 0 10px;
    }
    .product-image-container.second_img img {
        max-height: none;
        width: 100%
    }
    .hero_banner{ 
        height: 100px;
    }
    .hero_banner.hero_banner_homepage {
        height: 33vh;
        min-height: 200px;
    }
    #advPhone {
        background-color: inherit;
    }
    #advPhone a {
        color: var(--primary);
    }
    .producttab-link a {
        width: 100%}
    .homepageMains {
        padding-left: 5px;
        padding-right: 5px;
    }
    .bannerOnline {
        border: 1px solid var(--white);;
    }
    .block-policy {
        padding: 0;
    }
    .block-policy ul li:last-child {
        border: 0;
    }
    .block-policy ul li:before {
        display: none;
    }
    .magazin {
        width: 100%}
    .mainButtons {
        display: block;
    }

    @supports not (-webkit-overflow-scrolling:touch) {
        #addToHomepage {
        display: block!important;
        padding: 0;
        }
    }
    .types-item-container.button {
        height: 100px;
    }
    div#allImages {
        display: none;
    }
    .Advertiser-header .Advertiser-name {
        text-align: right;
        background: 0 0!important;
    }
    .Advertiser-header .Advertiser-name h1, .Advertiser-header .Advertiser-name h2 {
        font-size: 1.5em;
        color: var(--primary);
    }
    .Advertiser-header .Advertiser-name p {
        font-size: 18px;
/*        font-weight: 700;*/
        color: var(--primary);
    }
    .Advertiser-header .Advertiser-phone a {
        font-size: .7em;
    }
    .Advertiser-header .Advertiser-phone {
        padding: 0;
        font-size: 2em;
    }
    .blog-listitem .blog-item .blog-item-inner {
        border: 0;
        background: #f4f4f4;
    }
    .blog-content h4 {
        margin: 0!important;
        background: #042b45;
        font-size: 16px!important;
        padding-right: 10px;
        line-height: 31px!important;
    }
    .blog-listitem .blog-item .blog-item-inner {
        height: auto;
    }



    li.with-sub-menu.hover.active strong {
        color: var(--white);;
    }
    .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu>li.active>a {
        padding: 0 10px!important;
    }
    .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu>li>a {
        width: 80%;
        color: var(--primary)!important;
        padding: 0!important;
        font-size: 14px;
        line-height: 31px!important;
        margin-right: 45px;
    }
    .megamenu-style-dev.responsive ul.megamenu>li.active>a {
        background: var(--secondary)!important;
    }
    .megamenu-style-dev.responsive ul.megamenu>li.active .close-menu {
        padding: 0;
        width: 30px;
        line-height: 31px;
        background: #33363a;
        height: auto;
        right: 0!important;
    }
    .megamenu-style-dev.responsive ul.megamenu>li.hover:before {
        padding: 0!important;
        font-size: 14px;
        color: var(--white);;
        width: 30px;
        line-height: 30px;
        height: 31px;
        display: inline-block;
        text-align: center;
        right: 0;
        left: auto;
    }
    .megamenu-style-dev.responsive ul.megamenu>li.active {
        padding: 0;
    }
    ul.megamenu .floatLeft {
        float: right!important;
    }
    .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper {
        background: #eee!important;
        padding: 20px!important;
    }
    header .container-megamenu.horizontal ul.megamenu>li {
        width: 100%}
    .container-megamenu.horizontal ul.megamenu>li {
        float: right;
    }
    .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu>li.active>a {
        padding: 0 10px!important;
    }
    img.img-responsive.img-border {
        display: none;
    }
    .megamenu-style-dev.responsive ul.megamenu>li.active .close-menu:before {
        color: var(--white);;
        font-size: 12px;
        line-height: 18px;
    }
    .megamenu-style-dev .navbar-default .vertical .navbar-header {
        position: relative;
        top: 7px;
        width: 100%;
        line-height: 35px;
        text-align: center;
        background: var(--primary);
        float: right;
    }
    .col-lg-10.col-md-10.col-sm-2.col-xs-2 {
        float: left;
    }
    .navbar-logo-back {
        display: block;
        color:white;
    }
    .container.padding {
        padding-right: 5px!important;
        padding-left: 5px!important;
    }
    .container-megamenu.horizontal ul.megamenu li .sub-menu .content a {
        height: 25px;
        text-align: right;
        border-bottom: 1px solid #33363a;
        margin-right: 35px;
        font-weight: 700;
        font-size: 14px;
    }
    #connectedCatsMore {
        display: block;
        width: 100%;
        height: 24px;
        color: var(--white);;
        background: var(--primary);
        text-align: center;
        margin-bottom: 10px;
    }
}
@media screen and (min-width:991px) {

    .nodesktop {
        display: none;
    }




    .top_cat_content {
        text-align: center;
    }
    .siteMap {
    -moz-column-count: 4;
    -moz-column-gap: 25px;
    -webkit-column-count: 4;
    -webkit-column-gap: 25px;
    column-count: 4;
    column-gap: 25px;
}
#more {
    max-width: 327px;
    margin: auto;
}
.search-header-w {
    margin-top: 10px;
}
h3.media-heading.font-title a {
    color: var(--white);;
}
.types-layout.col-lg-6.magazin {
    width: 49%;
    cursor: pointer;
}
.types-layout.col-lg-6.magazin:nth-child(odd) {
    float: left;
}

.mobile-hide {
    display: inline;
}
}
.typeheader-1 .container-megamenu.horizontal ul.megamenu>li>a {
    font-size: 16px;
    line-height: 100%;
    color: var(--white);;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 15px 0;

}
@media (max-width:991px) {
    #filter {
        background: var(--nutralDefiningLight, #F6F6F6);
        box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 25%);
        padding: 0;
        margin: 0;
        width: 100%;
        justify-content: space-around;
        gap:0;
    }
    .filter-element {
        flex-grow: 1;
    }
    .filter-element > button {
        background: inherit;
        border: 0;
        box-shadow: none;
        padding: 10px 13px;
        text-align: center;
        width: 100%;
    }
    #filter  .filter-element:after {
        content: "|";
        color: var(--nutralUltraLight,#ECECEC);
        position: absolute;
        top: 10px;
    }
    #filter  .filter-element.last-filter-element:after {
        content: "";
    }



    header .container_top {
        /* no idea why, but this is essential */
        overflow-y: hidden;
    }
   /* .main-container {
        margin-right: 15px;
        margin-left: 15px;
    }*/
    #images {
        text-align: center;
    }
    #images img.smallPicture {
/*        width: 100%;*/
        width:150px;
        height: 150px;
        object-fit: cover;
    }
    .Advertiser-header .Advertiser-name h1, .Advertiser-header .Advertiser-name h2 {
        margin-left: auto;
    }
    #accessibleIcon {
        display: none;
    }
    .common-home .container {
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}
.header-top {
    position: fixed;
    z-index: 10;
    bottom: 0;
    display: block;
    width: 100%
}
.hidden-compact {
    display: none!important;
}
.typeheader-1 ul.top-link>li .btn-group .btn-link {
    font-size: 11px!important;
    display: grid!important;
}
.typeheader-1 ul.top-link {
    text-align: center;
    width: 100%;
    display: block;
    margin:0;
}

header.typeheader-1 .search-header-w #sosearchpro .search {
    width: 90%;
    display: none;
    margin: auto;
    margin-top: 4px;
}
.col-md-12, .col-md-4, .col-md-9, .col-sm-12, .col-sm-4, .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
}
header.typeheader-1 .search-header-w {
    position: relative;
    top: 0;
    z-index: 9;
    left: -30%;
    float: right;
}
header.typeheader-1 .search-header-w .icon-search {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
header.typeheader-1 .search-header-w .icon-search em {
    font-size: 18px;
    color: var(--white);;
}
.megamenu-style-dev .navbar-default .horizontal .navbar-toggle {
    margin: 0;
    height: 40px;
    width: 60px;
    color: var(--white);;
    font-size: 12px;
    color: var(--white);;
    border-radius: 4px;
    background-color: transparent;
    border: none;
    float: right;
    cursor: pointer;
    padding: 0;
}
.megamenu-style-dev .navbar-default .horizontal .navbar-toggle .icon-bar {
    background: var(--white);;
    width: 50%;
    height: 2px;
    margin: 4px auto;
    border-radius: 0;
}
.megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle {
    font-size: 14px;
    color: var(--white);;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent!important;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
}
.common-home .typeheader-1 {
    margin-bottom: 10px;
}
#containerPage a {
    text-decoration: underline;
}
#containerPage li a {
    text-decoration: unset;
}
.typeheader-1 .header-top {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: var(--white);;
    font-size: 12px;
    min-height: 32px;
}
.typeheader-1 .welcome-msg {
    color: var(--white);;
    font-size: 12px;
    clear: both;
}
.typeheader-1 ul.top-link {
    margin-top: 4px;
    list-style: none;
    vertical-align: top;
}
.typeheader-1 .lang-curr {
    float: left;
}
.typeheader-1 ul.top-link>li {
    padding: 0;
    position: relative;
}
.typeheader-1 ul.top-link>li .btn-group .btn-link {
    text-align: center;
    padding: 0;
    color: var(--white);;
    font-size: 14px;
}
.typeheader-1 ul.top-link>li.language {
    margin-right: 7px;
    padding-right: 7px;
}
.typeheader-1 ul.top-link>li.language:first-child:before {
    display: none;
}
.typeheader-1 ul.top-link>li.language:before, .half-menu>li.language:before {
    background-color: rgba(255, 255, 255, .4);
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
}
a.welcome-msg.btn-link.bold {
    font-weight: 700;
    color: #fed545!important;
}
.typeheader-1 .header-middle {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
}
.typeheader-1 .megamenu-style-dev .navbar-default {
    background: 0 0;
}
.floatLeft {
    float: left!important;
}
.typeheader-1 .container-megamenu.horizontal ul.megamenu>li {
    margin-left: 25px;
}
.typeheader-1 #sosearchpro .search {
    position: relative;
    margin: 0;
    width: 100%;
    border-radius: 3px;
}
.typeheader-1 #sosearchpro .search input {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-color: var(--white);;
    z-index: 0;
    height: 40px;
    padding-right: 20px;
    font-size: 16px;
    width: 100%;
    background-color: var(--white);;
    color: #999;
}
::placeholder {
    opacity: 1;
    color: #ec1e00;
}
#livesearch {
    background: var(--white);;
    position: absolute;
    z-index: 30;
    width: 100%;
    font-size: 14px;
    top: 41px;
    padding: 0;
}
.typeheader-1 #sosearchpro .search .input-group-btn {
    width: 0;
}
.typeheader-1 #sosearchpro .search button {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
    color: var(--white);;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.so-megamenu .container .container {
    width: auto!important;
}
.so-megamenu .navbar-header {
    margin: 0;
    display: none;
}
.so-megamenu .navbar-default {
    background: 0 0;
}
#menu {
    position: relative;
    overflow: visible;
}
#menu .background-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.search_form {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.so-vertical-menu .vertical-wrapper {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 25;
    border-left: 1px solid #ddd;
}
@media (max-width:991px) {
    .so-vertical-menu .vertical-wrapper {
    position: fixed;
    width: 280px;
}
}
.vertical span.more-view {
    cursor: pointer;
    font-size: 14px;
}
.vertical .megamenu-wrapper {
    display: block;
    background: var(--white);;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 2;
    margin-top: -2px;
}
.vertical ul.megamenu>li {
    display: block;
    float: none;
    width: auto;
    background: 0 0;
    border-top: 1px solid #e6e6e6;
    position: relative;
    margin: 0 -1px;
}
.vertical ul.megamenu>li.home, .vertical ul.megamenu>li.search {
    display: none;
}
.vertical ul.megamenu>li>a {
    padding: 10px 15px;
    color: #666;
}
.vertical ul.megamenu>li>a.description {
    padding: 12px 20px 12px 21px;
}
.vertical ul.megamenu>li.hover:before {
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    color: #51cfc6;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 0;
    z-index: 10;
    padding: 14px 15px 10px 50px;
}
.vertical ul.megamenu>li>.sub-menu {
    left: 100%;
    padding-top: 0;
    top: 0;
}
.megamenu .label {
    background: #d5375f none repeat scroll 0 0;
    color: var(--white);;
    font-size: 10px;
    line-height: 17px;
    padding: 0 5px;
    position: absolute;
    text-transform: none;
    top: -5px;
    right: 0;
}
.megamenu i {
    padding-right: 12px;
}
@media (max-width:991px) {
    .so-megamenu .navbar-header {
    display: block;
}
.so-megamenu .navbar-default .navbar-toggle .icon-bar {
    background-color: #b1b1b1;
}
.navbar-header .navbar-toggle {
    display: inline-block;
}
.navbar-header .fa-list-alt {
    font-size: 42px;
    color: #eee;
    vertical-align: middle;
    padding: 0;
    border: none;
}
.navbar-header .fa-list-alt:hover {
    background: 0 0;
}
.responsive .vertical ul.megamenu>li>.sub-menu {
    left: 0;
    top: auto;
    width: 100%}
.responsive .vertical ul.megamenu>li>.sub-menu>.content {
    margin-left: 0;
}
ul.megamenu li .sub-menu .content {
    border: none;
    box-shadow: none;
}
.responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
    display: block;
    margin: 5px 10px;
    width: auto;
    padding: 0;
    position: static;
    left: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
    display: none;
}
.responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
    display: none;
}
.responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
    display: none;
}
.responsive ul.megamenu .sub-menu .content .border {
    display: none;
}
.responsive ul.megamenu .sub-menu .content {
    padding: 10px;
}
.responsive ul.megamenu .sub-menu .content .row>div {
    margin-top: 10px;
}
.responsive ul.megamenu .sub-menu .content .row:first-child>div:first-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
}
@media (max-width:991px) {

    li.hover:before {
        background: #dd3c7f;
    }
    li.dot:before, li.info:before, li.lang:before, li.phone:before {
        background: var(--primary);
    }
    .menuBottom li.dot:before, .menuBottom li.info:before, .menuBottom li.lang:before, .menuBottom li.phone:before {
        background: inherit;
    }
}

@media (max-width:991px) {

.vertical-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--white);;
    bottom: 0;
    width: 280px;
    padding: 10px;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    -webkit-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0;
    border: 1px solid #e6e6e6;
}
}
.so-megamenu-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.so-vertical-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#remove-verticalmenu {
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    display: none;
    font-size: 20px;
    text-align: right;
}
.so-vertical-active #remove-verticalmenu {
    display: block;
}
.navbar-header .navbar-toggle {
    float: none;
}

em.wishList {
    color: var(--secondary);
    cursor: pointer;
    font-size: 15px;
}
em.wishList:before {
    font-weight: 700;
}
.border {
    background: #fff700!important;
    border: 1px solid #000;
    color: #000!important;
}
body.cursor {
    cursor: url(https://www.karamel.co.il/images/icon/cursor.ico), default;
}
p.alt {
    background: #00f;
    position: absolute;
    color: #000;
    top: 5px;
    right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #000;
    border-radius: 5px;
    line-height: 22px;
    background-color: var(--white);;
    transition: all .3s ease;
    transition-delay: .3s;
}
.underline {
    text-decoration: underline!important;
}
.pointer {
    cursor: pointer;
}
#searchTitles a {
    text-decoration: none;
}
p.shortContent {
    min-height: 105px;
}
.container.content-area {
    min-height: 42px;
}
/*.fa-right-open {
    color: var(--white);;
    font-size: 18px;
    margin-top: 10px;
}*/
.container.content-area span {
    color: var(--white);;
}
div#linksInCategories a , .pink_wide_link {
    border-bottom: 1px solid var(--white);;
    width: 100%;
    text-align: center;
    color: var(--white);;
    padding: 5px;
    background: var(--secondary);
    display: inline-block;
}
#linksInCategories {
    margin-bottom: 20px;
}
.social img {
    width: 59px;
    height: 59px;
}
.header-top-right > ul {
    line-height: normal;
}
.header-top-right .top-link>li .usAdBtn {
    color: var(--primary);
    font-weight: 700;
    background: #e28512;
    border-radius: 5px;
    /*float: left;*/
    padding: 2px 8px 3px 8px;
}
.header-top-right .top-link>li .usAdBtn:hover {
    background: #fed545 !important;
}
.menuLinks a.bold {
    color: var(--primary);
    font-weight: 700;
}
.menu {
    margin-top: -10px;
    background: var(--secondary);
    overflow-x: auto;
    border-bottom: 1px solid var(--white);
}
.menuLinks {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    /*border-left: 2px solid var(--white);
    */
    margin-left: 10px;
    margin-right: 10px;
    float: right;
}
.sub-menu-main-gift > em {
    color: var(--tertiary);
    font-size: 24px;
}

.menu-nav-item.menuSelected > .sub-menu-focuse-container > a,
.menu-nav-item.menuSelected strong,
.menuSelected em {
    color: var(--secondary)!important;
}
.menuLinks:last-child {
    border-left: 0;
}
.menuLinks em {
    font-size: 16px;
    color: var(--white);
}
.menuLinks a {
    font-weight: 700;
    color: var(--white);
}
.subMenu {
    overflow-x: auto;
    margin: auto;
    text-align: justify;
    margin-bottom: 10px;
    padding: 5px;
    background: var(--primary);
}
.subMenu .row {
    margin: 0;
}
.subMenu a {
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #b9b9b9;
    color: var(--white);
    padding: 0 5px 0 10px;
}
.subMenu a:last-child {
    border: 0;
}
.subMenu a img {
    height: 20px;
    display: inherit;
}
.subMenu a.bold {
    color: #ffec0c;
}
@media (max-width: 767px) {
    .img_logo, img.mainImage {
    height: 33px;
    width: 75px;
}
.menu .row, .subMenu .row {
    width: max-content;
}
.menuLinks {
    width: auto;
}
}
@media (max-width: 767px) {
    .sameType {
    overflow-x: auto;
}
.sameType .products-list.row.nopadding-xs.so-filter-gird {
    width: max-content;
}
.sameType .products-list .product-layout {
    /*width: 327.5px;
    */
        width: 298.5px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.sameType .product-item-container {
    margin: 30px 0 10px;
}
.sameType .producttab-link {
    margin-top: 10px;
}
.sameType .products-list .product-layout:last-child {
    margin-left: 0px;
}
}
/*
.center a {
    padding: 1px;
}
*/
.producttab-title h2 {
    display: flex;
    flex-direction: row;
}
.producttab-title h2:before, .producttab-title h2:after {
    content: "";
    flex: 1 1;
    border-bottom: 5px solid;
    margin: auto;
}
.producttab-title h2:before {
    margin-left: 30px
}
.producttab-title h2:after {
    margin-right: 30px
}
.producttab-title h2 {
    color: var(--secondary)!important;
    font-size: 1.5em!important;
    text-align: center!important;
}
.discount_precent {
    display: block;
    width: 80%;
    margin: 0 auto;
    color: var(--secondary) ;
    text-align: center;
    border: 0 solid #e0e0e0;
}
/*bottom and double border are used for .discount_precent elements*/
.bottom-border {
    border-bottom-width: 1px;
}
.double-border {
    border-bottom-width: 1px;
    border-top-width: 1px;
}
.product-item-container img {
    object-fit: cover;
}
#coupon {
    background: #f5f5f5;
    display: flex;
    margin-bottom: 30px;
}
.couponInfo {
    padding: 0;
    /*height: 150px;
    */
}
.couponPhone {
    /*height: 150px;
    */
    font-weight: 700;
    padding: 24px 0 24px 0;
    text-align: center;
    line-height: 172%;
    font-size: 14px;
    background: #ececec;
}
.couponPhone input[name=pn] {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 14px;
    height: 38px;
    margin-bottom: 8px;
}
.couponPhone button {
    width: 80%;
    height: 38px;
    margin: 24px;
    color: var(--primary);
    background: var(--tertiary);
    font-size: 16px;
    border: 1px solid #000;
}
.couponInfoTitle {
    background: var(--secondary);
    padding: 10px;
    min-height: 50px;
    color: var(--white);
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    width: 100%;
}
.couponInfoCouponPrice {
    color: var(--secondary);
    width: 50%;
    background: var(--white);
    font-weight: 700;
    padding: 7px;
    height: 50px;
    text-align: center;
    font-size: 14px;
}
.couponInfoRegularPrice {
    color: #A13F3F;
    background: #fff0f0;
    padding: 7px;
    height: 50px;
    text-align: center;
    font-size: 14px;
    width: 50%;
    float: left;
}
.couponDiscount {
    color: var(--secondary);
    width: 100%;
    background: var(--white);
    font-weight: 700;
    padding: 0;
    height: 50px;
    text-align: center;
    font-size: 24px;
    margin: 0;
}
.couponDiscount p {
    width: 50%;
    box-sizing: border-box;
    padding: 7px;
    display: inline-block;
}
.discountAmount {
    color: #f7c1c1;
    background: #fff0f0;
    padding: 7px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    width: 50%;
    float: left;
}
.discountAmount select {
    width: 100%;
    -webkit-appearance: auto;
}
.discountAmount p {
    background-color: var(--white);
    width: 100%;
    padding: 0px;
    color: black;
    height: auto;
    height: calc(100%);
    border: solid 1px;
}
small#discount_only_option, small#old_new_price_option {
    font-family: inherit;
    display: block;
    width: 100%;
    text-align: center;
    margin: 16px 0;
}
small#discount_only_option:hover, small#old_new_price_option:hover {
    cursor: pointer;
}
.couponInfoBottom {
    text-align: center;
    padding: 24px;
    line-height: 150%;
    font-size: 14px;
    width: 100%;
}
.couponInfoBottom input {
    margin: 10px;
}
.couponInfoBottom .small {
    font-size: 14px;
}
.crossLine {
    text-decoration: line-through;
}
#couponSent, #couponCannotSend {
    display: none;
}
/*
#couponSent {
    display: block;    
}
*/
.couponDownloaded {
    background: var(--primary);
    color: var(--white);
    text-align: center;
    font-size: 30px;
    padding-top: 33px;
}
.info-contact ul li em.fa.fa-whatsapp {
    font-size: 15px;
}
.floating-button-bottom-rigth {
    position: fixed;
    bottom: 60px;
    right: 16px;
    width: 48px;
    height: 48px;
}
.empty-favorits {
    margin: 0 auto;
    text-align: center;
}
img.empty-favorits {
    display: block;
}
.green {
    color: #25D366;
}
/*.whatsapp_green {
    color: var(--white);
    background-color: #25D366;
    border-color: #1a212d;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}
.whatsapp_green .fa-whatsapp::before {
    font-size: 2em;
    margin: 0;
}
*/

.banner-container {
    box-sizing: border-box;
    /* side width is the width of the white space next to container */
    --side-width: calc( (100vw - var(--site-width)) / 2 - 10px);
    /* side width is the width of the white space next to container  */
    --banner-width: min( calc( var(--side-width) - 66px  ), 283px);
    --banner-pad: calc( (var(--side-width) - var(--banner-width)) / 2);
    position: absolute;
    width: var(--side-width);
    top: 218px;
}
.banner-container  .sticky {
    box-sizing: border-box;
    position: -webkit-sticky;
    position: sticky;
    top: var(--banner-pad);
    margin: var(--banner-pad);
    cursor: pointer;
}
.banner-container img {
    box-sizing: border-box;
    width: var(--banner-width);
}
.banner-left {
    left: 0;
}
.banner-right {
    right: 0;
}
.tri.tri-bold p {
    font-weight: 700;

}
.tri.tri-long p {
    font-size: 12px;
}
.tri.tri-pink {
    border-color: var(--secondary) transparent transparent;
}
.tri.tri-pink p {
    color: var(--white);
}
.tri.tri-pink:after {
    content: " ";
    background-color: white;
    width: 138px;
    height: 2px;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    z-index: 1;
    top: -46px;
    left: -23px;
    box-shadow: 1px 1px 5px rgb(0 0 0);
    filter: drop-shadow(1px 1px 5px #222222);

}
.offer_sale, .offers_title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    width:100%;
    background-color: var(--tertiary);
    color: var(--primary);
/*    padding:1px;*/
}
.offer_sale > h3, .offers_title > h3 {
    font-size: 24px;
    margin:0;
    padding:8px;
}

.main_sale {
      position: absolute;
    top: -35px;
    right: 30px;
    font-size: 14px;
    line-height: 13px;
    z-index: 10;
    font-weight: 700;
    --main-sale-width: 60px;
    width: var(--main-sale-width);
    height: var(--main-sale-width);
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_sale > img {
    width: var(--main-sale-width);
    height: var(--main-sale-width);
}
#offer-form .main_sale > img {
    width: unset;
    height: unset;
}
/*#offer-form .main_sale {
    top:-9px;
    
}*/
.main_sale_text {
    background-color: var(--secondary);
    color: var(--white);
    border-radius: 100%;
    border: 2px solid var(--white);
}
#offer-form .main_sale {
    line-height: 18px
}
.cstmr_card .main_sale {
    position: absolute;
    --main-sale-width: 60px;
    font-size: 12px;
    top: 235px;
    right: 0px;
}


.cstmr_reviews{
    display: flex;
    /* align-content: center; */
    align-items: center;
    height: 18px;
}

.sctmr_list .cstmr_reviews{
    align-items: center;
}
.cstmr_reviews img{
    width: 60px;
    height: 10.8px;
    margin: 0 0 3px 3px;
}

.cstmr_attributes_grid {
    /* display: grid; */
    grid-template-columns: 2fr 1fr;
    padding: 8px 0px;
    border-top: 1px solid #cbcbcb;
    height: 66px;
}

.cstmr_reviews_count {
    font-size: 12px;
    /* margin-right: 3px; */
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.cstmr_attributes_grid > .stars_view {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    width: 100px;
    height: 18px;
}
.cstmr_price_from {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: left;
    font-size: 14px;
    margin:0;
}

.cstmr_price_from_instead {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    text-align: left;
    text-decoration: line-through;
    font-size: 14px;
    margin:0;
}
/* .main_sale > p {
    text-align: center;
} */
.typeheader-1 ul.top-link>li.half-menu {
    width: 33vw;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 4px;
}
.phone-only em, .phone-only em.fa.fa-whatsapp, .phone-only a {
    /*display: inline-block;
    */
    font-size: 24px;
    color: var(--white);
}
.phone-only {
    text-align: center;
    margin: 0;
}
.pc-only {
    display: none;
}
.bottom_nav > div.whatsup-link {
    background: var(--whatsapp);
}
.whatsup-link, .phone-only {
    padding: 10px;
}

.centered {
    text-align: center;
    justify-content: center;
}
@media (max-width: 1726px) {
    .banner-container-left {
        display: none;
    }
}
@media (min-width: 991px) {
ul.breadcrumb.main_breadcrumb {
    position: absolute;
    right: calc( (100vw - var(--site-width)) / 2);
}

    
.whatsapp_green {
    display: none;
}
.pc-only {
    display: block;
}
.phone-only {
    display: none;
}
/*    #openVSButton {
    bottom: 20px !important;
}
*/
}


[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: "fontello", Arial;
    font-style: normal;
    font-weight: normal;
    /* speak: never; */
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8;
    */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
    /* you can be more comfortable with increased icons size */
  /* font-size: 120%;
    */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
    */
}

/* correction to the block policy elements */
@media (max-width: 991px) {
    .caramels > .row {
        justify-content: center;
    }  
    .header-top {
        display: none;
    border-bottom: 0 !important;
}
.block-policy:not(.block-policy-main) ul li {
    width: 25%;
    border: 0;
    font-size: 0.8em !important;
}
.block-policy ul li div.item-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}
.block-policy .content p , .block-policy .content p span {
    font-size: 0.8em;
}
.block-policy ul li:nth-child(odd) .item-inner {
    border-left: 0px solid #ebebeb;
}
.block-policy ul li:nth-child(even) .item-inner {
    border-right: 0px solid #ebebeb;
}
}
thead#searchTitles td a {
    color: white !important;
}

/*
**margin 5px - 100px
**padding 5px - 100px
*/

.mt_5{margin-top:5px}.mt_10{margin-top:10px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_35{margin-top:35px}.mt_40{margin-top:40px}.mt_45{margin-top:45px}.mt_50{margin-top:50px}.mt_55{margin-top:55px}.mt_60{margin-top:60px}.mt_65{margin-top:65px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_80{margin-top:80px}.mt_85{margin-top:85px}.mt_90{margin-top:90px}.mt_95{margin-top:95px}.mt_100{margin-top:100px}.mb_5{margin-bottom:5px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_65{margin-bottom:65px}.mb_70{margin-bottom:70px}.mb_75{margin-bottom:75px}.mb_80{margin-bottom:80px}.mb_85{margin-bottom:85px}.mb_90{margin-bottom:90px}.mb_95{margin-bottom:95px}.mb_100{margin-bottom:100px}.mr_5{margin-right:5px}.mr_10{margin-right:10px}.mr_15{margin-right:15px}.mr_20{margin-right:20px}.mr_25{margin-right:25px}.mr_30{margin-right:30px}.mr_35{margin-right:35px}.mr_40{margin-right:40px}.mr_45{margin-right:45px}.mr_50{margin-right:50px}.mr_55{margin-right:55px}.mr_60{margin-right:60px}.mr_65{margin-right:65px}.mr_70{margin-right:70px}.mr_75{margin-right:75px}.mr_80{margin-right:80px}.mr_85{margin-right:85px}.mr_90{margin-right:90px}.mr_95{margin-right:95px}.mr_100{margin-right:100px}.ml_5{margin-left:5px}.ml_10{margin-left:10px}.ml_15{margin-left:15px}.ml_20{margin-left:20px}.ml_25{margin-left:25px}.ml_30{margin-left:30px}.ml_35{margin-left:35px}.ml_40{margin-left:40px}.ml_45{margin-left:45px}.ml_50{margin-left:50px}.ml_55{margin-left:55px}.ml_60{margin-left:60px}.ml_65{margin-left:65px}.ml_70{margin-left:70px}.ml_75{margin-left:75px}.ml_80{margin-left:80px}.ml_85{margin-left:85px}.ml_90{margin-left:90px}.ml_95{margin-left:95px}.ml_100{margin-left:100px}.pt_5{padding-top:5px}.pt_10{padding-top:10px}.pt_15{padding-top:15px}.pt_20{padding-top:20px}.pt_25{padding-top:25px}.pt_30{padding-top:30px}.pt_35{padding-top:35px}.pt_40{padding-top:40px}.pt_45{padding-top:45px}.pt_50{padding-top:50px}.pt_55{padding-top:55px}.pt_60{padding-top:60px}.pt_65{padding-top:65px}.pt_70{padding-top:70px}.pt_75{padding-top:75px}.pt_80{padding-top:80px}.pt_85{padding-top:85px}.pt_90{padding-top:90px}.pt_95{padding-top:95px}.pt_100{padding-top:100px}.pb_5{padding-bottom:5px}.pb_10{padding-bottom:10px}.pb_15{padding-bottom:15px}.pb_20{padding-bottom:20px}.pb_25{padding-bottom:25px}.pb_30{padding-bottom:30px}.pb_35{padding-bottom:35px}.pb_40{padding-bottom:40px}.pb_45{padding-bottom:45px}.pb_50{padding-bottom:50px}.pb_55{padding-bottom:55px}.pb_60{padding-bottom:60px}.pb_65{padding-bottom:65px}.pb_70{padding-bottom:70px}.pb_75{padding-bottom:75px}.pb_80{padding-bottom:80px}.pb_85{padding-bottom:85px}.pb_90{padding-bottom:90px}.pb_95{padding-bottom:95px}.pb_100{padding-bottom:100px}.pr_5{padding-right:5px}.pr_10{padding-right:10px}.pr_15{padding-right:15px}.pr_20{padding-right:20px}.pr_25{padding-right:25px}.pr_30{padding-right:30px}.pr_35{padding-right:35px}.pr_40{padding-right:40px}.pr_45{padding-right:45px}.pr_50{padding-right:50px}.pr_55{padding-right:55px}.pr_60{padding-right:60px}.pr_65{padding-right:65px}.pr_70{padding-right:70px}.pr_75{padding-right:75px}.pr_80{padding-right:80px}.pr_85{padding-right:85px}.pr_90{padding-right:90px}.pr_95{padding-right:95px}.pr_100{padding-right:100px}.pl_5{padding-left:5px}.pl_10{padding-left:10px}.pl_15{padding-left:15px}.pl_20{padding-left:20px}.pl_25{padding-left:25px}.pl_30{padding-left:30px}.pl_35{padding-left:35px}.pl_40{padding-left:40px}.pl_45{padding-left:45px}.pl_50{padding-left:50px}.pl_55{padding-left:55px}.pl_60{padding-left:60px}.pl_65{padding-left:65px}.pl_70{padding-left:70px}.pl_75{padding-left:75px}.pl_80{padding-left:80px}.pl_85{padding-left:85px}.pl_90{padding-left:90px}.pl_95{padding-left:95px}.pl_100{padding-left:100px}


/*====================== Google fonts ========================*/
input::placeholder {
    text-align: right;
    color:  var(--primary);
}
.account-border input::placeholder {
    text-align: center;
    }
.hero_form input::placeholder, .autosearch-input, .autosearch-input::placeholder {
    text-align: right;
    border: 0;
}
#hero_form_anchor {
    position: absolute;
    top: -170px;
}
#content, .btn, input {
    max-width: 100vw;
}


.search_popup {
    position: absolute;
    display: none;
}

/*
.hero_area.negative-margin {
    overflow: hidden;
    margin-bottom: -100px;
}
*/

.title_box, .top_cat_content.narrower {
    max-width: 90vw;
    width: 760px;
    margin: auto;
}

.title_box {
    text-align: center;
    padding: 10px;
    /*margin-bottom: 60px;*/
    background: var(--white);
    /*box-shadow: -0.87px 0.5px 7px #f1f1f1;*/
    box-shadow: -2px     2px     14px    var(--nutralShadow);
}
.title_box.modern_title_box {
    background: rgba(255, 255, 255, 0.6);
}

.attractions .title_box {
    margin-bottom: -50px;
}


.title_box.upshift {
    transform: translateY(-50%);
}

.title_box.upshift.modern_title_box {
    transform: translateY(calc(-200px - 100%));
}

.title_box h1 {
    position: relative;
    display: inline-block;
    font-size: 22px;
    margin: 0 0 10px 0;
}

.title_box.modern_title_box h1 {
    margin: 0;
}

.caramel_sessions h2 , h2.category_sub{
    display: inline-block;
    font-weight: 400;
    color: #032E48;
    position: relative;
    margin-bottom: 60px;
    scroll-margin-top: 140px;
}

h2.category_sub {
    margin: 10px;
}


.title_box:not(.modern_title_box) h1::before, .caramel_sessions h2::before, h2.category_sub::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: var(--secondary);
}
.tag_mains h2.category_sub::before {
    left: unset;
    right: 0;
    width: 24px;
}


.text_box{
    text-align: center;
    max-width: 76rem;
    margin: auto;
}

/*================== header area start ===================*/


.header_bottom {
    top: 0;
    right:0;
    width:100vw;
    z-index: 912;
    box-shadow: 0px 4px 4px 0px #00000040;

}
.header_bottom.background_header {
        z-index: 899;
}
.header-top {
    padding: 4px 0px;
    background: var(--primaryDark);
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}


.header_top ul{
    text-align: end;
}

.header_top li {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    line-height: 1;
}

.header_top li:last-child{
    border: none;
    padding-left: 0;
}

.header_top li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 32px;
    background: var(--white);
}

.header_top li:last-child::before{
    display: none;
}

.header_top li a{
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.6rem;
    line-height: 1;
}

.header_top li img{
    max-width:32px;
    margin-left:16px;
}

.header_top .advertising_btn{
    background: #e28512;
    font-size: 25.6px;
    color: #042b45;
    padding: 6.4px 9.6px;
    border-radius:16px;
    line-height: 1;
}

/* FLAGSTRAP DESING --------*/
.flagstrap {
    position: relative;
}

.flagstrap .btn {
    border: none;
    color: var(--white);
    font-size: 25.6px;
}

.flagstrap-icon{
    margin-left: .5rem;
}

.caret{
    margin-left: .5rem !important;
}

.dropdown-menu {
    /*width: 15rem;*/
    position: absolute;
    left: 3.5rem;
    border: 0;
    box-shadow: 0 0 0.5rem 0 #0000002e;
    /*padding: .5rem;*/
}

.header_middle{
    height: 50px;
    background: var(--primary);
    display: flex;
    justify-content: center;
}

header .logo_top{
    display: inline-block;
    width: 12rem;
/*    margin-right: 15px;*/
}
.container_top > .row, .header-top > .row {
    --bs-gutter-x: 0;
}

.search_form{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.search_form input{
    width: 99%;
    font-size: 18px;
    padding: 0 20px;
    height: 35px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.search_form input::placeholder {
    font-size: 1.8rem;
    color: var(--primary);
    font-weight: 400;
    /*font-family: 'Open Sans Hebrew';*/
}

.search_form button{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 100%;
    background: var(--secondary);
    border: none;
    outline: none;
    transition: .2s;
    color: var(--white);
}

.search_form button:hover{
    background: var(--tertiary);
}

.menu-nav-item {
    display: inline-flex;
    background: var(--nutralDefiningLight);
    color: var(--primary);
    padding: 9px;
    padding-left: 14px;
    height: var(--menu_height);
    align-items: center;
}

/* .menu-nav-item:not(.menuSelected):first-child {
    padding-right: 5px;
} */
.sub-menu-main-link {
    display: inline-flex;
    align-items: center;
    /*font-size: 16px;*/
    font-weight: noraml;
    color: var(--primary);
    gap: 3px;
}

/*
.menu-nav-item:hover {
    background-color: var(--secondaryLight);
}
*/

.menu-nav-item:last-child{
    margin-left: 0;
}

/*.menu-nav-item img{
    margin-left: .8rem;
    width: auto;
    height: 2.5rem;
}
*/
.karamel_botton{
    position: absolute;
    --button-width: 0px;
    left: calc(max(calc((100% - var(--site-width)) / 2 + 15px),15px) + var(--button-width));
    top: 0;
    z-index: 9;
}
.karamel_botton_sec{
    --button-width: 125px;

}
.karamel_botton img {
    width: 116px;
    height:70px;
    object-fit: contain;
    background-color: var(--secondary);
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: -0.87px 0.5px 3px #000;
}
.karamel_botton_sec img{
    padding: 0;

    background-color: var(--tertiary);

}
@media (max-width: 1225px) {
    .karamel_botton{
/*        display: none;*/
        top: 43px;

    }
    .karamel_botton img {
        width: 77px;
        height: 46px;
    }
    .karamel_botton_sec {
        --button-width: 80px;
    }
}
.mobile_nav_area{
    display: none;
    margin-right: 9px;
    margin-left: 5px;
}

.mobile_search {
    color: var(--white);
}
.bottom_nav .mobile_search {
    color: var(--primary);
}

.mobile_nav_area .logo_top{
    width: 15rem;
}

/*Hamburger menu*/
.hamburger-menu {
    cursor: pointer;
    z-index: 29;
}

.hamburger-menu span {
    background: var(--white);
    width: 20px;
    height: 2px;
    display: block;
    margin: 5px 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hamburger-menu:hover .line-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.hamburger-menu:hover .line-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.hamburger-menu .line-top.current {
    -webkit-transform: translateY(200%) rotate(135deg);
    -ms-transform: translateY(200%) rotate(135deg);
    transform: translateY(200%) rotate(135deg);
}

.hamburger-menu .line-center.current {
    opacity: 0;
}

.hamburger-menu .line-bottom.current {
    -webkit-transform: translateY(-325%) rotate(-135deg);
    -ms-transform: translateY(-325%) rotate(-135deg);
    transform: translateY(-325%) rotate(-135deg);
}

/*ofcanvas menu*/
.ofcavas-menu {
    position: fixed;
    width: 90%;
    min-height: 100%;
    background: var(--white);
    z-index: 929;
    top: 0;
    display: none;
    right: -110%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: right;
}

.ofcavas-menu.current {
    right: 0;
}

/* ofcavas_menu_top */
.ofcavas_menu_top{
    background-color: var(--nutralDefiningLight);
    max-width: 100%;
    overflow: auto;
}

.ofcavas_menu_top_list{
    min-width: 91rem;
}

.ofcavas_menu_top_list li {
    cursor: pointer;
    display: inline-block;
    background: var(--secondary);
    padding: 1rem 1.3rem;
    /*border-right: 1px solid var(--white);*/
}

.ofcavas_menu_top_list li a {
    display: inline-flex;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--white);
}
/*
.ofcavas_menu_top_list li a:hover {
    color: var(--tertiary);
}
*/
.ofcavas_menu_top_list li:last-child {
    margin-left: 0;
}

.ofcavas_menu_top_list img {
    margin-left: 8px;
    width: auto;
    height: 25px;
}

.ofcavas-menu .menu {
    margin-top:70px;
    padding: 0 50px;
}

.ofcavas-menu .menu li {
    padding: 8px 0;
}

.ofcavas-menu .menu a {
    color: var(--primary);
    font-size: 18px;
    font-weight: 700;
}

.ofcavas-menu .menu a.active,
.ofcavas-menu .menu a:hover {
    color: var(--secondary);
}


/*================== hero area start ===================*/

.hero_area{
    overflow: visible;
}

.hero_form{
    position: absolute;
    left: 50%;
    top: 400px;
    transform: translateX(-50%);
    width: 76rem;
    height: 66px;
    border: 3px  solid  var(--primary);
    border-radius: 32px;
    display: flex;
    overflow: hidden;
    z-index: 911;
}

.hero_form .form_group{
    position: relative;
}

.hero_form .search{
    flex-shrink: 0;
    width: 52%;
}

.hero_form .location {
    border-right: 2px solid var(--nutralShadow);
    flex-shrink: 0;
    width: 34%;
}

.hero_form button{
    flex-shrink: 0;
    width: 14%;
    font-size: 24px;
    font-weight: 700;
    color: var(--white);
    background: var(--secondary);
    line-height: 1;
    border-radius: 32px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

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

.hero_form input{
    font-size: 1.8rem;
    width: 100%;
    height: 100%;
    border: none;
    padding-right: 6rem;
}
.hero_form div:first-child input {
    border-left: 2px solid #BDBDBD;
}

.hero_form input::placeholder{
    font-size: 1.8rem;
    color: var(--primary);
    font-weight: 400;
    /*font-family: 'Open Sans Hebrew';*/
}

.hero_form .form_group .icon{
    position: absolute;
    top: 50%;
    right: 2.5rem;
    transform: translateY(-50%);
    color:  var(--primary);
    font-size: 20px;
}
/*================== logos area start ===================*/

.logos{
    overflow: visible;
}

.logos .title_box h2{
    margin-top: 4rem;
}

.logos_wrap{
    display: flex;
    justify-content: space-between;
}

.sm_icon_box{
    text-align: center;
}

.sm_icon_box .icon{
    width: 12rem;
    height: 11rem;
    line-height: 11rem;
    margin: auto;
}

.sm_icon_box .icon img{
    max-width: 100%;
}

.sm_icon_box h4{
    color: #042B45;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.17;
}




/*================ articals area start =================*/

.articals .title_box {
    transform: translateY(0);
    box-shadow: none;
}


/* banner CSS */

.banner{
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
    height: 100%;
}
.banner a {
    color: var(--white);
}

.article_box{
    margin-top: 1em;
    padding: 0 1em;
}

.banner img{
    width: 100%;
    height: 100%;
    transition: .2s;
}

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

.banner .overly_content{
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    width: 100%;
    /*background: url(https://www.karamel.co.il/img/overly_bg.png) no-repeat top;*/
    background-size: cover;
    padding: 5px 10px;
    display: flex;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7343312324929971) 0%, rgba(0,0,0,0.711922268907563) 20%, rgba(0,0,0,0) 76%);
    justify-content: flex-end;
    flex-direction: column;
    height: 50%;
}

.banner a {
    color: var(--white);
    font-weight: 700;
    font-size: 1.6rem;
    padding-bottom: 0;
}

.banner p{
    color: var(--white);
    font-size: 1.4rem;
}

.banner_lg h2{
    color: var(--white);
    font-size: 3.9rem;
    padding-bottom: 1rem;
}

.banner_lg p {
    color: var(--white);
    font-weight: 400;
    font-size: 32px;
}

/*================ articals area start =================*/

.attractions {
    margin-top: 60px;
    text-align: center;
    background: #F2F2F2;
    overflow: visible;
}

.sm_img_box h4 {
    color: #000000;
    font-size: 18px;
}

.img_box:hover img {
    transform: scale(1.1);
}
.img_box img {
    width: 100%;
    height: 100%;
    transition: .2s;
    object-fit: cover;
}



/*================ links carousel area start =================*/

.title_description p{
    color: var(--primary);
}

.read_more{
    cursor: pointer;
    color: var(--gray_a);
}

.read_more_content{
    color: #B0B0B0 !important;
    transition: .3s;
    transform: scaleY(0);
    height: 0;
}

.read_more_content.current{
    transform: scaleY(1);
    height: auto;
    padding-top: 1rem;
}


.title_description a{
    font-size: 1.8rem;
    line-height: 1.85;
}

.tag_carousel .owl-stage-outer{
    padding: .5rem 0;
}

.tag_carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 0 5px #D9D9D9;
    transition: .2s;
}

.tag_carousel .owl-nav button:hover{
    background: var(--tertiary);
}

.tag_carousel .owl-nav button:hover img{
    filter: invert(100%) sepia(0%) saturate(7023%) hue-rotate(1deg) brightness(105%) contrast(114%);
}

.tag_carousel .owl-nav .owl-prev{
    right: 0;
}

.tag_carousel .owl-nav .owl-next {
    left: 0;
}

.tag_carousel .owl-nav button.disabled{
    opacity: 0;
    pointer-events: none;
}

.tag_carousel a{
    display: inline-block;
    padding: 1px 5px;
    color: var(--gray_c);
    background: var(--white);
    box-shadow: 0 0 5px #D9D9D9;
    border-radius: 5px;
    white-space: nowrap;
    width: fit-content;
    font-size:14px;
}

.tag_carousel a:hover{
    color: var(--white);
    background: var(--tertiary);
}

/*================ lest_articals area start =================*/


.lest_articals h2{
    color: var(--lest_articals h2);
    text-align: center;
    font-weight: 400;
    font-size: 22px;
}

.img_box img{
    width: 100%;
    height: 32rem;
}

.img_box_content{
    background: var(--white);
    padding: 2rem 4rem;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    margin-top: -66px;
    min-height: 215px;
    /*transform: translateY(-50%);*/
    /*box-shadow: -0.87px -0.5px 7px #F1F1F1;*/
    /*margin: 0 4rem;*/
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 6px 4px #F1F1F1; 
    box-shadow: 0px 0px 6px 4px #F1F1F1;
}

.img_box_content h4{
    font-weight: 700;
    color: var(--primary);
    padding-bottom: 20px;
    font-size: 20px;
}

.img_box_content p{
    color: var(--primary);
}
/*.lest_articals  .text-end a {
    font-weight: 700;
    color: var(--primary);
}*/
.lest_articals  .text-end img {
    width: 17px;
    height: 14px;
}
.lest_articals a img{
    margin-right: 8px;
}

.discount_banner, .discount_banner_2{
    background: var(--tertiary);
    margin-bottom: 60px;
    color: var(--primaryDark);
}
.discount_banner strong,.discount_banner p {
    color: var(--primaryDark);
    
}

.discount_banner img{
    max-width: 100%;
}

.discount_banner p{
    font-size: 33px;
    font-weight: 400;
    line-height: 1.36;
}

.discount_banner strong{
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1.35;
}



/*================ customer carousel area start =================*/

/* carousel nav CSS */

.customer_carousel .owl-nav button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.7rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    pointer-events: none;
}

.customer_carousel .owl-nav button img{
    pointer-events: auto;
}

.customer_carousel .owl-nav button img:hover{
    opacity: .7;
}

.customer_carousel .owl-nav .owl-next{
    left: 0;
    background: url(https://www.karamel.co.il/img/overly-bg3.png) no-repeat center;
} 

.customer_carousel .owl-nav .owl-next img{
    transform: translateX(-1.8rem);
}

.customer_carousel .owl-nav .owl-prev {
    right: 0;
    background: url(https://www.karamel.co.il/img/overly-bg4.png) no-repeat center;
}

.customer_carousel .owl-nav .owl-prev img {
    transform: translateX(1.8rem);
}

.customer_carousel .owl-nav button.disabled{
    opacity: 0;
    pointer-events: none;
}
.lest_articals {
    position: relative;
}
/*
.lest_articals:after {
    content: " ";
    position: absolute;
    top:0;
    right:0;
    width:100%;
    background-color: #F2F2F2;
    height: 50%;
    z-index: -1;
}
*/
.lest_articals a:hover {
    text-decoration: none;
}

.main_img {
    width: var(--main-card-img-width);
    height: var(--main-card-img-width);
    object-fit: cover;
    transition: transform 0.2s;
}
.cstmr_card_mini:hover .main_img, .cstmr_card:hover .main_img {
    transform: scale(1.2);
}


.badgee{
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: -5rem;
    left: -5rem;
    background: var(--tertiary);
    transform: rotate(-45deg);
}

.badgee strong{
    position: absolute;
    left: 25%;
    bottom: 5px;
    width: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--primaryDark);
}

.favorite{
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: var(--tiny-icon);
    height: var(--tiny-icon);
    line-height: var(--tiny-icon);
    text-align: center;
    border-radius: 50%;
    background: var(--white);
    font-size: var(--tiny-icon-font);
    display: flex;
    align-items: center;
    justify-content: center;
}



.bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    padding: 64px 16px 8px;
}

.bottom h5{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--white);
}

.text-white{
    color:white !important;
}
.cstmr_card {
    width: var(--main-card-img-width);
    max-width: 100vw;
    min-height: 558px;
    /*margin-left: 25px;*/
    margin: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: -0.87px 0.5px 7px var(--nutralShadow);
    font-size: 14px;
    position: relative;
    overflow:hidden;
}


.cstmr_card.minimized {
    min-height: unset !important;
}

.cstmr_card_info:not(.minimized){
    .cstmr_card{
        min-height: 558px;
    }
}

.excel-export-btn{
    cursor: pointer;
}

.view_type_controller {
    background: inherit;
    border:0;
    color: var(--primary);
    font-size: 18px;
}
.view_type_controller.active {
    color: var(--tertiary);
}

.cstmr_card.sctmr_list {
    --main-card-img-width: 160px; /*max(100px, 10vw);*/
    --list-width: 600px;
    flex-wrap: wrap;
    /* width: var(--list-width); */
    flex-direction: row;
    min-height: unset;
    padding:5px;
    width: 100%;
    /* box-shadow: 0px 3px 0px #E1E1E1; */
}
.cstmr_card .main_name {
    color: var(--primary);
    text-wrap: wrap;   
    line-height:1.1; 
}
.cstmr_card.sctmr_list .cstmr_reviews_count {
    align-self: start;
    margin-bottom: 0;
    line-height: 14px;
    text-align: center;
}

.cstmr_card.sctmr_list .cstmr_price_from > b {
    color: var(--primary);
}
.cstmr_card.sctmr_list .cstmr_card_info {
    padding-top: 0;
    width: calc(min(var(--list-width), 90vw) - var(--main-card-img-width) - 30px);
}
.card-address{
    display: flex;
    align-items: center;
}
.cstmr_card.sctmr_list .img_container {
    background:  inherit;
}
.cstmr_card.sctmr_list div.tri {
    left: unset;
    right: 105px;
    top: 5px;
    border-width: 60px 60px 0 0;
}
.cstmr_card.sctmr_list  .tri p {
    top: -60px;
    right: -71px;
    font-size: 12px;

}
.cstmr_card.sctmr_list .tri.tri-pink:after {
    width: 85px;
    top: -31px;
    left: -13px;
}
.cstmr_card.sctmr_list .tel_btn {
    height: var(--tiny-icon);
    width: var(--tiny-icon);
    overflow: hidden;
}
.cstmr_card.sctmr_list .cstmr_card_misc {
    width: 100%;
    display: flex;    
    flex-flow: row wrap;
    justify-content: left;
    padding:0;
}
.cstmr_card.sctmr_list .cstmr_price_from {
    align-self: start;
    margin-bottom: 0;
    line-height: 14px;
    text-align: start;
    /* padding-top:20px; */
}
.cstmr_card.sctmr_list .cstmr_attributes_grid {
    padding: 0px;
    border: 0;
    margin-top: 8px;
    margin-left: auto;
    grid-template-columns: var(--main-card-img-width) 1fr;
    column-gap: 12px;
    height: unset;
    display:inline-block
}
/* .style_fig {
    cursor: pointer;
} */
/* Sorting select */
.select-menu {
  max-width: 100%;
  margin: auto;
}

#filterBoxByQuestions-form .select-menu .select-btn {
    border-right: 0;
}

.select-menu .select-btn {  
    height: 41px;
    width: 287px;
    background: var(--white);
    padding: 6px;
    min-height: 46px;
    font-size: 14px;
    font-weight: 400;
    /* border-radius: 8px; */
    border: 3px solid #ECECEC;
    cursor: pointer;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
    align-content: center;
}

#attributes_container > div:nth-child(1) .select-menu .select-btn{
    border-radius: 0 11px 11px 0;
}

.attributes_container .col{
    margin: auto;
}

#attributes_container .col-md-4{
    margin: 0;
    padding: 0;
}


/* .sort-selector-to-top{
    position: fixed;
    top: 0;
    right: 0;
    padding: 15px 15px 15px 15px;    
    width: 100% !important;
    z-index: 100;
    background-color: #ffffff;
    margin: 0px !important;
    box-shadow: -4px 11px 14px rgba(127, 127, 127, 0.3);
}    */

#filter-option-sort-mobile .filter-options-container .filter-container{
    padding-right:30px;
}

#filter-option-sort-mobile  li.option.active{
    color:#E58F24;
}

.suppliersTableFilterContent-to-top{
    /* overflow-y: scroll;
    height:100vh; */
    /* position: sticky;
    top: 0; */
    width: 307px !important;
    padding-left: 20px;
    /* z-index: 10;
    margin: 0px !important;
    padding:0 0 30px 0; */
}

.suppliersTableFilterContent-to-top .map{
    border-radius: 10px;
    cursor: pointer;
}


.find-suppliers-by-map{
    border-radius: 10px;
}

.sort-select-table-element.sort-selector-to-top button{
    width: 100% !important;
}

.select-table{
    padding-right: 9px;
}

.select-table .select-btn i.fa.fa-angle-down {
    float: inline-end;
    font-size: 14px;

}
#table_display_control .container_top{
    /* margin-top:10px; */
    padding: 14px 0 0 14px;
    /* position: sticky;
    top: 0; */
    z-index: 10;
    /* background-color: white; */
}
.select-table .sort-select-table-element{
    display: none;
}
#suppliersTableFilter .title .left-title{
    display: none;
    cursor: pointer;
}

#suppliersTableFilter .title{
    text-align: center;
    /* position: sticky;
    top: 0; */
    width: 307px !important;
    z-index: 30;
    background-color: white;
}

/* #suppliersTableFilterContent{
    position: sticky;
    top: 30px;
    width: 307px !important;
    z-index: 10;
} */

#filter-option-filters .select-btn i{
    font-size:16px;
}

#suppliersTableFilter > hr{
    border: 1px solid rgba(225, 225, 225, 1) !important;
}
.select-table .select-btn i.fa.fa-sort-alt-down {
    font-size: 14px;
}
.select-menu .options {
  position: absolute;
  display: none;
  width: 287px;
  overflow-y: auto;
  /* max-height: 295px; */
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.select-menu .options .option {
  display: flex;
  height: 41px;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 8px;
  align-items: center;
  background: var(--white);
  margin-bottom: 2px;
}
.select-menu .options .option:hover {
  background: var(--nutralLight);
}
.select-menu .options .option i {
  font-size: 14px;
  margin-right: 12px;
}
.select-menu .options .option .option-text {
  font-size: 14px;
  color: var(--grayText);
}

.select-btn i {
  font-size: 14px;
  transition: 0.3s;
}

/* .select-menu.active .select-btn i {
  transform: rotate(-180deg);
} */

#filter-option-filters .select-menu.active .options{
    /* width: 100%; */
    padding-left: 30px;
}

.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 9999;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}  
/*End  Sorting select  */
/*
img.main-image-swiper-placeholder.main_img.lazy-chance{
    min-height: 160px; 
    height: 100%; 
}
*/
.sctmr_list img.main-image-swiper-placeholder.main_img.lazy-chance{
    /* min-height: 160px; */
    height: 100%;
}

img.main-image-swiper-placeholder.main_img.lazy {
    height: 100%;
}

.main-image-swiper.extras.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden.extras_callback{
    height: 100%;
}

.cstmr_card.sctmr_list .cstmr_price_from_instead {
    margin: 0;
    line-height: 14px;
    align-self: flex-end;
}
.cstmr_card.sctmr_list .cstmr_card_bottom {
    /* width: 100%; */
    /* max-width: var(--main-card-img-width);
    gap: var(--largeGap);
    justify-content: flex-end;
    min-height: 42px;
    align-items: flex-end;   */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* margin-right:10px; */
}
.cstmr_card.sctmr_list .cstmr_card_bottom .buy-online {
    width: 100%;
    font-size: 12px;
    padding: 18px;
    white-space: wrap;
}

.cstmr_card.sctmr_list .main_img {
    width:var(--main-card-img-width);
    /* height: var(--main-card-img-width); */
    min-height: 160px;
}

.noResultsForCards{
    width: 100%;
    text-align: center;
}
.category_main_cards .cstmr_card {
    margin: 10px;
    margin-bottom: 50px;
}
.category_main_cards .cstmr_card.sctmr_list {
    margin-bottom: 15px;
}
.category_main_cards .img_container {
    background-color: var(--nutral); 
}
.swiper_cats {
    max-height: 120px;
}
.tag_container {
    max-height: 46px;
}
.swiper_mains .cstmr_card, .swiper_mains .cstmr_card_mini, .mini_swiper .cstmr_card_mini {
    margin: 3px 0;
    margin-right: 5px;
    /*margin: 10px 13px;*/
}
.swiper_mains .swiper-slide:first-child .cstmr_card {
    margin-right: 5px;
} 
.swiper_mains .swiper-slide:last-child .cstmr_card {
    margin-left: 5px;
} 
.cstmr_card .img_container {
    flex: 0 0 var(--main-card-img-width);
    max-width: 100vw;
    width: var(--main-card-img-width);
}
.cstmr_card .main_img {
    height: var(--main-card-img-width);
    object-fit: cover;
}

.cstmr_card_info {
    flex-grow: 2;
    padding-bottom: 0;
}

.cstmr_card.minimized:not(.sctmr_list){
    .cstmr_card_info.minimized{
        position: absolute;
    }
    .admin_main_pannel{
        margin-bottom: 56px;
    }
}


.sctmr_list.cstmr_card{
    display: flex;
    flex-flow: row nowrap;
}

.cstmr_card_info.minimized{
    z-index: 10;
    bottom: 0;
    width: 100% !important;
    overflow: auto;
}

.cstmr_card:not(.sctmr_list){
    .cstmr_card_info.minimized{
        background-color: #0a334ee3;
        /* height: 55px; */
    }
    .cstmr_card_info.minimized a,.cstmr_card_info.minimized p,.cstmr_card_info.minimized em{
        color: white !important;
    }
    .cstmr_card .main_name{
        padding-right: 5px;
    }
}
.cstmr_card_content.cstmr_card_info h3{
    margin:unset;
}

.main_card_properties {
    text-align: right;
/*    max-width: 70%;*/
    width: 100%;
}

.fully_expand.list_attributes {
    max-width: var(--main-card-img-width);
}

.cstmr_card_mini {
    max-width: 100vw;
    width: var(--main-card-img-width);
    cursor: pointer;
    box-shadow: -0.87px 0.5px 7px var(--nutralShadow);
    position: relative;
}
.cstmr_card_mini .main_img {
    max-width: 100vw;
    height: var(--main-card-img-width);
    object-fit: cover;
}
.cstmr_card_mini .cstmr_card_content {
    text-align: right;
}
.cstmr_card .img_container, .cstmr_card_info, .cstmr_card .list_groups {
    cursor: pointer;
}
/*
.mini_swiper .swiper-wrapper, .swiper_mains .swiper-wrapper {
    padding-right: 5px;
}
*/
.mini_swiper {
    max-width: var(--site-width);
    padding: 0;
    width: 95%;
    margin: auto;
    overflow: hidden;
}
.break_discount .title_box h2 {
    font-size: 30px;
    color: var(--white);
    width: fit-content;
    border: 0 solid var(--secondary);
    border-bottom: 2px;
    margin: auto;
}

.break_discount {
    position: relative;
}
.break_discount .swiper-button-prev-outer {
    position: absolute;
    top: 50%;
    right: max(calc((100vw - min(95vw , var(--site-width))) / 2 - 4rem) , 4rem);
    z-index: 95;
}
.break_discount .swiper-button-next-outer {
    position: absolute;
    top: 50%;
    left: max(calc((100vw - min(95vw , var(--site-width))) / 2 - 4rem), 4rem);
    z-index: 95;
}

.right-title{
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/*
.cstmr_card_content{
    padding: 12px;
    padding-top: 1rem;
    background: var(--white);
}
*/
.flex-column {
    flex-direction: column;
}


.left-icon {
    position: sticky;
    right: 0;
    left: 0;
    margin-right: -40px;
    transform: translateY(-50%);
}
/* .cstmr_card_content .cstmr_card_misc{
    position: absolute;
    bottom: 0;
    left: 0;
} */

.cstmr_card_misc {
    padding:12px;
    /* padding-bottom: 12px; */
    cursor:initial !important;
}
.cstmr_card_info {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}
.main_name, .discount_precent{
    font-size: 14px;
    font-weight: 700;
    color: var(--gray_b);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
}

.cstmr_card_content .address{
    font-size: 1.2rem;
    color: var(--primary);
    font-weight: 400;
    /*padding-bottom: 1rem;*/
    position: relative;
    /* right: -4px; */
    margin: 0 !important;
}

.cstmr_card_content .address .fa-location:before{
    width: unset;
}

/*.cstmr_card_content .address img{
    display: inline-block !important;
    width: auto !important;
    margin-left: .5rem;
}*/

.container_cat_top{
    max-width: 1280px;
    width: 100%;
    margin: auto;
}

.cstmr_card_content .description{
    color: var(--gray_a);
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
   font-size:14px;
   flex-grow: 1;
}


.cstmr_card_content li .icon{
    display: inline-block !important;
    width: 22.4px !important;
    margin-left: 1.5rem;
}

.line-through {
    font-size: 11px;
    text-decoration: line-through;
}
.cstmr_card_content li.start_time, .pink_bold{
    font-size: 13px;
    color: var(--secondaryStrong);
    font-weight: 700;
}


.cstmr_card_content li .star{
    width: 7.8rem !important;
    display: inline-block !important;
}

.cstmr_card_content .social_links{
    text-align: left;
    font-size: 0;
    margin-top: 2px;
    flex-direction: row-reverse;
}

.cstmr_card_content .social_links li{
    display: inline-block;
    margin: 0;
    margin-right: 1.8rem;
    position: relative;
}

.cstmr_card_content .social_links li a{
    display: inline-block;
    width: 2.3rem !important;
    position: relative;
    z-index: 2;
}

.cstmr_card_content .social_links li a img{
    width: 100% !important;
    position: relative;
    z-index: 2;
}

.cstmr_card_content .social_links li a:hover{
    opacity: .7;
}

.cstmr_card_content .social_links li a.tel_btn:hover{
    opacity: 1;
}

.phone_num{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    height: 100%;
    width: 11rem;
    background: var(--primary);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 700;
    padding-right: 1.3rem;
    border-radius: 2rem;
    z-index: 1;
    cursor: pointer;
    transform-origin: left;
    transform: scaleX(0);
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}
/* .phone-text a {
    color:white;
} */

.text-color-white a{
    color:#ffffff !important;
}

.cstmr_card_bottom .tel_btn .phone_num{ /*.tel_btn:hover*/
    transform: scaleX(1);
    opacity: 1;
    pointer-events: auto;
    width: max-content;
    padding-left: 25px;
}
.cstmr_card_bottom .page-button:hover, .cstmr_card_bottom .whatsapp-button:hover, .main_image_button:hover {
    opacity: 1;
}

.hover_tool {
    width: 17rem;
    position: absolute;
    top: -5rem;
    left: 0;
    padding: 7px;
    font-size: 1.2rem;
    line-height: 1.14;
    text-align: center;
    background: var(--white);
    box-shadow: -0.87px 0.5px 7px #D9D9D9;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}

.hover_tool::before {
    content: '';
    position: absolute;
    bottom: -.3rem;
    left: 1rem;
    width: .7rem;
    height: .7rem;
    background: var(--white);
    transform: rotate(45deg);
    z-index: 1;
}
.cstmr_card_bottom > *{
    height: var(--tiny-icon);
    width: var(--tiny-icon);
    border-radius: var(--tiny-icon);
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cstmr_card_bottom .fa, .cstmr_card_bottom em.fa.fa-whatsapp {
    font-size: var(--tiny-icon-font);
    z-index: 9;
}

.phone-button {
    position: relative;
    color: var(--white);
    background-color: var(--primary);
    width: -webkit-fill-available;
    width: fit-content;
}

a.phone-button, span.phone-button{
    padding: 0 7px 0 7px;
    font-size: 12px;
}
span.phone-button{
    cursor: pointer;
}
span.phone-button:hover{
    text-decoration: underline;
}
.phone-text {
    width: max-content;     
    border: none;
    background-color: transparent;  
}

.cstmr_card .phone-text{
    font-size: 12px;
    padding: 2px 8px 2px 8px;
    border: none;
    background-color: var(--primaryDark);
    border-radius: 10px; 
}

.cstmr_card .phone-text em{
    margin-right: 5px;
}

.whatsapp-button {
    color: var(--white);
    background-color: var(--whatsapp);
    opacity: 0.8;
}

.page-button {
    color: var(--nutralDark);
    background-color: var(--nutralLight);
    opacity: 0.8;
}
.page-button .fa {
    position: relative;
    top: 1px;
    right: 1px;
}

#forms-title{
    margin: auto;
}

.cstmr_card_bottom .buy-online{
    padding: 16px 22px;
    border-radius: 10px;
    background: var(--tertiary);
    color: var(--primaryDark);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    width: 100%;
/*    width: auto;*/
/*    position: absolute;*/
/*    right: 0;*/
}

.cstmr_card_bottom .buy-online:hover{
    color: var(--white);
    background-color: var(--secondary);
}

.cstmr_card_bottom{
    /* position: absolute; */
    bottom: 7px;
    left: 10px;
    display: flex;
    gap: var(--largeGap);
    justify-content: flex-end;
    align-items: center;    
    flex-flow: row wrap;
    min-height: 32px;
}


.see_more{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    /*font-weight: 700;*/
    color: var(--secondary);
    margin-left: 10px;
}

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

.see_more img{
    width: 17px;
    height: 14px;
    margin-right: .8rem;
}

.see_more:hover{
    color: var(--tertiary);
}

.see_more:hover img{
    filter: invert(73%) sepia(91%) saturate(2415%) hue-rotate(343deg) brightness(93%) contrast(93%);
}

.highlight_tag::before{
    content: '';
    position: absolute;
    left: 1.5rem;
    top: 0;
    width: .3rem;
    height: 100%;
    background: var(--primary);
}

.highlight_tag li{
    display: inline-block;
    margin-left: 1rem;
    position: relative;
}

.highlight_tag .btn{
    padding: .5rem 1rem;
    background: var(--tertiary);
    border-radius: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--white);
}

.highlight_tag .btn img{
    margin-left: .8rem;
}

.customer_carousel_wrap{
    background: #F2F2F2;
}

.carousel_top_heading{
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary);
    padding-bottom: 1.5rem;
}



/*================ banner carousel area start =================*/

.banner_carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
}

.banner_carousel .owl-nav .owl-next{
    left: 1rem;
}

.banner_carousel .owl-nav .owl-prev{
    right: 1rem;
}

.banner_carousel .owl-nav button img{
    width: 2rem;
}

.banner_carousel .owl-dots .owl-dot{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #F6F6F6;
    margin: 0 .8rem;
}

.banner_carousel .owl-dots .owl-dot.active{
    background: #9A9B9B;
}


/*================ excursions carousel area start =================*/

.excursions .title_box{
    transform: translate(0);
    box-shadow: none;
    padding-bottom: 0;
}


.excursions_box img{
    max-width: 108px;
    height: var(--small-icon-height);
/*    margin-bottom: 1rem;*/
    transition: .2s;
}

.excursions_box h4{
    color: #000000;
    font-size: 1.2rem;
    font-weight: 700;
}

.excursions_box:hover img{
    transform: scale(1.2);
}


.banner_form input{
    text-align: center;
    width: 27rem;
    height: 4.8rem;
    border: 1px solid #D2D3D3;
    box-shadow: -0.87px 0.5px 7px #F1F1F1;
    background: var(--white);
    border-radius: 1rem;
    max-width: 100%;
    padding: 1rem 1.2rem;
}

.banner_form input:focus{
    box-shadow: none;
}

.banner_form input::placeholder{
    /*font-family: 'Open Sans Hebrew';*/
    color: #8E8E8E;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 1;
}

.banner_form .btn{
    height: 4.8rem;
    padding: 1.3rem 3rem;
    border-radius: 1rem;
    background: #D10E57;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1;
    max-width: 100%;
    margin-right: 1.3rem;
}

.category_main_cards {
    /* padding: 5px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: start;

}
.tag_mains .category_main_cards{
    padding:0;
}
.tag_mains > p, .tag_mains > h3 {
    margin-right: 10px;
} 
.tag_mains > p {
    margin-bottom: 16px;
}
a.cat_tag_link {
    width: 100%;
    justify-content: flex-end;
    margin-right: 10px;
    margin-bottom: 24px;
}

/*================ excursions carousel area start =================*/

.break_discount{
    background: #143359;
}

.break_discount .title_box{
    transform: translate(0);
    background: transparent;
    box-shadow: none;
    padding-top: 0;
}

.break_discount .title_box h2{
    color: var(--white);
}

.break_discount_carousel .owl-nav button{
    background: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
}

.break_discount_carousel .owl-nav button:hover{
    opacity: .7;
}

.break_discount_carousel .owl-nav .owl-next{
    left: -2rem;
}

.break_discount_carousel .owl-nav .owl-prev {
    right: -2rem;
}

.break_discount .cstmr_card_content .address{
    font-weight: 400;
    font-size: 12px;
}
    .success_msg, .failed_msg {
        font-size: 2rem;
        text-align: center;
        padding: 2rem;
    }
    .form-box h2 {
        color: var(--primaryDark);
    }
    .form-box h2 span:not(.stylish_underline) {
        color: var(--nutralShadow);
    }
    .form-box {
        max-width: 1000px;
        border-color: var(--nutralShadow);
        -webkit-box-shadow: 0 0 10px var(--nutralShadow);
        box-shadow: 0 0 10px var(--nutralShadow);
        margin:16px auto;
        padding:16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width:450px;

        max-width: fit-content; 
        color: var(--primaryDark);
    }

    .form-box select:invalid,
    .form-box select option[value=""] {
        color: var(--nutralShadow);
    }   
/*    .form-box select:disabled {
    }*/

    .form-box input[type=text], .form-box input[type=password], .form-box select {
        border-radius: 0px;
        height: 45px;
        width:400px;
        font-size: 16px;
        max-width: 80vw;
        border: 0;
        color: var(--primaryDark);
        box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,.2);
    }
    .form-box select {
        cursor: pointer;
        padding-right: 13px;
        background-color: inherit;
        color: var(--primaryDark);
    }
    .form-box select.unused_select {
        color: var(--nutralDark);

    }
    .form-box input[type=submit] {
        border-radius: 10px;
    }
    .form-box hr {
        width: 70%;
        border-top: 1px solid var(--nutralShadow);
    }
    .form-box .options em {
        background: var(--primary);
        border-radius: 30px;
        padding: 5px;
        font-size: 24px;
        line-height: 200%;
        color: #fff;
    }
    .form-row {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
   
    #giftcard_lead b {
        text-align: center;
        font-size: 24px;
    }
    /* 
    .image_background_text {
       min-height: 600px;
    }
    */
    .image_background_text_center   {
        max-width: var(--site-width);
        display: flex;
        margin: auto;
        height: inherit;
        flex-direction: row-reverse;
        justify-content: center;
        gap: 10px;
        padding: 10px 10px 15px 10px;
    }

    .image_background_text_center > img {
        object-fit: contain;
        align-self: end;
        max-height: 500px;
        max-width: 80vw;
        width: 650px;
        height: 400px;
    } 


    .image_background_text_center > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .image_background_text_center * {
            width: fit-content;
    }


@media (max-width: 1250px) {
    .image_background_text_center {
        flex-direction: column-reverse;
        align-items: center;
    }
    .image_background_text_center > img {
        align-self: center;
    }
}


@media (max-width: 991px) {
    .title_box.upshift.modern_title_box {
        transform: translateY(calc(-100px - 100%));
    }
    .top_cat_list>li>a {
        font-size: 14px;
        display: block;
        line-height: 1.3;
    }
    .title_box h1 {
        font-size: 18px;
    }
    .title_box h2 {
        font-size: 16px;
    }
    /* .cstmr_card.sctmr_list {
        width: 100%;
    } */
    

    .cstmr_attributes_grid > .stars_view {
        width: 82px;
    }
    .cstmr_card.sctmr_list .cstmr_attributes_grid > .stars_view {
        margin: auto;
    }
    .cstmr_card.sctmr_list .cstmr_reviews_count {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        text-align:right;
    }
    .cstmr_card.sctmr_list .cstmr_card_content .address {
        font-weight: 400;
        font-size: 12px;
    }
    .cstmr_card.sctmr_list .cstmr_card_content .description {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
    }


    .cstmr_card.sctmr_list .cstmr_card_bottom .buy-online {
        font-size: 12px;
        margin-right:12px;
    }
    /* .cstmr_card.sctmr_list {
        margin: 0 0 22px 0 !important;
    }
     */

    .image_background_text_center > img {
        max-width: 100%;
        max-height: 230px;
        object-fit: contain;
/*        padding: 0 10px;*/
    }

    .offer_sale {
        font-size: 24px;
        padding-right: 100px;
    }

    /* .category_main_cards {
        justify-content: space-evenly;
        
    } */

    .container.content-area {
    min-height: 33px;
    }
    /*.title_box h1 {
        font-size: 18px;
    }*/
   /* .hero_area .title_box h2 {
        font-size: 14px !important;
    }*/
    p.shortContent {
        min-height: auto;
    }
    .couponInfoTitle, .couponInfoCouponPrice, .couponInfoRegularPrice, .couponInfoBottom, .couponInfo {
        height: auto;
    }
    #coupon {
        display: block;
    }
    .couponDownloaded {
        padding-top: 0;
    }
    .top-link > li:first-child em, .top-link > li:first-child a {
        color: #fff700!important;
        /*font-size: 22px;
        padding-top: 10px;
        line-height: 170%;
        */
    }
    .sameType p.shortContent {
        min-height: 105px;
    }
    .menuLinks {
        margin-left: 0px;
        margin-right: 0px;
    }
    
}
.hero_form button span {
    display: inline-block;

}
.hero_form button em {
    display: none;
}

/* @media only screen and (min-device-width: 480px){ */

    .cool-slide {
        scrollbar-width: auto;
        scrollbar-color: #ce1d66 #fff;
        /* var(--secondary) var(--white); */

    }
    .cool-slide-oposit {
        scrollbar-color: #ffffff #ffffff ;
    }
    /* Chrome, Edge, and Safari */
    .cool-slide::-webkit-scrollbar {
        width: 16px;
    }
    .cool-slide::-webkit-scrollbar-track {
        background: var(--white);
    }
    .cool-slide.dark-slide::-webkit-scrollbar-track {
        background: #202020;
    }
    .cool-slide-oposit::-webkit-scrollbar-track {
        background: var(--secondary);
    }
    .cool-slide::-webkit-scrollbar-thumb {
        background-color: var(--secondary);
        border-radius: 10px;
        border: 3px solid var(--white);
        cursor: move; /* fallback if grab cursor is unsupported */
        cursor: grab;
    }
    .cool-slide.dark-slide::-webkit-scrollbar-thumb {
        border-color: #202020;
    }
    .cool-slide-oposit::-webkit-scrollbar-thumb {
        background-color: var(--white);
        border-color: var(--secondary);
    }
/* } */


@media (min-width: 1200px) and (max-width: 1399px) { 
    .highlight_tag::before{
        left: 24px;
    }
    .icon_carousel .item img{
        width: 160px !important;
        height: 192px !important;
    }
}

.app_download_banner .wp_content h4 {
    margin-right: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {

    .img_box img{
        height: 384px;
    }

    .icon_carousel .item img{
        width: 128px !important;
        height: 160px !important;
    }

    .button_carousel .btn{
        width: 352px;
    }
}

@media (max-width: 1199px){

    .hover_tool{
        top: -88px;
    }
    .sm_icon_box .icon{
        width: 128px;
    }

/*    .banner .overly_content{
        padding-top: 64px;
        padding-left: 8px;
        padding-right: 8px;
    }*/

}

@media (max-width: 991px) {
    /* #tags_quick_link.tags-mobile-column-design span::before{
        display: inline-block;
        content: '';
        -webkit-border-radius: 0.375rem;
        border-radius: 0.375rem;
        height: 0.45rem;
        width: 0.45rem;
        margin-left: 0.5rem;
        background-color: #000000;
    } */
    
    .tags_anchore {
        scroll-margin-top: 30px !important;
    }
    
    header .logo_top{
        margin-right: 15px;
    }

    .bottomNav, .connectedcatTitle ,h2.modtitle  {
        margin-left: 10px;
        margin-right: 10px;
    }

    .container_top{
        padding-left: 25.6px;
        padding-right: 25.6px;
        box-sizing: border-box;
    }
    
    .header_bottom {
        z-index: 850;
    }

    .header_bottom li:first-child{
        border: none;
    }

    .mobile_nav_area{
        display: block;
    }
    .hamburger-menu{
        display: inline-block;
    }
    .ofcavas-menu{
        display: block;
    }
    .header_top{
        display: none;
    }

    .hero_form_wrapper .search_popup {
        top: 177px;
    }
    .hero_form .location {
        grid-column-start: 1;
        width:100%;
        border-right: none;

    }
    .hero_form .location input {
        border-bottom: 1px solid var(--nutralShadow);

    }
    .hero_form .search input {
        border-right: 1px solid var(--nutralShadow);
        border-top: 1px solid var(--nutralShadow);
        border-bottom: 1px solid var(--nutralShadow);
        border-left: 0;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }
    .hero_form [type=submit] {
        grid-column-start: 2;
        grid-row-start: 1;
        width:100%;
    }
    .hero_form button {
/*        height: 60px;*/
        border-left: 1px solid var(--nutralShadow);
        border-top: 1px solid var(--nutralShadow);
        border-bottom: 1px solid var(--nutralShadow);
        border-right: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2;
    }
    .search_popup .get_location {
        display: none;
    }
    .hero_form .pick_location {
        width:100%;
        background-color: var(--primary);
        border-radius: 32px;
    }

    .hero_form .search {
        width:100%;
    }

    .hero_form_wrapper:focus-within .hero_form {
        opacity: 1;
    }
    .hero_form.active{
        opacity: 1;
        pointer-events: auto;
    }
  
    .sm_icon_box .icon {
        width: 96px;
    }

    .lest_articals{
        background-size: cover;
    }

    .banner_lg p {
    
        line-height: 1.2;
    }
    
/*    .banner .overly_content{
        padding: 16px 8px;
    }*/
    .sm_img_box{
		font-size:14px;
    }
    .discount_banner{
        text-align: center;
    }
    .highlight_tag{
        display: none;
    }
    .discount_banner_2 h2{
        padding: 32px 0;
    }

    .icon_box{
        padding: 48px 16px;
    }

    .select-menu .options{
        width: auto;
    }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {


/*    .search_popup{
        max-width: 960px;
    }*/
    .logos{
        padding: 80px 0;
    }

    .sm_icon_box .icon {
        width: 48px;
        height: 64px;
        line-height: 64px;
    }
/*    .title_box {
        max-width: calc(100vw - 32px);
        padding: 1rem 2.5rem;
    }*/
/*    .title_box h2::before{
        bottom: -1rem;
    }*/
    .logos .title_box{
        display: none;
    }

    .footer_social p{
        padding-bottom: 0;
    }
    .footer_social a{
        margin-top: 80px;
    }
    .info_iconBoxs{
        display: block;
    }
    .icon_box{
        width: 100%;
        padding:80px;
        border-right: none;
        border-bottom: 1px solid #495057;
    }
    .icon_box:last-child{
        border: none;
    }
    .button_carousel_area .container_top{
        max-width: 100%;
        padding: 0;
    }
    .button_carousel .btn{
        
        width: 320px;
    }

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
     #giftcard_lead {
        margin:auto;
    }
    .hero_form input {
        padding-right: 4rem;
    }
    .container_top{
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        box-sizing: border-box;
    }
    .search_result_list li{
        padding-bottom: .7rem;
    }
    .search_result_list .checkmark{
        width: 3rem;
        height: 3rem;
        top: 0;
    }

    .hero_form .form_group .icon{
        right: 1.2rem;
    }

/*    .search_popup{
        max-width: 450px;
    }*/
    .hover_tool{
        top: -6rem;
    }
    #filterBoxByQuestions-form .select-menu .select-btn {
        /* white-space: nowrap; */
        display: flex;
        align-items: center;
    }

}
@media (max-width: 362px) and (min-width:300px) {
    /*just to make sure its obvious for a mobile user that the menu extends out of the screen */
    /* .menu-nav-item:not(.menuSelected):first-child {
        margin-right: 31px;
    } */
    .menu-nav-item {
        margin-left: 20px;
    }
}

@media (max-width: 380px){
    .sm_icon_box .icon{
        width: 2.3rem;
    }

}

@media  (max-width: 992px) {

/*    .search_popup {
        width:  95vw;
        max-width: none;
    } */

    .hero_form button span {
    display:  none;
    }
    .hero_form button em {
        display:inline-block;
    }
    .lest_articals .img_box_content {
        min-height: unset;
        height: fit-content;
    }
    /*.btn {
        white-space: break-spaces;
    }*/
    /* #first-sentence{
        max-height: 3em !important;
    } */
    #fav-badge {
        top: 0;
    }
}
.sub-menu-box {
    display: none;
}
.center {
    text-align: center;
}
@media (max-width: 693px){

    /* phone display for the customer card */
    *:not(.swiper-slide) > .cstmr_card_content .list_groups {
        height: auto;
    }
    *:not(.swiper-slide) > .cstmr_card {
        min-height: unset;
    }

    *:not(.swiper-slide) > .cstmr_card {
        width: calc(100vw - 20px);
    } 
    #more .cstmr_card {
        width: calc(100vw - 55px);
    }
    *:not(.swiper-slide) > .cstmr_card .swiper-slide {
        width: 100%;
    }
    /* this is evil */
    *:not(.swiper-slide) > .cstmr_card .img_container, *:not(.swiper-slide) > .cstmr_card .img_container img {
        width: 100%;
    }
}
@media (max-width: 385px){
    .filter-element {
        font-size: 11px;
    }
    .filter-element > button {
        height:100%
    }
}

@media (max-width:1280px){
    /* .filter-options .style_fig::before {
        content: "+";
        position: absolute;
        left:0;
        top: 50%;
        font-size: 24px;
        font-weight: 700;
        transform: translateY(-50%);
        padding-top: 10px;
    }
    
    .filter-options .style_fig.open::before {
        content: "-";
        font-size: 38px;
        transform: translateY(-55%);
        font-weight: 100;
    } */
    /* p.style_fig:after {
        content: " ";
        display: block;
        bottom: -8px;
        position: absolute;
        right: 0;
        background-color: #CE1D66;
        width: 24px;
        height: 3px;
    } */

    .whatsapp-container-modal{
        width: 90%;
        min-width:unset !important;
    }

    .whatsapp-container-modal .whatsapp-header-title .main-name{   
        width: unset;
    }

    .hero_form {
        opacity: 0;
        pointer-events: none;
        border: none;
        display: grid;
        box-shadow: none;
        border-radius: 0;
        height: auto;
        grid-template: 40px 40px / 70% 30%;
        z-index: 950;
        row-gap: 16px;
        padding: 16px;
        background: white;
        width: 90vw;
        top: 60px;
    }

    /* .tags_controlls,.category_controlls{
        margin: 0 0 25px 10px;
    } */

    .tags-title-column {
        /* width: 250px; */
        margin: auto;
        /* text-align:center; */
    }

    .cstmr_reviews{
        height: auto;
    }
    .suppliersTableFilter .right-title{
        display: block;

    }
    .suppliersTableFilterContent-to-top{
        width: 100% !important;
        padding: 0 !important;
    }

    #suppliersTableFilterContent img{
        display: none;
    }
    
    #suppliersTableFilter .suppliersTableFilter-header {
        font-size: x-large;
        text-align: start;
        position: fixed;
        width: 100%;
        z-index: 20;
        background-color: white;
        top: 30%;
        padding: 5px 15px 0 0;
        box-shadow: 2px 6px 10px rgba(127, 127, 127, 0.3);        
    }
    #suppliersTableFilter{
        border-radius: 30px 30px 0 0;
        width: 100% !important;        
        transition: max-height 1s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%), max-height 1s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
        max-height: 0;        
        height: 80%;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        background: white;
        left: 0;
        right: 0;
        overflow-y: scroll;
        box-shadow: -2px -14px 14px rgba(127, 127, 127, 0.3);
        
    }
    .openFilter{
        max-height: 80% !important; 
    }

    /* Share button popup */ 
    .dropdown-container{
        position: unset;
    }   
    #shareDropdown{
        border-radius: 30px 30px 0 0;
        width: 100% !important;        
        transition: max-height 1s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%), max-height 1s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
        max-height: 0;        
        height: 220px;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        padding:0 30px;
        background: white;
        left: 0;
        right: 0;
        overflow-y: scroll;
        box-shadow: -2px -14px 14px rgba(127, 127, 127, 0.3);        
    }
    .dropdown-content.show{
        max-height: 220px !important; 
    }
    /* Share button popup */
    
    /* #suppliersTableFilterContent{
        width: 100% !important; 
        z-index: 0;
    }
     */
    #suppliersTableFilter .title{
        width: 100% !important;
        position: sticky;
        z-index: 99999;
        background-color: white;
        top: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 14px;
        font-size: 18px;
        font-weight: bold;
        box-shadow: -1px 7px 14px rgba(127, 127, 127, 0.3);
    }
    /* #selected_filters{
        padding: 10px;
        position: sticky;
        bottom: 0;
        background-color: white;
        box-shadow: 6px -8px 14px rgba(127, 127, 127, 0.3);
    } */
     /*
    #table_display_control .container_top{
        padding: 8px;
        position: static;
        top: auto;
        z-index: 0;
    }
    */
    .select-table .sort-select-table-element{
        display: block;
    }

    /* .filter-options.open{
        padding: 0 !important;
        padding-right:26px !important;
    } */
    #filter-option-sort{
        display: none;
    }

    .select-table .sort-select-table-element > button{
        cursor: pointer;
        color: inherit;
        border-radius: 12px;        
        border: 1px solid var(--gray-color-nutral-color-nutral-ultra-light, #ececec);
        background: var(--general-color-white, #fff);
        box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
        padding: 10px 14px;
        text-align: right;
        /* width: 30%; */
        width: 100%;
        font-size:16px;
    }

    .sort-select-table-element.sort-selector-to-top button{
        border-radius: 100% !important;
        color: white;
        border: 1px solid var(--gray-color-nutral-color-nutral-ultra-light, var(--tertiary));
        background: var(--tertiary);        
    }
    .select-btn {
        font-size: 25px;        
    }

    .sort-select-table-element.sort-selector-to-top{
        position: fixed;
        bottom: 19px;
        right:19px;
        z-index: 10;
        width: 50px;
        height: 50px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .sort-select-table-element.sort-selector-to-top span{
        display: none;
    }
    
    #suppliersTableFilter .title .right-title{
        display: block;
        margin: auto;
        text-align: center;
    }
    

    #suppliersTableFilter .title .left-title{
        margin-left: 10px;
        display: block;
    }

    #suppliersTableFilter .close-btn{
        display: block;
    }

    #filter-option-sort-mobile{
        display: block;
        /* margin-top:10px; */
        font-size:14px;
    }
    #filter-option-sort-mobile .select-menu .select-btn{
        width: 99%;
        margin-right:-20px
    }

    .select-menu .select-btn{
        width: auto;
    }

    #filter-option-sort-mobile .select-menu .options{
        width: 93%;
        margin-right:-20px
    }

    #filterBoxByQuestions-form .filter-options.open{
        padding-right: 0 !important;
    }

    #filterBoxByQuestions-form .filter-options .fa-sort-alt-down{
        display: none;
    }
    #filter-option-filters .select-btn .sBtn-text i{
        display: none;
    }
    .select-menu .select-btn{
        /* padding:5px; */
        font-size: 13px;
    }
    #attributes_container{
        width: 100%;
    }
    #filter-option-filters #attributes_container{
        width: 90%;
    }
    #filterBoxByQuestions-button{
        width:10%;
    }
    /* .filter-container.open {
        width: 90%;
    } */
    .filter-options-container {
        padding:0 45px 0 45px;
    }
    .filter-container{
        margin-bottom: 9px;
    }
    /* p.style_fig{
        margin-bottom: 15px;
    } */
    .filter-container.open .filter::before{
        right: 54px;
    }
    .right-title{
        display: none;
    }
    .mobile-right-title{
        display: flex;
        flex-direction: row;
        align-content: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: auto;
    }
    .img_double_ban{
        width: unset;
    }

    #filter-option-location p.style_fig:first-child{
        border-top: 1px solid #E3E3E3;
    }
    .find-suppliers-by-map{
        display: none;
    }
    /* .cat-header-pic{
        width: 30%;
    } */
    .cat-header{
        padding-left: 1px;
    }
    #table_display_control .container_top{
        padding: 14px 0 0 9px;
    }
    #readMoreLess-description{       
        margin-top: 8px;
    }

    .cat_name {
        font-size: 20px;
        margin: 0 0 3px 0;
    }
    .row h2 {
        margin-top: 0;
        font-weight: 700;
        font-size: 15px;
    }
    .cat_h2 {
        font-weight: 500 !important;
        margin: 0 0 3px 0 !important;
    }
    #first-sentence div {
        font-size: 14px;
    }

    .font-awsome-footer:not(.open){
        .menuBottom{
            display: none;
        }
    }

    .font-awsome-footer{
        position: relative;
    }
    .footer-middle .font-awsome-footer::before{
        content: "";
        width: 8px;
        height: 8px;
        border: 2px solid black;
        border-top: 0;
        border-left: 0;
        transform: rotate(45deg);
        opacity: 0.7;
        left: 10px;
        top: 23px;
        position: absolute;
    }

    .footer-middle .font-awsome-footer.open::before{
        transform: rotate(225deg);
    }
}
@media (max-width:992){
    .select-menu .options{
        width:100%
    }
}

@media screen and (min-width: 480px) {
    .flex { display: flex; flex-wrap: wrap; }
    .flex > .col-sm-2 { flex: 1; width: auto; }
    /*
    #mains_container .swiper-backface-hidden .swiper-slide{
        height: 297px;
    }
    */
}

@media (min-width: 1281px){
    .cstmr_card:not(.sctmr_list){
        .cstmr_card_content .description{            
            min-height: 73px;
        }
    }

    .all-suppliers-section-sticky {
        position: relative;
        --side-column-width: 956px;
        /* --site-width: 1024px; */
        width: var(--site-width);
        display: grid;
        grid-template-columns: auto var(--side-column-width);
        text-align: right;
        margin: auto;
    }
    .table-display-control-sticky.full-width{
        grid-column: 1 / 3 !important;
    }
    .table-display-control-sticky {
        grid-column: 2 / 3;
        grid-row: 1 / -1;
    }
    .suppliers-table-filter-sticky {
        grid-column: 1 / 2;
        grid-row: 1 / -1;
    }
    .suppliers-table-filter-sticky.fixed {
        position: fixed;
        width: 307px;
        bottom: 0;
        height: 100vh;
        overflow-y: hidden;
    }
    .suppliers-table-filter-sticky.bottom-fixed {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .filter-container.open .filter:hover::before {
        font-size: 10px;
        background: var(--secondary);
        content: "\2713";
    }
}
/* .whatsapp-container{
    position: relative;
    cursor:default;
    z-index: 99999;
}

.whatsapp-form{
    position: fixed;
    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);
    background-image: url("/assets/images/whatsapp-bg-img.webp");    
    background-repeat: no-repeat;
    min-width: 370px;
    height: 420px;
    z-index: 10;    
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}
.whatsapp-header{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;        
    padding: 10px;
    background: #e6e6e6;
    width: 100%;
}

.whatsapp-body{
    flex: 1;
    width: 100%;
    padding: 10px;
}

.whatsapp-message{
    position: relative;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    width: fit-content;
    margin-right: 15px;
}
.whatsapp-message::before{
    content:"\A";
    border-style: solid;
    border-width: 8px 0 8px 15px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -15px;
}

.whatsapp-header img{
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.whatsaoo-footer {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    padding: 10px;
    background: #e6e6e6;
    gap:5px;
    align-items: center;
}

.whatsaoo-footer input{    
    flex:1;
    border: unset;
    padding: 10px;
    border-radius: 10px;
}

.whatsaoo-footer button{
    background-color: transparent;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: white;
    border: unset;
}

.whatsaoo-footer button:hover{
    opacity: 0.75;
}
.whatsapp-container-bg{
    background: #414141;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    opacity: 0.045;
}
.current-date{
    background-color: white;
    width: fit-content;
    padding: 5px;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 15px;
    font-size: 12px;
}
.whatsapp-header-title{
    display: flex;
    flex-direction: column;
} */

.whatsapp-container-modal{
    display: none;
    position: fixed;
    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);
    background-color: white;    
    /* background-image: url("../assets/images/background-modal.jpg");
    background-repeat: no-repeat; */
    min-width: 413px;
    /* max-width: 100%; */
    height: 525px;
    z-index: 1000;    
}

.whatsapp-container-modal.open{
    display: flex;
    /* flex-wrap: wrap; */
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;    
    height: auto;
}

.whatsapp-container-modal .modal-footer {
    width: 100%;    
}

.whatsapp-container-modal .modal-footer .loading{    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}


.whatsapp-container-modal .modal-footer button{
    width: 100%;
    height: 60px;
    color: white;
    background-color: #06CF04;
    border: unset;
    margin-top: 50px;
    font-weight: 700;
}

.whatsapp-container-modal .modal-footer button:hover{
    opacity: 0.75;
}

.whatsapp-container-modal .modal-header{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.whatsapp-container-modal .header-icon {
    position: absolute;
    color: var(--white);
    background-color: #06CF04;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 50px;
    margin: auto;
    top: 0;
    right: 50%;
    transform: translate(50%, -50%);
    display: flex;            
    align-items: center;
    justify-content: center;
}

.whatsapp-container-modal .whatsapp-header-title{
    width: 100%;
    display: flex;    
    flex-flow: row wrap;
    align-items: center;
    /* justify-content: space-evenly; */
    gap: 5px;
    padding: 20px;
    font-weight: 600;   
    justify-content: center;
}

.whatsapp-container-modal .whatsapp-header-title .main-name{   
    width: 250px;
    text-align: center;
}

.whatsapp-container-modal .close-btn{    
    width: 30px;
    height: 30px;
    border: unset;
    border-radius: 50%;
    background-color: #c6c6c6;
    /* scale: 1.2;     */
    margin: 5px;
    color:white;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.whatsapp-container-modal .input-container{
    display: flex;
    flex-direction: column;    
    justify-content: center;
}

.whatsapp-container-modal .close-btn:hover{
    scale: 1.1;
}

.whatsapp-container-modal .whatsapp-header-title img{
    vertical-align: middle;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: relative;
    object-fit: cover;
}

.whatsapp-container-modal .whatsapp-header-title .online::before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #06CF04;
    position: absolute;
    bottom: 0px;
    left: 15px;
    border: 1px solid white;
}

.whatsapp-container-modal .modal-body{        
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    width: 100%;
    gap:10px;
    padding:0 20px 0 20px;
    flex: 1;    
}

.whatsapp-container-modal .modal-body .title{      
    margin-bottom: 30px;
}

.whatsapp-container-modal .modal-body .error-name,.whatsapp-container-modal .modal-body .error-phone{      
    color:red;
    text-align:right
}

.whatsapp-container-modal .modal-body input{        
    border:1px solid #888888;
    padding: 0px 8px 0 20px;
    margin-bottom: 10px;
    height: 50px;
    direction: rtl;
}

.whatsapp-container-modal .modal-body input::placeholder{
    padding: 5px;
    color: #888888;
}      

.whatsapp-container-modal .modal-body {
    text-align: center;    
}

.whatsapp-container-modal form{
    width: 100%;
    flex: 1;    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.whatsapp-image-container{
    position: relative;
}
.swal2-container.swal2-rtl.swal2-center.swal2-backdrop-show .swal2-popup{
 font-size: 13px !important;
}

h2#swal2-title{
    font-size: 20px;
}
.cstmr_card_info_container{
    flex:1;
    padding: 12px;
    padding-top: 1rem;
}

.sctmr_list .cstmr_card_info_container{
    padding-top: 0 !important;
}

.swal2-confirm,.swal2-cancel{
    width: 150px !important;
}

/* #filter_count_1_14,#filter_count_1_1{
    display: none;
} */

.gallery-categories {
    padding: 2px 15px 8px 0;
    display: flex;
    gap: 4px;
}

.gallery-categories button{
    color: #fff;
    background: var(--primary);
    border: 0px;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 13px;
}

.gallery-categories button .centered{
    text-align: center;
    justify-content: center;
}

#modal-main-images .modal__container header > .change_gallary{
    background: #fff;
    color: var(--primary);
    border: 0px;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 13px;
}

.gallery-categories button.active,.gallery-categories button:hover, .selected_gallery{
    color: white!important;
    background-color: var(--secondary)!important;
}

.opening-date{
    font-size: 18px;
    font-weight:700;
    line-height: 1.1em;
}

.opening-date .open-status{
    color:green;
}

.opening-date .will-open-status{
    color:var(--secondary);    
    font-size: 16px;
}

.cat-title,.tags-title{
    margin-top: 25px !important;
}

.tags_anchore {
    scroll-margin-top: -30px;
}
    
#articleShowBig .se-image-container figure{
    width:unset !important;
}

#articleShowBig .se-image-container figure img{
    height: 400px !important;
    object-fit: contain;
}

#suppliersTableFilterContent img{
    cursor: pointer;
}