/* apply a natural box layout model to all elements */
*, *:before, *:after { }
/*#region topNavigation */
#topNavigation { }
    #topNavigation .publishButton { }
    #topNavigation .publishButton:hover{}
    #topNavigation .links {
        display: flex;
    }
        #topNavigation .links a{}
        #topNavigation .links a.selected { }
        #topNavigation .links a.restless{letter-spacing: 0;font-size: 16px;position: relative;top: 1px;}
        #topNavigation .links a.kablan{color: #7fb314;}
    #topNavigation .links a:hover{}


/*#endregion */
img {
    filter: contrast(1.05) saturate(1.1) brightness(1.1) sepia(0.1);
}
/*#region padding fix */
#boardsGrid .archidFire { padding-top: 0; border-top: 2px solid #d4d5d5; margin-top: 60px; line-height: 35px; letter-spacing: 0.6px; font-size: 28px;}
#boardsGrid .boardsRow.newPublications { padding: 70px 0 30px 0; }
/*#endregion */


/*#region featuredContent */
#featuredContent { height: 350px; margin-top: 30px; }
    #featuredContent .leftBox { height: 349px; width: 328px; border-radius: 9px; background: url('/cpart/img/MobileAdHomepage.png') no-repeat -8px center; margin-left: 12px; }
    #featuredContent .leftBox.herum{background-image:url(/Cpart/img/herum_bg.png)}
    #featuredContent .featuredGallery {height: 349px;width:664px; border: 1px solid #939598; border-radius: 9px; position:relative;}
    #featuredContent .featuredGallery .item{display:none;position:absolute;top:0;left:0;text-decoration: none;}
    #featuredContent .featuredGallery .item[data-index="0"]{display:block;}
    #featuredContent .featuredGallery .item img{max-width:100%;max-height:219px;border-radius: 7px 7px 0 0;}
        #featuredContent .featuredGallery .item .imgTitle { height: 40px; position: relative; top: -39px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6);text-align:center; margin-bottom: -40px;}
    #featuredContent .featuredGallery .item .title{padding: 0 15px;}
    #featuredContent .featuredGallery .item .description{padding: 0 15px;}
        #featuredContent .featuredGallery .indicators { text-align: center; padding-top: 5px; position: absolute; bottom: 5px; width: 100%; }
    #featuredContent .featuredGallery .indicators .indicator{display:inline-block;background:url(/Cpart/img/homepage_featured_indicators_sprite.png) no-repeat 0 0;width:19px;height:18px;margin: 0 3px;cursor:pointer;}
    #featuredContent .featuredGallery .indicators .indicator.on{background-position:-20px 0;}
/*#endregion */
/*#region Boards GRID */
#boardsGrid { }
    #boardsGrid .boardsRow {
        padding: 18px 0;
        /*max-width: 1380px;*/
        /*max-width:90%;*/
        margin: auto;
    }
        #boardsGrid .boardsRow .board {
            box-shadow: 0 4px 26.7px 3.3px #00000012;
            float: right;
            /*background-color: yellow;*/
            height: 200px;
            margin: 0 5px;
            border-radius: 5px;
            background: url(/Cpart/img/homepage/category_nadlan.jpg) no-repeat center center;
            -moz-background-size: cover;
            -o-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            position: relative;
            margin-bottom: 40px;
            cursor: pointer;
        }
            #boardsGrid .boardsRow .board .hoverLinks {
                width: 100%;
                height: 114px;
                /*background-color: rgba(0,0,0,0.6);*/
                /*color: #fff;*/
                border-radius: 0 0 5px 5px;
                position: absolute;
                bottom: 0;
                -moz-transition: opacity 0.3s ease-in-out;
                -o-transition: opacity 0.3s ease-in-out;
                -webkit-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
                opacity: 1;

                text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
                background-image: linear-gradient( 0deg,rgba(0,0,0,.7),transparent);
            }
                #boardsGrid .boardsRow .board .hoverLinks .links {
                    width: 44%;
                    padding: 3px 10px 3px 0;
                    position: absolute;
                    bottom: 8px;
                }
                #boardsGrid .boardsRow .board .hoverLinks .left {
                    right: 50%;
                }
                #boardsGrid .boardsRow .board .hoverLinks .links:first-child {
                    border-right: 1px solid #8f8f91;
                }

        #boardsGrid .boardsRow .board .hoverLinks .links a{color:#fff;display:block;text-decoration:none;}

        #boardsGrid .boardsRow .board .hoverLinks .links a:hover{text-decoration:underline;}
            #boardsGrid .boardsRow .board .hoverBottomLinks { width: 100%; position: absolute; bottom: -42px; display: inline-block; 
                                                              height: 42px; overflow: hidden; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; 
                                                              -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;opacity:1;text-align:center;}
            #boardsGrid .boardsRow .board.Item_1 .hoverBottomLinks { bottom: -75px; height: 70px;text-align:center; }
            #boardsGrid .boardsRow .board.Item_1 .hoverBottomLinks a{ padding: 0 3px;}
            #boardsGrid .boardsRow .board .hoverBottomLinks a {
                display: inline-block;
                color: #717171;
                text-decoration: none;
                /*color: rgba(0, 0, 0, 0.6);*/
                /*border-left: 1px solid #8f8f91;*/
                padding: 0 4px;
                line-height: 13px;
            }
                #boardsGrid .boardsRow .board .hoverBottomLinks a:hover{text-decoration:underline;}
                #boardsGrid .boardsRow .board .hoverBottomLinks a:last-child{border:none;}
        #boardsGrid .boardsRow.new { padding: 18px 0;}

    #boardsGrid .boardsRow .board.last { margin: 0 5px 0 0; }
    #boardsGrid .boardsRow .board.Item_1 { 
        /*width: 157.5px;*/
        width:12%;
        background-image:url(/Cpart/img/homepage/1by1_temp.jpg);}
        #boardsGrid .boardsRow .board.Item_2 {
            /*width: 325px;*/
            width: 23.5%;
            background-image:url(/Cpart/img/homepage/2by1_temp.jpg);
        }
    /* higher Items */
        #boardsGrid .boardsRow .board.Item_2.car {
            background-image: url(/Cpart/img/homepage/car.jpg);
        }
        #boardsGrid .boardsRow .board.Item_4.car {
            /*background-image: url(/Cpart/img/homepage/car.jpg);*/
            background-image: url(/images/car-hp2021.jpg);
        }
    #boardsGrid .boardsRow .board.Item_2.yad2 { background-image: url(../img/homepage/yad2.jpg); }
        #boardsGrid .boardsRow .board.Item_4.yad2 {
            /*background-image: url(/Cpart/img/homepage/yad2.jpg);*/
            background-image: url(/images/yad2-hp2021.jpg);
        }
    #boardsGrid .boardsRow .board.Item_2.wanted { background-image: url(../img/homepage/wanted.jpg); }
    #boardsGrid .boardsRow .board.Item_2.pets { background-image: url(../img/homepage/pets.jpg); }
        #boardsGrid .boardsRow .board.Item_4.pets {
            /*background-image: url(/Cpart/img/homepage/pets.jpg);*/
            background-image: url(/images/Pets-Hp2021.jpeg);
        }
    /* Lower Items */
            #boardsGrid .boardsRow .board.Item_1.overseas { background-image: url(../img/homepage/overseas.jpg); }
            #boardsGrid .boardsRow .board.Item_1.nadlan { background-image: url(../img/homepage/nadlan.jpg); }
        #boardsGrid .boardsRow .board.Item_2.tivuch {
            background-image: url(/images/tivuch2-Hp2021.jpg);
        }
        #boardsGrid .boardsRow .board.Item_2.restless {
            background-image: url(../img/homepage/featured_restless.jpg);
        }
            #boardsGrid .boardsRow .board.Item_1.market { background-image: url(../img/homepage/market.jpg); }
        #boardsGrid .boardsRow .board.Item_2.transport {
            background-image: url(../img/homepage/movers_new_fpo.jpg);
        }
            #boardsGrid .boardsRow .board.Item_1.kablan { background-image: url(../img/homepage/kablan.jpg); }
            #boardsGrid .boardsRow .board.Item_2.pnai { background-image: url(../img/homepage/yoga.jpg); }
            #boardsGrid .boardsRow .board.Item_1.baby { background-image: url(../img/homepage/baby.jpg); }
            #boardsGrid .boardsRow .board.Item_1.artists { background-image: url(../img/homepage/artists.jpg); }
            #boardsGrid .boardsRow .board.Item_1.infotip { background-image: url(../img/homepage/infotip.jpg); }
            #boardsGrid .boardsRow .board.Item_1.prof { background-image: url(../img/homepage/proffesionals.jpg); }
        #boardsGrid .boardsRow .board.Item_1.iski {
            background-image: url(../img/homepage/featured_kablan02.jpg);
        }

#boardsGrid .boardsRow .board.Item_2.prof {
    background-image: url(../img/homepage/featured_b144.jpg);
}
        #boardsGrid .boardsRow .board.Item_1.motorcycle { background-image: url(../img/homepage/motorcycle.jpg); }
        #boardsGrid .boardsRow .board.Item_2.motorcycle {
            background-image: url(/images/motoSport-HP2021.jpg);
        }

            #boardsGrid .boardsRow .board.Item_1.bicycle { background-image: url(../img/homepage/bicycle.jpg); }

        #boardsGrid .boardsRow .board.Item_2.top { margin-bottom: 25px; }
        #boardsGrid .boardsRow .board.Item_2.bottom { margin-top: 25px; }
        #boardsGrid .boardsRow .board.Item_4 {
            width: 23.5%;
            height: 320px;
            background-image: url(/Cpart/img/homepage/2by2_temp.jpg);
        }

        #boardsGrid .boardsRow .board .title {
            text-align: center;
            background-color: rgb(255 255 255 / 100%);
            line-height: 36px;
            border-radius: 5px 5px 0 0;
            cursor: pointer;
        }
            #boardsGrid .boardsRow .board .title a {
                text-decoration: none;
                letter-spacing: 0.75px;
                font-weight: bold;
                font-size: 18px;
                color: #222222;
            }
            #boardsGrid .boardsRow .board .title:hover a {
                
            }
    #boardsGrid .boardsRow .board.hover .title a{}

        #boardsGrid .boardsRow .board.nadlan {
            background: url(/Cpart/img/homepage/nadlan.jpg) no-repeat center center;
        }



/*#endregion */

/*#region promoted Ads */
        #boardsGrid .boardsRow.newPublications .promoted_ads {
            background: none;
            margin-top: 30px;
        }
            #boardsGrid .boardsRow.newPublications .promoted_ads .PromotedContainer {
            }
            #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd {
                color: #76787a;
            }
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd:last-child {
            padding: 0;
        }
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd img { /*max-width: 185px;max-height: 96px;*/
            border-radius: 6px;
            display: block;
            object-fit: cover;
            width: 264px;
            height: 192px;
        }
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd img:hover {
            opacity: 1.1;
        }
                #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd .title {
                    font-size: 16px;
                    font-weight: 500;
                }
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd .title:hover {
        }
                #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd .desc {
                }
                    #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd .desc:hover {
                    }
/*#endregion */
#mainWrapper{margin-top:30px;}

.popularSearchHp a {
    color: #2e2e2e;
    text-decoration: none;
    word-wrap: break-word;
    display: inline-block;
    background: #ffffff;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 14px;
    border: #e0e0e0 1px solid;
    margin: 5px 0 5px 5px;
}

    .popularSearchHp a:hover {
        background: #fbfbfb;
        border: #e0e0e0 1px solid;
        box-shadow: 0 1px 14.7px 3.3px rgb(0 0 0 / 5%);
    }



@media only screen and (min-width: 700px) {
        .mobileonly {
            display: none !important;
        }

        .main_width_padding_R {
            padding: 25px 25px 0 0;
            width: 66%;
        }

        .main_width_padding_L {
            padding: 25px 0 0 25px;
        }
    }

    @media only screen and (max-width: 700px) {
        .desktoponly {
            display: none;
        }

        #boardsGrid .boardsRow .board.Item_4 {
            width: 100% !important;
        }

        #boardsGrid .boardsRow .board.Item_2 {
            width: 100% !important;
        }

        #boardsGrid .boardsRow .board.Item_1 {
            width: 100% !important;
        }

        .main_width_padding_L {
            padding: 25px 0 0 0;
        }

        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd {
            width: 100%;
            padding-left: 15px;
            color: #76787a;
            text-decoration: none;
            margin-bottom: 30px;
        }
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd img {
            object-fit: cover;
            width: 100%;
            height: 159px;
            opacity: 0.9;
            border-radius: 5px;
        }
    }
    @media only screen and (max-width: 1380px )and (min-width: 700px) {
        #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd {
            height: 300px;
            color: #76787a;
            text-decoration: none;
        }
            #boardsGrid .boardsRow.newPublications .promoted_ads .promotedAd img {
                object-fit: cover;
                width: 250px;
                height: 180px;
                opacity: 0.9;
                border-radius: 5px;
            }
        #EndFooter .L {
            max-width: 55%;
        }

        #mainWrapper {}
    }

    .margin30Top {
        margin: 30px 0 0 0;
    }

    .margin50Top {
        margin: 50px 0 0 0;
    }

    .margin70Top {
        margin: 70px 0 0 0;
    }

    .margin100Top {
        margin: 100px 0 0 0;
    }

    .margin200Top {
        margin: 200px 0 0 0;
    }

    .marginBlackTitle {
        margin: 100px 0 30px 0;
    }


    .marginBlackText {
        margin: 40px 0 20px 0;
    }


    #footer.newVersion {
        box-shadow: 0px 17px 108.4px 30.6px rgb(7 24 38 / 7%);
        background-color: #ffffff;
    }

    #footer {
        text-align: right;
        direction: rtl;
        background-repeat: no-repeat;
        background-position: left center;
    }

    #footer {
        /*min-width: 1010px;*/
    }

    .white {
        color: #fff;
    }

    #EndFooter {
        background: #262A2E;
        box-shadow: 0px 17px 108.4px 30.6px rgb(7 24 38 / 7%);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.599795937538147px;
        margin: auto;
        padding: 80px 100px 50px 100px;
        text-align: right;
    }

    .Almost-White {
        color: #FBFBFB;
    }

    #EndFooter .logoImg {
        display: table;
        width: 100%;
        padding-bottom: 30px;
    }

    #EndFooter .yellowline {
        width: 100%;
        height: 1px;
        background-color: #FFD43A;
        margin-bottom: 30px;
    }

    #EndFooter .logoImg .FooterLogo {
        width: 142px;
    }

    #EndFooter .logoImg a span {
        color: #FBFBFB;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.6px;
        padding-right: 5px;
    }

    #EndFooter .Footericon {
        width: 32px;
        margin-right: 20px;
        vertical-align: middle;
    }

    #EndFooter .logoImg a {
        text-decoration: none;
    }

    #EndFooter .followUs a {
        /*width: 154px;*/
        display: inline-block;
        margin-left: 5px;
        height: 45px;
        line-height: 43px;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
        padding-left: 30px;
    }

    #EndFooter .followUs_icons {
        background-image: url(/Cpart/img/footer_followUsIcons_sprite.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 46px;
        height: 45px;
        margin-left: 5px;
    }

        #EndFooter .followUs_icons.contact_us {
            background-position: -5px -5px;
        }

        #EndFooter .followUs_icons.facebook {
            background-position: -5px -60px;
        }

        #EndFooter .followUs_icons.private_agent {
            background-position: -61px -5px;
        }

        #EndFooter .followUs_icons.publish_ad {
            background-position: -61px -60px;
        }


.homepagetitletextbg h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    color: var(--space);
}
.homepagetitletextbg h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: var(--space);
}

.ImgSlider-container {
    position: relative;
    display: flex;
    justify-content: center; /* מרכז את התמונה אופקית */
    width: 80%; /* התמונה תתפוס 80% מהדף */
    margin: 0 auto; /* מרכז את ה-div בדף */
    margin: 30px auto;
}



    .text-overlay h1 {
        margin: 0;
        font-weight:500;
        font-size: 48px; /* גודל הכותרת */
    }

    .text-overlay p {
        margin: 10px 0 0;
        font-size: 20px; /* גודל הטקסט */
        line-height: 24px;
    }



/*start burger menu by default*/
.burger-menu {
    display: none; /* Hide burger menu by default */
    cursor: pointer;
}

.burger-icon {
    width: 30px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
}

/* Style for burger content */

.dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .dropdown-content ul li {
        padding: 8px 16px;
    }



#topNavigation .links ul li a {
    text-decoration: none;
    color: var(--Bunker);
    font-weight: 400;
    font-size: 16px;
}

/* תפריט בורגרים */
.burger-menu {
    display: none;
}

.burger-icon {
    background-color: #ddd;
    height: 3px;
    width: 25px;
    margin: 5px;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.burger-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 80%;
    left: 0;
    top: 50px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
}

    .burger-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .burger-content ul li {
            padding: 10px 20px;
        }

            .burger-content ul li a {
                text-decoration: none;
                color: #333;
            }


/*End burger menu by default*/

/* עיצוב מותאם למכשירים ניידים */
@media (min-width: 768px) {
    .ImgSlider {
        width: 100%; /* התמונה תתפוס 100% מהרוחב של ה-div */
        height: auto;
        border-radius: 8px;
    }

    .text-overlay {
        position: absolute;
        top: 50%;
        left: 38%;
        transform: translate(-40%, -50%);
        text-align: center;
        padding: 5px;
    }
}
@media (max-width: 768px) {
    .containerIconInCircle {
        overflow-x: auto;
        height: 160px;
        justify-content: unset !important;
    }
    .dropdown{
        display:none;
    }
    .ImgSlider {
        width: 100%;
        height: 300px; /* גובה קבוע עבור מסכים קטנים */
        object-fit: cover; /* מתאים את התמונה לתוך האלמנט */
        border-radius: 8px;
    }
    .text-overlay {
        position: absolute;
        text-align: center;
        padding: 20px;
    }
    .burger-menu {
        display: block;
        cursor: pointer;
    }

        .burger-menu input {
            display: none;
        }

        .burger-menu label {
            display: block;
            cursor: pointer;
        }

    .burger-content {
        display: none;
    }

    .burger-menu input:checked ~ .burger-content {
        display: block;
    }
}



.hr-iron span {
    position: absolute;
    z-index: 1;
    margin-top: 0;
    margin-right: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--supernova);
    width: 162px;
    height: 32px;
    padding: 4px 16px;
    border-radius: 32px;
    line-height: 32px;
}

.hr-iron {
    text-align: center;
    position: relative;
    margin: 45px 0 85px 0;
}

    /*.hr-iron:hover {
        transform: scale(1.02);*/ /* מגדיל את התמונה בעת ההמעבר  */
        /*font-weight:bold;
    }*/
.containerIconInCircle {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .containerIconInCircle .IconInCircle {
        border-radius: 50%;
        background: #fff;
        margin: 0 20px;
        width: 88px;
        height: 88px;
        box-shadow: 0 6px 12px -6px rgba(24, 39, 75, .12);
        text-align: center;
        border: 1.5px solid var(--light-grey);
        transition: transform 0.2s ease, box-shadow 0.4s ease; /* אפקט מעבר חלק */
    }



        .containerIconInCircle .IconInCircle img {
            margin: 27px 20px 20px;
            width: 34px;
            height: 34px;
        }


.IconInCircle img::after {
    content: "";
    display: table;
    clear: both;
}

.IconInCircle:hover {
    transform: scale(1.02); /* מגדיל את התמונה בעת העכבר עליה */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); /* מחדד הצללה בעת העכבר עליה */
}


.containerIconInCircle .IconInCircle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.599795937538147px;
    text-align: center;
    color: var(--Almost-black);
}
.containerIconInCircle .IconInCircle a, .containerIconInCircle a {
    text-decoration: none;
}


.image-carousel:hover {
    border-radius: 4px;
    padding: 3px;
    filter: brightness(90%);
    transition: filter 0.1s ease-in;
}

.image-carousel {
    display: inline-block;
    padding: 3px;
    margin: 0 0 0 8px;
    position: relative;
    border: 1.5px solid transparent;
}
.promoted_ads .promotedAd {
    /* padding-left: 15px; */
    color: #76787a;
}

.promoted_ads .promotedAd {
    text-decoration: none;
    position: relative;
    height: 300px;
}


.relatedtitleChips {
    padding: 20px 0 20px 0;
    margin: 0 auto 5px auto;
    display: flex;
    align-items: center;
}

.relatedtitle {
    padding-top: 70px;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.icon-container {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}

.icon-background {
    width: 40px;
    height: 40px;
}

.icon-foreground {
    position: absolute;
    top: 56%;
    left: 53%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
}


.relatedtitle a, .Magazinetitle a, .relatedtitleChips a {
    color: #262A2E;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.carousel-container {
    position: relative;
    width: 100%;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}

#carousel-container {
    position: relative;
    width: 100%;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-arrow {
    background: white;
    border-radius: 50%;
    color: black;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    z-index: 1000;
    user-select: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.left-arrow {
    position: absolute;
    left: -30px;
    top: 105px;
}
.carousel {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#carousel {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#main .promoted_ads {
    background: none;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.right-arrow {
    position: absolute;
    right: -25px;
    top: 105px;
}

.promotedAd .promotedAdLabel {
    position: absolute;
    top: 5px;
    background: var(--violet);
    width: 47px;
    padding: 8px;
    border-radius: 4px;
    font-size: 13px;
    left: 5px;
    color: white;
}

.promotedAd .price {
    font-size: 20px;
    line-height: 34px;
    color: #222;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    min-height: 35px;
}

.promoted_ads .promotedAd .desc {
    font-size: 14px;
    color: #262A2E;
    line-height: 26px;
    padding-right: 5px;
    text-align: right;
}

.promotedAd .custom-divider {
    height: 0.5px;
    margin: 0px 5px 7px 15%;
    border: 0;
    border-bottom: 1px solid var(--light-grey, #A0A0A0);
}

input[type="checkbox"].markmessage:not(.selectionarea) {
    display: none;
}


input[type="checkbox"].markmessage:not(:checked) + label img {
    content: url(/images/BoardImages/LikeAd-gray.svg);
}

.image-carousel .LikeAd {
    right: 0;
    position: absolute;
}

.glbl_header a:hover {
    background: var(--supernova);
    /*background: #fbfbfb;*/
    border: #e0e0e0 1px solid;
    box-shadow: 0 1px 14.7px 3.3px rgb(0 0 0 / 5%);
}

.remarks_wrapper a {
    margin: 5px 0px 10px 15px;
}

.glbl_header a {
    color: #222222;
    text-decoration: none;
    word-wrap: break-word;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 64px;
    font-size: 14px;
    border: transparent 1px solid;
    text-align: center;
    box-shadow: 0px 2px 4px 0px #0000000D;
    background: white;
}

.BackgroundGrayBlock {
    background: var(--smoke);
}

.Container {
    max-width: 90%;
    width: 1380px;
    margin: auto;
}

.Magazinetitle {
    padding-top: 100px;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 15px;
    text-align: right;
    display: flex;
    align-items: center;
}

.icon-container {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}

.promotedArticles {
    width: 224px;
    height: 256px;
    box-shadow: 0px 2px 16px 0px #0000000D;
    box-sizing: border-box;
    margin: 10px;
    transition: transform 0.5s ease;
    border-radius: 0 0 4px 4px;
    position: relative;
}


    .promotedArticles a{
        text-decoration:none;
    }
    .promotedArticles img {
        width: 224px;
        height: 160px;
        border-radius: 4px 4px 0 0;
    }


    .promotedArticles .titleArticles {
        color: #222222;
        font-size: 16px;
        padding: 10px;
        text-align: right;
        line-height: 24px;
        white-space: break-spaces;
    }
 .promotedArticles .promotedArticles-floating-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    background-color: #F4F4F4;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.promotedArticles .promotedArticles-floating-button img {
    width: 13px;
    height: 9px;
}

.Promoted_Articles .promotedArticles img:hover {
    filter: sepia(0.2);
}

#ArticlesHomelessMagazine {
    display: flex;
    transition: transform 0.5s ease;
    transform: translateX(0px);
}


.fade-effect-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 1;
}

.fade-effect-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 15px;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 1;
}

.BackgroundGrayBlock .fade-effect-left {
    background: linear-gradient(to right, var(--smoke), rgba(255, 255, 255, 0)) !important;
}