.header-padding {
    padding-top: 122px;
}

.header-padding ul.breadcrumb {
    top: 94px;
}

.down-header {
    transition: top 0.5s ease-in-out, background;
    z-index: 999;
    top: -140px;
    position: fixed;
}
.down-header > *:not(.ofcavas-menu) {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}
.fixed-header > *:not(.ofcavas-menu) {
    opacity: 0;
    opacity: 1;
}
.fixed-header {
    opacity: 0;
    top: 0;
    opacity: 1;
}
.tags_anchore {
    position: relative;
    top: -50px;
    display: block;
    height: 1px;
    width: 1px;
    
}


.loading-container {
    margin: 10px;
    margin-bottom: 50px;
    width: 297px;
    max-width: 100vw;
    min-height: 558px;
    margin: 2rem;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.loading-container > * {
    background-color: #E8E8E8;
    color:#C6C6C6;
    margin-left: auto;
}
.loading-image {
    display: block;
    width:297px;
    height: 297px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    font-weight: bold;
    margin:0;
    animation: fade 2s ease-in-out infinite alternate;
}
.loading-stripe1,
.loading-stripe2,
.loading-stripe3,
.loading-stripe4,
.loading-stripe5 {
    animation: stretch 1.5s ease-in-out infinite alternate;
}
.loading-stripe1 {
    height: 20px;
    margin:8px 8px 0 8px;
}
.loading-stripe2 {
    height: 20px;
    margin:8px 8px 0 auto;
    width: 70%;
}
.loading-stripe3 {
    margin:8px 8px 0 8px;
    height: 70px
}
.loading-stripe4 {
    height: 37px;
    width: 35%;
    margin: 8px auto 0 8px;
}
.loading-stripe5 {
    height: 30px;
    margin: 8px 8px 0 8px;
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes stretch {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(1.2);
    }
}

.position-relative {
    position: relative;
}

/* 
.left-icon {
    position: sticky;
    right: 0;
    left: 0;
    margin-right: -40px;
    transform: translateY(-50%);
} */
#exit_div {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 25;
    display: none;
}
#exit_div.active {
    display: block;
    background: rgba(71, 71, 71, 0.53);
    z-index: 990;

}

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


.table > table {
    width:100%;
}

output.counter {
    float: left;
}

select.show_arrow {
    -webkit-appearance: auto;
}
 #articleShowBig figure.table td {
  border: 1px solid black;
  padding:0 5px;
}

.shake {
    animation: shake 1s infinite;
    animation-iteration-count: 1;

}
.full_banner {
    padding: 15px;
}

.qrcodejs_set {
    display: flex;
    justify-content: center;
    margin: 30px;
}

@keyframes shake {
    0% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(-10px, 0);
    }
    20% {
        transform: translate(10px, 0);
    }
    30% {
        transform: translate(-10px, 0);
    }
    40% {
        transform: translate(10px, 0);
    }
    50% {
        transform: translate(0, 0);
    }
}


.main_distance_indicator {
    position: absolute;
    top: 4rem;
    width: 150px;
    height: 50px;
    background-color: var(--secondary);
    z-index: 2;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    opacity: 0.8;
    font-weight: 700;
}

.filter-icons-gallery {
    position: absolute;
    margin: -26px 5px 0 0;
    top: 29.7rem;
    width: 100%;
    left: 1px;
    height: 25px;
    z-index: 2;
    display: flex;
    border-radius: 100%;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-content: flex-end;
}

.filter-icons-list{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.filter-icons-gallery i{
    background-color: white;
    border-radius: 100%;
    padding: 2px;
    margin: 1px;
    width: 25px;
    height: 25px;
    align-items: center;
    align-content: center;
}

.filter-icons-gallery img {
    border-radius: 100%;
    border: 1px solid var(--secondary);
}

.sctmr_list .main_distance_indicator {
    font-weight: 400;
    bottom: 5px;
    top: unset;
    left: unset;
    right: 5px;
    padding: 4px;
    width: unset;
    height: unset;
    font-size: 11px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}


.sctmr_list .filter-icons-gallery {
    font-weight: 400;
    top: 17rem;
    position: absolute;
    /* right: 10px; */
    left: 77rem;
    padding: 4px;
    /* width: unset; */
    /* height: unset; */
    /* font-size: 11px; */
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 10px;
}

.sctmr_list .nomobile {
    display: none;
}
.main_distance_indicator:empty {
    display: none;
}
.cat_bottom_text ul {
    padding-inline-start: 40px;
}
.cat_bottom_text ul > li {
    list-style: disc; 
}

.cat_bottom_text, .cat_bottom_text h3 {
    line-height: 1.4;
}
.cat_bottom_text img {
    /*
    width: 1600px;
    height: 900px;
    */
    max-width: 100%;
    max-height: 350px;
    object-fit: contain;
}

#business_attributes .btn-container {
    margin-bottom: 45px;
    margin-top: 12px;
}
.business_attributes_form label {
    cursor: pointer;
}
.business_attributes_form .accordion-content ul {
    display: flex;
    column-gap: 23px;
    padding: 20px 10px;
    flex-wrap: wrap;
    background: #f7f7f7;
}
.icon-form-group {
    display: flex;
    align-items: center;
}
#modal-message {
    z-index: 999;
}
#model-add-buisness .modal__container {
    width: 500px;
}

#modal-main-images-mobile .modal__container,
#modal-gallery .modal__container {
    background-color: #202020;
    color: var(--white);
    max-height: 100vh;
    height: 100vh;
    width: 100vw;
    padding: 0;
}

#modal-gallery .modal__header {
    position: relative;
}
#modal-gallery .swiper-slide,
#modal-gallery .modal__content {
    height: calc(100vh - 10rem);
}
#modal-gallery .swiper-slide > img {
    object-fit: contain;
}

.modal__content .image_review {
    position:absolute;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color:#202020b0;
    color: var(--white);
    padding:16px;
    align-content: flex-start;
}
.modal__content .image_review > .fullName {
    margin-left: 24px;
}
.modal__content .image_review > .review-date,
.modal__content .image_review > p {
    width: 100%;
    text-align: right;
}
#modal-gallery .swiper-pagination {
    top:0;
    bottom: unset;
    color: var(--white);
    width: fit-content;
    left: 50%;
    transform: translate(-50%, 0);
}

p.titleLike {
        color: var(--primary);
    position: relative;
    padding-bottom: 4px;
        font-size: 22px;
    color: var(--gray_bb);
    margin-bottom: 20px;
    font-weight: 700;
}
p.titleLike:after {
        position: absolute;
    content: " ";
    width: 100px;
    height: 2px;
    right: 2px;
    bottom: 0;
    background-color: var(--secondary);
}
.white_container {
/*    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);
    background-color: var(--white);
}

.uploaded_images_display {
/*    width: 120px;*/
    padding-top: 9px;
    display: flex;
    gap:5px;
    row-gap: 25px;
    flex-wrap: wrap;
}
.image_preview {
    position: relative;
}
.image_preview > .fa-cancel, .form-group-image > .fa-cancel {
    position: absolute;
    top: 0;
    right: 0;
    color:black;
    background-color: white;
    cursor: pointer;
}

.uploaded_images_display img {
    width: 120px;
    height: 120px;
    border: 1px solid lightgray;
    border-radius: 8px;
    object-fit: contain;
}
.image_upload_lable  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border: 1px solid lightgray;
    border-radius: 8px;
    background-color: var(white);
    color: gray;
    font-size: 80px;
    cursor: pointer;
}
.image_upload_animation {
    width: 120px;
    height: 120px;
    border: 1px solid lightgray;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin_main_pannel {
    z-index: 9;
    background-color: var(--white);
    color: black;
}
.admin_main_pannel_links {
    position: absolute;
    top:0;
    z-index: 9;
    background-color: var(--white);
    color: black;
    font-size: 1.5em;
}
.admin_main_pannel_links .select2-container {
    font-size: 14px;
}
.admin_main_pannel * {
    color:black;
}

.products-container {
    max-width:  var(--site-width);
    margin: auto;
}

.carousel_top_heading span{
    color: var(--secondary);
    font-size: 1.6rem;
}

.clean_logo em {
    cursor: pointer;
}
/*================ icon carousel area start =================*/

/* nav CSS */
.icon_carousel .owl-stage-outer{
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.icon_carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border: 1px solid var(--primary) !important;
    transition: .2s;
}

.icon_carousel .owl-nav button:hover{
    background: var(--white);
}

.icon_carousel .owl-nav .owl-prev{
    right: 0;
    color: var(--white);
    font-size:20px
}

.icon_carousel .owl-nav .owl-next {
    left: 0;
    color: var(--white);
    font-size:20px
}

.icon_carousel .owl-nav .owl-prev:hover{
    right: 0;
    color: var(--primary);
    font-size:20px
}

.icon_carousel .owl-nav .owl-next:hover {
    left: 0;
    color: var(--primary);
    font-size:20px
}

.icon_carousel{
    display: flex;
    align-items: flex-end;
}

.icon_carousel .item{
    text-align: center;
}

.icon_carousel .item img{
    width: 12rem !important;
    height: 15rem !important;
    display: inline-block !important;
}

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

/*================ discount banner 2 area start =================*/

.discount_banner .container {
    cursor: pointer;
}
.discount_banner_2{
    background: var(--tertiary);
    padding: 10px 0;
    color: var(--primaryDark);
    /*margin: 20px;*/
    /*var(--primaryDark);*/
}
.discount_banner_2 strong{
    font-size: 33px;
}

.discount_banner_2 strong span{
    font-size: 48px;
    font-weight: 700;
}

.discount_banner_2 .btn{
    font-size: 19px;
    font-weight: 700;
    border-radius: 10px;
    background: var(--secondary);
    color: var(--white);
    padding: 13px 95px;
}

.discount_banner_2 .btn:hover{
    color: var(--secondary);
    background: var(--white);
}

.banner_carousel .owl-dots{
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 100%;
    text-align: center;
}

.message {
    font-size: 24px;
    margin: 30px;
}
#search_popup_mini_title:empty {
    display: none;
}
.wp_content {
    cursor: pointer;
}
.search_popup {
    left: 50%;
    top: 470px;
    transform: translateX(-50%);
    width: 1216px;
    background: var(--white);
    padding: 15px 80px;
    box-shadow: -0.87px 0.5px 7px #BEBEBE;
    border-radius: 5px;
    max-height: min(1200px, 75vh);
    overflow: auto;
    z-index: 909;
    pointer-events: none;
}

.search_popup.current {
    display: block;
    pointer-events: auto;
}

.dark_overly{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(71, 71, 71, 0.53);
    z-index: 400;
    opacity: 0;
    pointer-events: none;
}
.no-z-index {
    z-index: unset;
}

.dark_overly.current{
    opacity: 1;
    pointer-events: auto;
}

.search_popup_body{
    min-height: 70rem;
}

.search_location_options button {
    display: block;
    color: var(--primary);
    text-align: center;
}

.search_result_list h4 {
    font-size: 16px;
    /*text-decoration: underline;*/
    color: var(--primary);
    line-height: 1.40;
    padding-bottom: .8rem;
    font-weight: 700;
}

.search_result_list li{
    padding-bottom: 1rem;
}

.search_result_list li a {
    display: flex;
    align-items: center;
    font-size: 35.2px;
    color: #B0B0B0;
    line-height: 1.40;
}
.search_result_list li a >*:first-child {
    align-self: start;
    padding: 0;
    margin: 0;
    color: var(--primary);
    /*padding-top: 0.7rem;*/
}

.search_result_list li a:hover{
    text-decoration: none;
    /*color: var(--tertiary);*/
}

.search_result_list li a img{
    width: 32px;
    margin-left: .8rem;
}

.search_result_list li a .square{
    width: 4rem;
}

.search_result_list .checkbox-field{
    padding-right: 5rem;
    line-height: 2;
}

.search_result_list .checkbox-field span{
    font-size: 35.2px;
    color: #B0B0B0;
}

.search_result_list .checkmark{
    width: 4rem;
    height: 4rem;
    border: none;
    background: #000000;
    border-radius: 5px;
    top: -5px;
}

.search_result_list .checkmark::after {
    content: '';
    background: url('../img/check.png') no-repeat center;
    background-size: contain;
    position: absolute;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    height: 100%;
}

.distance_display {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.transparent_overly{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 8;
}

.transparent_overly.active{
    pointer-events: auto;
}


.ct-why img{
	object-fit: contain;
}

.facebook-links {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    margin-top: 25px;
    text-align: center;
}
.facebook-links img.lazy-chance {
    width: 287px;
    height: 65px;
}
.facebook-links p {
    font-size: 12px;
    line-height: 1.4;
}

.facebook-links > a {
    width: 47%;
}
.social-title {
    font-size: 14px;
    color: var(--primary);
}
.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    justify-content: flex-start;
    max-width: 650px;
    margin-top: 25px;
    margin-bottom: 25px
}
.social-links > li > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#bt-language span:hover {
    color: var(--yellow);
}
#bt-language a:hover {
    color: var(--tertiary);
}
/*================ buttons carousel start =================*/

.button_carousel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--largeGap);
    justify-content: space-around;
}
.button_carousel .btn:focus {
    color: var(--white);
}
.button_carousel .item{
    text-align: center;
}

.button_carousel .btn{
    display: inline-block;
    width: 26.5rem;
    padding: 2.2rem 1rem;
    color: var(--white);
    background: var(--secondary);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 1rem;
    border: 2px solid transparent;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.button_carousel .btn:hover{
    color: var(--secondary);
    border-color: var(--secondary);
    background: var(--white);
}

.button_carousel .btn.yellow{
    background: var(--primaryDark);
}

.button_carousel .btn.yellow:hover {
    color: var(--primary);
    border-color: var(--primary);
    background: var(--white);
}

.button_carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
}

.button_carousel .owl-nav button img{
    width: 1rem;
}

.button_carousel .owl-nav .owl-next{
    left: -3rem;
}

.button_carousel .owl-nav .owl-prev {
    right: -3rem;
}


/*================ caramel sessions start =================*/


.caramel_sessions p, .caramel_sessions ul, .caramel_sessions ol{
    color: var(--primary );
}

.accordion-item {
    border: none;
    margin-bottom: 3px;
    position: relative;
}


.fa-control-panel {
    position: absolute;
    color: red;
    top: 10px;
    left: 10px;
    z-index: 10;
}


.fa-control-panel:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.cat_faq_contaner button h3{
    margin: 0;
}

.accordion button {
    position: relative;
    /* display: block; */
    display: flex;    
    align-items: center;    
    flex-flow: row nowrap;
    height: 70px;
    text-align: right;
    padding-right: 64px;
    width: 100%;
    /* padding: 22.4px 64px; */
    color: #143359;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
    background: #D2D3D3;
    outline: none;
}
#business_attributes .accordion button {
    padding: 5.4px 64px;
}
#business_attributes label {
    font-size: 16px;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: .8rem;
    width: 1.5rem;
    height: 1.5rem;
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #143359;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: -5px;
    left: 6px;
    width: 3px;
    height: 100%;
    background: #143359;
}

.accordion button[aria-expanded='true'] {
    background: #CEDDEF;
}

.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}
.accordion-content {
    line-height: 1.4;
}
.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 20em;
    transition: .8s;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: .5s;
    background: var(--white);
}

.accordion .accordion-content p {
    padding: 10px 42px 25px 42px;
    color: #143359;
}

/*================ pages links area start =================*/
.pages_links {
    --tri-color: var(--primary);
}
.relatedCategories_wrap {
    --tri-color: var(--secondary)
}
.areaCategories_wrap {
    --tri-color: var(--tertiary)
}
.additionalCategories_wrap {
    --tri-color: var(--primary)
}

.pages_links .title{
    width: 15.7rem;
    height: 3.6rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--white);
    line-height: 3.6rem;
    padding-right: 1.3rem;
    margin-bottom: 1.8rem;
}

.pages_links li a:before {
    content: " ";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid var(--tri-color);
    display: inline-block;
    position: relative;
    top: 1px;
    right: -3px;
}

.pages_links ul{
    padding-right: 3rem;
}

.pages_links li{
    margin-bottom: .3rem;
}

.pages_links li:last-child{
    margin-bottom: 0;
}

.pages_links li a{
    font-size: 18px;
    color: var(--primary);
}

.pages_links li a img{
    margin-left: 1.2rem;
    width: 12px;
    height: 13px;

}

.relatedCategories_wrap .title {
    background: var(--secondary);
}

.relatedCategories_wrap li a:hover{
    color: var(--secondary);
}

.areaCategories_wrap .title {
    background: var(--tertiary);
    color:var(--primary);
}

.areaCategories_wrap li a:hover {
    color: var(--tertiary);
}

.additionalCategories_wrap .title {
    background: #042B45;
}

.additionalCategories_wrap li a:hover {
    color: #042B45;
}

.sm_img_box {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 30px;
}
.hover_zoom_circle img {
    transition: scale 0.5s;
	/*
    max-height: 160px;
    width: 160px;
	*/
    height: 100%;
    width: 100%;
}
.sm_img_box:hover img {
    scale: 1.1;
}
.sm_img_box:hover a {
    color: var(--secondary);
}
.hover_zoom_circle {
    max-height: 160px;
    max-width: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-bottom: 15px;
}
/*================ buttons area start =================*/
.buttons_area_2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.buttons_area_2 .btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45.5rem;
    border: 1px solid #D2D3D3;
    border-radius: 1rem;
    padding: 3rem;
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary);
    text-align: right;
    min-height: 142px;
    margin: var(--largeGap);
    white-space: break-spaces;
}

.buttons_area_2 .btn:hover{
    background: var(--tertiary);
}

.buttons_area_2 .btn:hover .arrow{
    filter: invert(99%) sepia(1%) saturate(0%) hue-rotate(180deg) brightness(105%) contrast(100%);
}

.buttons_area_2 .icon{
    width: 80px;
    height: 80px;
    object-fit: contain;
    flex-shrink: 0;
    margin-left: 2.3rem;
}

.buttons_area_2 .btn .arrow {
    width: 60px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 10px;
}

.buttons_area_2 .btn span{
    margin-left: auto;
}


/*================ contact info area start =================*/

.contact_info{
    background: var(--primary);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-evenly;
    margin-top: 30px;
}

.contact_info_box{
    padding: 1.4rem 0 1.8rem;
    background: var(--primary);
    width: fit-content;
    min-width: 220px;
}
.contact_info_box em {
    color: var(--white);
    font-size: 24px;
}
.contact_info_box p,
.contact_info_box a{
    color: var(--white);
    display: block;
}

.contact_info_box p a{
    display: inline-block;
}

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

.info_iconBoxs{
    display: flex;
}

.icon_box{
    width: 20%;
    flex-shrink: 0;
    text-align: center;
    box-sizing: border-box;
    padding:48px 64px;
    border-right: 1px solid #F2F2F2;
}


.icon_box:hover{
    background: #1f83cf;
    color: var(--white);
}

.icon_box:hover img{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(102%) contrast(102%);
}

.icon_box img{
    width:80px;
}

.icon_box:last-child{
    border-right: none;
}

.icon_box strong{
    font-size:28.8px;
    font-weight: 700;
    padding:16px 0;
}


/*================ footer area start =================*/

/* .menuBottom .fa-whatsapp  {
    color:#fff;
    color: #fff;
    background: linear-gradient(#25d366,#25d366) 14% 84% no-repeat;
    border-radius: 6px;
  } */

#footer-social-links {
    border-top: 1px solid var(--nutralUltraLight);
    margin-top: 36px;
    padding-top: 36px;
}


.footer_widget{
    margin-top:64px;
}

.footer_widget h4{
    display: inline-block;
    font-size:27.2px;
    font-weight: 700;
    padding-bottom:32px;
    position: relative;
}

.footer_widget h4::before{
    content: '';
    position: absolute;
    bottom:16px;
    right: 0;
    width:128px;
    height: 2px;
    background: var(--secondary);
}

.footer_widget li{
    list-style: inside;
    margin-bottom:8px;
}

.footer_widget li a{
    font-size:22.4px;
    color: #032E48;
}

.footer_widget li a:hover{
    color: var(--tertiary);
}

.footer_social{
    text-align: center;
    border-top: 1px solid #F2F2F2;
}

.footer_social p {
    font-weight: 700;
}

.footer_social a{
    display: inline-block;
    max-width:96px;
}

.footer_social a img{
    width: 100%;
}

.footer_social a:hover{
    opacity: .6;
}

/*================ copyright area start =================*/

.copyright{
    background: #042b45;
    text-align: center;
}
.copyright p{
    color: var(--white);
    font-size: 14px !important;
}

.copyright_top{
    border-bottom: 1px solid #ddd;
}



/*================ checkBox_popup =================*/
.checkBox_popup.current {
    top:67.2px;
    opacity: 1;
    pointer-events: auto;
}

.checkbox-field {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right:28.8px;
    padding-bottom:9.6px;
    margin: 0;
    line-height: 0.4;
}

.checkbox-field input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkMark {
    height:16px;
    width:16px;
    background-color: transparent;
    text-align: center;
    line-height: 100%;
    border-radius: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height:16px;
    width:16px;
    border: 1px solid #BDBCBC;
    box-sizing: border-box;
    border-radius: 0;
}

.checkmark:after {
    content: '';
    background: url('../img/tick-mark.png') no-repeat center;
    background-size: contain;
    position: absolute;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width:9.6px;
    height: 100%;
}

.checkbox-field input:checked~.checkmark:after {
    display: block;
}

label.checkbox-field span {
    font-weight: 400;
    font-size: 1.2rem;
    color: #353535;
    line-height: 1;
}

.checkBox_popup {
    width: 17rem;
    position: absolute;
    top:48px;
    right: 0;
    background: var(--white);
    padding: 1.5rem 1.2rem 2.5rem 1.2rem;
    box-shadow: -0.87px 0.5px 7px #BEBEBE;
    z-index: 11;
    opacity: 0;
    pointer-events: none;
    transition: .6s;
}
.mapBox_popup {
    width: 100%;
    min-width:52rem;
}

/*================ checkBox_popup =================*/

.filtering_popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 38rem;
    max-height: 100vh;
    padding:80px 32px 3rem 2rem;
    background: var(--white);
    box-sizing: border-box;
    z-index: 15;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
}

.filtering_popup.current{
    opacity: 1;
    pointer-events: auto;
}

.filtering_popup_body{
    max-height: 100vh;
}

.filtering_colse{
    position: absolute;
    right: 0;
    top: -.5rem;
    background: none;
    padding: 0;
    border: none;
    outline: none;
}

.filtering_header h4{
    font-weight: 700;
    color: var(--primary);
    font-size: 1.8rem;
}

.filtering_popup .accordion .item_button{
    padding: .3rem 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.filtering_popup .link_btn{
    max-width: 100%;
    display: block;
    color: #202020;
    padding: .7rem 0;
    text-align: center;
    font-size: 1.2rem;
    box-shadow: 0 0 5px #D9D9D9;
    border-radius: 1rem;
}

.filtering_popup .link_btn:hover{
    background: var(--tertiary);
    color: var(--white);
}

.pr_0{
    padding-right: 0;
}

.filtering_popup .accordion-item{
    padding-bottom: 1.5rem;
}

.filtering_popup .accordion-body{
    padding:32px 0;
}

.filtering_footer .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    width: 11rem;
    height: 4.3rem;
    border-radius:16px;
    background: #CDCDCD;
    color: var(--primary);
}

.filtering_footer .btn:hover {
    background: var(--tertiary);
    color: var(--white);
}

.filtering_footer .btn.done{
    background: var(--tertiary);
    color: var(--white);
}

.filtering_footer .btn.done:hover{
    background: #CDCDCD;
    color: var(--primary);
}

.filtering_popup .item_button .arrow{
    transition: .2s;
}

.filtering_popup .item_button.collapsed .arrow img {
    transform: rotate(-180deg);
}

.filtering_popup .item_button:not(collapsed) .arrow img {
    transform: rotate(0);
}

/*========== return-to-top CSS ==========*/

.back-to-top {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.1rem;
    text-align: center;
    display: none;
    position: fixed;
    bottom:48px;
    right:32px;
    border-radius: 50%;
    background: #E28512;
    z-index: 1000;
}



/*================ caramels area start =================*/

.caramels h2 {
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}

.review-img{
    width: min(var(--main-card-img-width), calc(100vw - 30px));
    height: min(var(--main-card-img-width), calc(100vw - 30px));
    border-radius: 50%;
    transition: transform 0.2s;
}

.lg_img_box{
    cursor: pointer;
    text-align: center;
    margin-top: 45px;
}
.lg_img_box:hover .review-img {
    transform: scale(1.2);
}
.lg_img_box > .overflow-hidden {
    width: fit-content;
    margin: auto;
    border-radius: 50%;
    border: 5px solid var(--white);

}
.lg_img_box .box_body{
    padding: 135px 20px 35px 20px;
    margin-top: -120px;
    min-height: 285px;
}

.lg_img_box .box_body.one{
    background: var(--primary);
}

.lg_img_box .box_body.two {
    background: var(--secondary);
}

.lg_img_box .box_body.three {
    background: var(--primary);
}

.lg_img_box h5{
    font-weight: 700;
    color: var(--white);
    padding-bottom: 1.5rem;
}

.lg_img_box p{
    color: var(--white);
    line-height: 1.57;
}


/*================ customer logo area start =================*/

.customer_logo{
    background: #F2F2F2;
}

.customer_logo h2{
    text-align: center;
    font-weight: 400;
    padding-bottom: 30px;
    font-size: 22px;
}

.logo_box{
    max-width: 178px;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    /*cursor: pointer;*/
}
.logo_box p {
    font-size: 14px;
}
/*
.logo_box:hover p {
    color: var(--secondaryStrong);;
}
.logo_box:hover .logo_box_header {
    box-shadow: -0.87px 0.5px 7px black;
}
*/
.logo_box_header{
    background: var(--white);
    border-radius: 1rem;
    border: 1px solid #D2D3D3;
    box-shadow: -0.87px 0.5px 7px #F1F1F1;
    padding: 5px;
    height: 145px;
}
.logo_box_header img {
	height: 131px;
	width: 131px;

	object-fit: contain;
} 

.bans > img {
    cursor: pointer;
}

/*================ app download banner area start =================*/

.qr_code {
    height: 223px;
    width: 235px;
    object-fit: contain;
}
.logo_plus {
    width: 275px;
    height: 152px;
    object-fit: contain;
}

.app_download_banner{
    background: var(--secondary);
    padding: 5rem 0;
    position: relative;
    overflow: visible;
    margin-bottom: 34px;

}

.app_download_banner .wp_content{
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    margin: auto;
    height: 100%;
    z-index: 1;
    /*flex-wrap: wrap;*/
}

.app_download_banner strong{
    font-size: 24px;
    color: var(--white);
}


.app_download_banner .wp_content > a {
    margin-right: auto;
}


.wp_content{
    color: var(--white);
}


.contact_info_box img{
	width: 26px;
	height: auto;
    margin-bottom: 1.7rem;
}

.hero_form button[type=submit] {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.flex-br {
  flex-basis: 100%;
} 
.invisible {
	visibility: hidden;
}
.excursions_box {
    cursor: pointer;
}
.excursions_box:hover a {
    color: var(--secondary);
    text-decoration: none!important;
}
.excursions_box:hover a:hover {
    text-decoration: none!important;
}
.menu-nav-item > *, .sub-menu-link > * {
    cursor: pointer;
}
.sub-menu-main-link {
	position: relative;
}

.nav-menu-container .sub-menu-main-link:after {
	/* this element is ment to allow the users to hover their way to the popup submene. its height is really important. if you encounter problems play with the height  */
	content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 120%;
    cursor: pointer;
}

.open_sub_menu:before {
    content: " ";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
}
.nav-menu {
	white-space: nowrap;
}
.nav-menu:before,.nav-menu:after {
	display: table;
	content: " ";
}

.sub-menu-box {
    /* max-height: calc(100vh - var(--menu_height) - 30px); */
    /* center the div.
    right: calc( (100vw - var(--sub-menu-width)) / 2);*/
    --sub-menu-width: 70vw;
	display: none;
	position: absolute;
    gap: var(--largeGap);
    right: max(calc(50vw - (var(--site-width) / 2) - 5px), 2.5vw);
	top: var(--menu_height);
    /*width: var(--sub-menu-width);*/
	width: min(calc(var(--site-width) - 15px), 95vw);
	z-index: 950;
	background-color: var(--white);
	color: black;
    box-shadow: -2px     6px     9px    var(--nutralShadow);
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/
    justify-content: flex-start;
    align-items: flex-start;
}
.sub-menu-box > li {
    width: calc(12.5% - var(--largeGap));
    margin-bottom: 20px;
}

.sub-menu-box * {
    z-index: 151;
}
.sub-menu-link {
    font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: center;
    text-align: center;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}
.sub-menu-box .icons {
    height: var(--small-icon-height);
	width: var(--small-icon-height);
    margin:auto;
/*	width: auto;*/
    object-fit: contain;
}

.image_padding:before {
    content: " ";
    height: var(--small-icon-height);
    display: block;

}

.sub-menu-box a {
    color: var(--primary);
    margin:  0 10px;
    line-height: normal;
}
/*.header_bottom {
	overflow: visible !important;
}*/
.image-link {
	flex-direction: column;
}
/*.container_top {
	overflow-x: auto;
    overflow-y: clip;
}*/
/*.header_middle .container_top {
	overflow: visible;
}*/
.sub-menu-box {
	padding: 10px;
	color: black !important;

} 

/*.sub-menu-focuse-container:focus-within .sub-menu-box {
	display: flex;
}*/

.sub-menu-focuse-container.show .sub-menu-box, .sub-menu-focuse-container.show_2 .sub-menu-box {
	display: flex;
}

.hide_content > * {
 	visibility: hidden;
 }


.auto_mains {
	height: 270px;
    width: var(--main-card-img-width);
    padding: 0;
    margin: 10px;
}
.auto_mains .shortContent * {
	font-size: 0.9em;
	line-height: 1em;
}

.no-content-main .product-image-container.second_img img:hover {
	-webkit-transform: none;
	transform: none;
}

.no-content-main * {
	cursor: auto !important;
}
.no-content-main a:hover {
	color: black !important;
	text-decoration: none !important;

}
.auto_mains .product-item-container { 
    height: 90%;
	display: grid;
	grid-template-areas:
	'img txt'
	'img txt';
	 grid-template-columns: 40% 60%;
	 grid-template-rows: auto auto;
}
.auto_mains.col-lg-2 .product-item-container { 
	grid-template-areas:
		'img img'
		'txt txt';
}
.auto_mains.col-lg-2 .shortContent {
	text-align: center;
}

.auto_mains .product-image-container {
	grid-area: img;
}
.auto_mains.auto_mains_inner_content .product-image-container {
	background-color: var(--primary);
}
.auto_mains.auto_mains_inner_content .product-image-container img {
	opacity: 0.6;
}


.auto_mains .product-image-container img {
	min-height: auto !important;
	max-height: 999px !important;
	height: 100% !important;
	object-fit: cover;
}

.auto_mains .middle-block {
	--buttons-size: 23px;
	grid-area: txt;
}
.auto_mains .main-buttons {
    position: absolute;
    bottom: var(--mediumGap);
    left: var(--mediumGap);
}
.auto_mains .main-buttons .innerContentMarker {
	border-radius: 100%;
	color: #888888;
	background-color: #dcdbdb;
}

.auto_mains .right-block-btns {
	grid-area: btn;
}
.auto_mains .right-block-btns button:first-child  {
	display: none;
}
.auto_mains .right-block-btns  {
	display: none;
}
.auto_mains .infoContent, .auto_mains .discount_precent {
	display: none;
}

    #question_answer {
        padding: 16px;
        background-color: var(--nutralUltraLight);
        border-radius: 12px;
    }
    .qa_answer {
        margin-top:16px;
        display: flex;
        gap:8px;
    }
    .answer_block {
        padding: 8px;
        background-color: var(--nutralUltraLight);
        border-radius: 12px;
        max-width:fit-content;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .answer_icon {
        height: 25ppx;
        display: block;
        width: 45px;
        min-width: 45px;
        height: 45px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        font-size: 1.5em;
        font-weight: 400;
    }
    .answer_votes {
        display: flex;
        flex-direction: row;
        align-self: flex-start;
        gap: 8px;
        justify-content: center;
        align-items: center;
    }
    .answer_votes > .fa {
        cursor: pointer;
    }
    #add_answer {
        width:100%;
        max-width: calc(3 * var(--site-width) / 4);
        margin: auto;
    }
    #add_answer > h3 {
        text-align: right;
    }
    #add_answer .red {
        text-align: right;
    }
    #add_answer input, #add_answer textarea[name=answer] {
        border-radius: 12px;
    }
    #add_answer textarea[name=answer] {
        width: 100%;
        border: 1px solid #ccc;
    }
    #add_answer textarea[name=answer]::placeholder {
        color: #ccc;
    }
    #add_answer textarea[name=answer]:focus-visible {
        border-color: #66afe9;
        outline: none !important;
    }
    #add_answer button[type=submit] {
        max-width: 100px;
    }

/* article grid for categories */
.category_articles_grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 280px; /*the base height of the articles. some might be taller */
    grid-gap: 8px;
/*    width: 100%;*/
    margin:8px;
    margin-top:18px;
    margin-bottom: 24px;
}

.gm-ui-hover-effect > span  {
    content: "\2715";
}
.marker-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: right;
    gap: 12px;
}

.marker-content > img {
    height: 250px;
    width: min(250px,100%);
    object-fit: cover;
}
.marker-content-inner > strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary);
}
.marker-content-inner > p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--grayText);
    margin: 18px 0;

}
.marker-content-inner > a {
    background-color: var(--secondary);
    color: var(--white);
    border-radius: 10px;
    padding: 6px 12px;
    display: block;
    max-width: 93px;
}

    

@media screen and (min-width: 992px) {
    /* on desktop the grid have a fun arrangement. we can think of a variaty of fun arrangements if we like */
    .category_articles_grid {
        /* the grid is arranged over five columns
                - - - - - 
                - - - - -
                - - - - -
         */
        grid-template-columns: repeat(5, 1fr);
    }
    .category_articles_grid > .article_box_link:nth-child(7n+1) {
        /* i will explain this one and the rest work the same.  
            the firs element of every seven articles is going to span over 3 columns and 2 rows
            taking the space marked with # in the following asci drawing:

                - - # # #
                - - # # #
                - - - - -

            the rest of the article will arange themselfs where they fit.
        */
        grid-column: auto / span 3;
        grid-row: auto / span 2;
    }

    .category_articles_grid > .article_box_link:nth-child(7n+2),
    .category_articles_grid > .article_box_link:nth-child(7n+3) {
        /* so for example, these will take the empty space next to the first element 

            % % # # #
            & & # # #
            - - - - -
        */
        grid-column: auto / span 2;
        grid-row: auto / span 1;
    }
    .category_articles_grid > .article_box_link:nth-child(7n+4) {
        grid-column: auto / span 2;
        grid-row: auto / span 2;
    }
    .category_articles_grid > .article_box_link:nth-child(7n+5) {
        grid-column: auto / span 3;
        grid-row: auto / span 2;
    }
    .category_articles_grid > .article_box_link:nth-child(7n+6) {
        grid-column: auto / span 3;
        grid-row: auto / span 1;
    }
    
    .category_articles_grid > .article_box_link:nth-child(7n+7) {
        grid-column: auto / span 2;
        grid-row: auto / span 1;
    }
    .category_articles_grid > .article_box_link:nth-child(7n+1):last-child,
    .category_articles_grid > .article_box_link:nth-child(7n+6):last-child,
    .category_articles_grid > .article_box_link:nth-child(7n+4):last-child {
        grid-column: 1 / -1;
    }
    .category_articles_grid > .article_box_link:nth-child(7n+2):last-child {
        grid-row: auto / span 2
    }
  
}
.category_articles_grid > .article_box_link > .overflow-hidden {
    height: 100%;
}
.category_articles_grid > .article_box_link > .overflow-hidden > img {
    object-fit: cover;
}




/* hovering side menu */

.side-hover-menu *, .side-hover-menu {
	--side-hover-bottons:  43px;
	--side-hover-bottons-shadow:  4px;
}

.side-hover-menu {
	position: fixed;
	display: flex;
	flex-direction: column;
	font-size: 2em;
	/*bottom: 90px;*/
    bottom: calc(25px - var(--side-hover-bottons-shadow) * 2);
    right: 20px;
	z-index: 900;
}


.side-hover-menu > div {
	/* height: calc(var(--side-hover-bottons) + 4px);
  	width: var(--side-hover-bottons); */

	margin-top: 8px;
}
.side-hover-menu .circle-botton {
/*	border-color: var(--white);
	border-width: 1px;
	border-style: solid;*/
	border-radius: var(--side-hover-bottons);
	height:50px; /*var(--side-hover-bottons);*/
  	width: 50px;/*var(--side-hover-bottons);*/
	/*background-color: green;*/
	cursor: pointer;
	margin-bottom: calc( var(--side-hover-bottons-shadow) * 2);
	box-shadow: 0 calc(var(--side-hover-bottons-shadow) / 2) calc(var(--side-hover-bottons-shadow) / 2) 0 rgba(0, 0, 0, 0.2), 0 var(--side-hover-bottons-shadow) var(--side-hover-bottons-shadow) 0 rgba(0, 0, 0, 0.19);

}

/*.go-to-top {
	position: relative;
	top: 0px;
	transition:  0.5s;
	transition-timing-function: ease-in;
}*/
.hidding_hole.go-to-top-container.not-showing{
    display: none;
}

.hidding_hole.go-to-top-container {
    display: block;
}

.side-hover-menu > .hidding_hole > div {
    position: relative;
    top: 0px;
    transition:  0.5s;
    transition-timing-function: ease-in;
}

.side-hover-menu > .hidding_hole.not-showing > div {
	top: calc(var(--side-hover-bottons) + var(--side-hover-bottons-shadow) * 2);
	transition:  0.5s;
}

.side-hover-menu > .hidding_hole {
	border-radius: 0px;
	height: calc(var(--side-hover-bottons) + var(--side-hover-bottons-shadow) * 2);
	padding-bottom: calc(var(--side-hover-bottons-shadow) * 2);
    transition-timing-function: ease-in;
	overflow: hidden;
}

.side-hover-menu .app-store-icon {
    position: relative;
    padding: 12px;
    bottom: 4px;
    width: 41px;
    right: 1px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(217deg) brightness(100%) contrast(104%);
}


.side-hover-menu  em:before {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

.side-hover-menu .download-app {
	padding: 0;
	background-color: var(--tertiary);
}
.side-hover-menu .download-app img {
	margin-bottom: 9px;

}
.side-hover-menu  .download-app-window {
	display: none;
}
.side-hover-menu .show-slide.download-app-window {
	display: block;
}
.side-hover-menu .download-app-window {
	position: absolute;
    background-color: var(--white);
    right: 29px;
    bottom: -13px;
    padding: 22px;
    background-color: transparent;
    font-size: 16px;
    width: 335px;
    text-align: center;
    height: fit-content;
}
.side-hover-menu .download-app-window > div {
	cursor: default;
    background-color: var(--white);
	padding: 16px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	box-shadow: 0 calc(var(--side-hover-bottons-shadow) / 2) calc(var(--side-hover-bottons-shadow) / 2) 0 rgba(0, 0, 0, 0.2), 0 var(--side-hover-bottons-shadow) var(--side-hover-bottons-shadow) 0 rgba(0, 0, 0, 0.19);
}
.side-hover-menu .download-app-window > div > img {
	height: 115px;
	cursor: pointer;
}

.side-hover-menu .download-app-window > div > svg {
	width: 50px;
	cursor: pointer;
}
.side-hover-menu .download-app-window > div > p {
	text-align: right;
}

.side-hover-menu .download-app-window > p {
	margin: 0;
	width: 100%;
	background-color: black;
	color: var(--white);
	padding: 6px;
}

.side-hover-menu  .circle-botton {
	background-color: var(--tertiary);
    color: var(--white);
}
.wishList.circle-botton em {
    color: var(--primary);
}
.side-hover-icon {
 	/* color:  var(--primaryDark); */
	height: 0;
	width:  0;
	position: relative;
	font-size: 60px;

 }
.side-hover-menu  .go-to-top .side-hover-icon {
    bottom: 37px;
    right: 4px;
}
.side-hover-menu  .download-app .clickable-area .fa {
    bottom: 37px;
    right: 0px;
}
.side-hover-menu .fa-android {
    font-size: 80px;
    cursor: pointer;
}

.side-hover-menu  .wishList em {
	height: 0;
	width:  0;
	position: relative;
	bottom: 8px;
	right: 10px;
	font-size: 1em;
}

.download-app-window .close-button {
    position: absolute;
    --size: 25px;
    font-weight: 700;
    color: var(--white);
    width: var(--size);
    height: var(--size);
    top: 27px;
    left: 27px;
    opacity: 0.7;
}
form[name=frm] input::placeholder{
    text-align: right;
}
#buyFrm {
	-webkit-transform: translate3d(0,0,0);
}
.search_popup_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 80px 20px;
    padding-top: 25px;
}

/*button#search_location_button_cancel:after {
    content: '|';
}*/

/*.container_top .btn-group a {
    color: var(--white);
}*/

#mobile-popup-leads .formPhonesSent{
    display: none;
    color: var(--white);
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
}

#mobile-popup-leads .theZones-arrow-icon{
    background: transparent;
    color: black;
    font-weight: bold;
    position: absolute;
    left: 24px;
}

#mobile-popup-leads{
    position: relative;
    display: flex;    
    flex-flow: column nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: var(--secondary);
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    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: fit-content;    
}

#mobile-popup-leads .form-inputs{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;    
}


#mobile-popup-leads .form-inputs input,
#mobile-popup-leads .form-inputs select{
    text-align: center;
    padding: 6px 3px;
}

#mobile-popup-leads .form-inputs input::placeholder {
    text-align: center; 
}

#mobile-popup-leads .row{
    /* text-align: center; */
    padding: 10px;
}

.btn-lidim{
    margin-top:6px;
    width: 100%;    
}
.close-popup-leads {
    cursor: pointer;
    position: absolute;
    text-shadow: 0px 0px 20px black;
    right: 15px;
    background-color: white;
    border-radius: 50%;
    color: black;
    height: 25px;
    text-align: center;
}

.mobile-popup-leads-display .close-popup-leads{
    top: -12px;
}

.mobile-popup-leads-display{
    max-height: fit-content !important;
    padding: 10px;
}

.mobile-popup-leads-display .page-heading{
    display: flex;
    flex-flow: row nowrap;
}

body {
    overflow-x: hidden;
}



.hero_form textarea:focus, .hero_form input:focus{
    outline: none;
}

search-suggestion p {
    line-height: 1;
}
search-suggestion p:first-child {
    line-height: 1.1;

}
search-suggestion-list div {
    display: flex;
    flex-direction: column;
}
search-suggestion-list > button {
    padding-bottom: 4rem;
    text-align: right;
    color: var(--secondary);
    border: 0;
    background-color: inherit;
}


.owl-item {
    height: 19rem;

}


.owl-item:hover em.fa{
    font-size: 8rem;
    margin: 0rem;
  animation-duration: 1s;

}

.owl-item.no-images a {
    color: var(--white);
    background-color: var(--primary);
    border-radius: 19rem;
    display: block;
    height: 19rem;
    width: 19rem;
    display: flex;
    flex-direction: column;
}

.owl-item img {
    object-fit: contain;
}

search-suggestion-list {
    min-width: min(300px,80vw);
    max-width: 550px;
    display: flex;
    flex-direction: column;
}

search-suggestion-list img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

search-suggestion-list > button {
    display: none;
}
search-suggestion-list.full > button {
    display: block;

}
 
search-suggestion {
    display: block;
    margin-bottom: 20px;
    /*min-height: 65px;*/
    max-width: 90vw;
}
search-suggestion a {
    transition: .8s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

search-suggestion .search_name {
    font-size: 16px;
    color: var(--primary);
    /*font-weight: 700;*/

}
.search_sub_info {
    font-size: 14px;
}
search-suggestion a:hover {
    text-decoration: none!important;

}
search-suggestion a:hover * {
    color: var(--tertiary);
    transition: .2s;

}

search-suggestion img {
    border-radius: 1rem;
}

.search_popup {
    width:  90vw;
} 
#search_popup_title {
    position: relative;
    text-align: center;
    font-size: 18px;
    color: var(--primary);
    font-weight: 700;
    width: fit-content;
    margin: auto;

}
#search_popup_title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: var(--secondary);
}

#search_popup_mini_title {
    padding-bottom: 2rem;
}
.location input[name=city].yellow:focus {
    background-color: var(--yellow);
}

.search_location_options {
/*    position: absolute;
    top: 5rem;
    left: 2rem;*/
/*    display: flex;
    flex-direction: column;*/

    margin: auto;
    text-align: center;
    padding-bottom: 24px;
    display: flex;
    justify-content: center;
    gap: var(--largeGap);

}
.search_location_options button {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: inherit;
}
.search_location_options button:hover {
    color: var(--tertiary);
    transition: .2s;
}


.menu {
    border-bottom: 0px;
}
/*
.header_bottom .container {
    min-width: 115rem;
}
*/
.ofcavas_menu_top_list {
    min-width: max-content;
}
.search_popup .top_heading {
    background-color: inherit;
    border: 0;
}

.search_popup_body {
    min-height: 20rem;
}

.search_result_list li a img.preview_image {
    width: 6rem;
    height: 6rem;
    margin-left: 0.8rem;
    object-fit: cover;
} 

.subMenu {
    margin-bottom: 0;
}
.title_box.decorated {
    padding:30px;

}
.title_box.decorated h2 {
    color: var(--primary);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    max-width: max-content;
    margin: auto;
    border-bottom: 3px solid var(--secondary);
    padding-bottom: 10px;
    padding-top: 0px;
} 

.attractions h4 {
    font-weight: normal;
}

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


.lest_articals .img_box {
    cursor: pointer;
} 
    /*to fit into a big box*/
/*.lest_articals .img_box_content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}*/
.lest_articals .img_box_content a {
    font-weight: 700;
    font-size: 18px;
}
.lest_articals .img_box_content * {
    display: block;
    color: var(--primary);
}

.swiper_mains {
    max-height: 740px;
}

.caramels img {
    object-fit: cover;
}
.caramels p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 322px;
    margin: 3px auto;
}

#admin-filter-button {
    box-shadow: none;
    border:none;
    background-color: inherit;
    margin: 0;
    width: unset;
}

.caramels p:first-child {
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
}

.cstmr_card .badgee, .cstmr_card .favorite {
    z-index: 2;
}

.cstmr_card .old-price {
    font-weight: normal;
    text-align: left;
}

.box_body {
    min-height: 270px;
}
.cstmr_card_content a { /*:hover*/
    text-decoration: none !important;
}
.swiper_mains .text-end {
    margin-left: 10px;
}

@media (min-width: 991px) {
    
    .menu-nav-item .sub-menu-box .icons {
        height: 90px;
        width: 95px;
    }
				.sticking_navs {
				    position: fixed;
				    width: 100%;
				    /* right: calc((100vw - 1280px) / 2 ); */
				    right: 0;
				    z-index: 890;
				    border-bottom: 1px solid #eee;
					background: var(--nutralDefiningLight);
					box-shadow: 0 4px 4px 0 #00000040;
					/*padding: 7px;*/
				  
				    /* width: 1280px; */
				    padding: 8px calc(15px + (100vw - 1280px) / 2 );
				}
				.sticking_navs a, .sticking_navs button {
					margin-bottom: 0;
				}
}
@media (max-width: 991px) {
    .marker-content {
        flex-direction: column;
    }
    .facebook-links > a {
        width: 100%;
    }
    .about_us_text > * {
        font-size: 14px;
    }
    /* .filter-options-container {
        height: calc(100vh - 280px);
    } */

    .modal__container {
        padding-top: 4rem;
    }
    #modal-gallery .swiper-pagination,
    .modal__container .modal__header .modal__close {
        top: 35px;
        line-height: 1;
    }
    .modal__content .image_review {
        overflow: scroll;
        height: 151px;
    }
    .cat_bottom_text img {
        max-height: 213px;
    }
    .sub-menu-box .icons {
        margin: unset;
    }

    .pages_links li {
        padding:3px;
    }

    .logo_box_header img {
        height: 100px;
        width: 100px;
    }
    .logo_box_header {
        height: 111px;
    }
    .logo_box {
        max-width: 124px;
    }
    .sub-menu-box a {
        line-height: 120%;
    }
    .sub-menu-box {
        overflow-y: scroll;
    }

    .app_download_banner {
        margin-right: 10px;
        margin-left: 10px;
    }
    .discount_banner_2 {
        margin: 15px;
    }
    .discount_banner_2 .btn {
        margin: var(--largeGap) 0;

    }
    .app_download_banner .wp_content {
        display: block;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        transform: translate(0);
        text-align: center;
    }
    .app_download_banner .wp_content h4 {
        margin: 0;
    }

    .search_location_options {
        font-size: 12px;
    }
    .search_popup {
        padding: 15px;
        top: 186px;
    }
    .search_popup_body {
        gap: 0;
        padding-top: 0;
    }
    .sub-menu-box {
        max-height: calc(100vh - var(--menu_height) - 30px);
        width: 95vw;
        right: 2.5vw;
        padding:10px;
    }
    .sub-menu-box > li {
        width: calc(50% - var(--largeGap)); 
        margin-bottom: 0;
    }
    .sub-menu-box .icons {
        display: block;
        width: 40px;
        height: auto;
        object-fit: contain;
    }
    .image_padding:before {
        content: " ";
        height: unset;
        width: 90px;
        display: inline-block;
    }
    .image-link {
        flex-direction: row;
        margin: 1rem;
        gap: 1rem;
    }
    .sub-menu-box {
        column-count: 2;
    }
    .sub-menu-link {
        text-align: right;
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
        align-items: center;
    }
    .side-hover-menu {
        bottom: calc(92px  - var(--side-hover-bottons-shadow) * 2);
        right: 19px;
        transition: bottom 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%);
    }
    .sctmr_list .filter-icons-gallery{
        position: absolute;
        font-weight: 400;
        top: 14rem;
        /* bottom: 0; */
        /* right: 24px; */
        left: 0;
        padding: 4px;
        /* width: unset; */
        /* height: unset; */
        /* font-size: 11px; */
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10px;
    }
}


@media (max-width: 468px) {
    .sub-menu-box {
        column-count: 1;
    }
}


/* loading icon */
.lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.image_upload_animation  .lds-ellipsis{
    margin:0;
}
.lds-ellipsis div {
    --lds-distance-scale: 8px;
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--secondary);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: var(--lds-distance-scale);
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: var(--lds-distance-scale);
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: calc(var(--lds-distance-scale) * 4);
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: calc(var(--lds-distance-scale) * 8);
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* .flex-column {
    flex-direction: column;
} */




#section_navigation {
	width: 100vw;
}

/*#section_navigation > .swiper-wrapper {
	display: flex;
	gap:16px;
}*/

.swiper_nav_buttons {
	visibility: hidden;
}
.sticking_navs{
	min-height: unset;
	visibility: visible;
  position: fixed;
  /* right: calc((100vw - 1280px) / 2 ); */
  right: 0;
  background: var(--nutralDefiningLight);
  z-index: 890;
  border-bottom: 1px solid #eee;
  box-shadow: 0 4px 4px 0 #00000040;
  /*padding: 7px;*/

  /* width: 1280px; */
  padding: 8px max(16px,calc(15px + (100vw - 1280px) / 2 ));
}
#section_nav_swiper {
	overflow: visible;
}
.swiper_nav_buttons a, .swiper_nav_buttons button {
	margin-bottom: 0;
}
.swiper_nav_buttons .productButtons {
	padding-top: 0;
	padding-bottom: 0;
}

.section_nav {
  background: inherit;
  border: 0;
  color: var(--primary);
  width:fit-content;
  white-space: nowrap;
}

.current.section_nav {
	border-bottom: 1px solid var(--secondary);
	text-shadow:0px 0px 1px var(--primary);
}