﻿
.globesLink {
    background: url(https://images.globes.co.il/globes/logo-138-35-2.svg?ver=1) no-repeat 0 0;
    height: 38px;
    width: 138px;
}
/*============ALEX TEST==================*/

.expArrow {
    background-image: url(https://images.globes.co.il/globes/paywall/arrow-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(
-90deg
);
    -webkit-transform: rotate(
-90deg
);
    display:inline-block;
    width: 15px;
    height: 15px;
    transition: transform 0.3s ease;
    cursor:pointer;
}

.expArrow.open {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}





.hh {
    display: inline-block !important;
    animation: animatezoom1 .7s forwards;
}

    .cc{
        display:inline-block !important;
        animation:animatezoom2 .7s forwards;
    }

    @keyframes animatezoom1{from{transform:scale(1)} to{transform:scale(0)}}
    @keyframes animatezoom2{from{transform:scale(0)} to{transform:scale(1)}}



/* colors */
:root {
    --colorBlack: #0e0f2c;
    --colorShadow: #0e0f2c;
    --colorYellowMain: #fed30c;
    --colorRedMain: #e83146;
    --colorBlue: #6cc4de;
    --colorViolet: #8f5bf5;
    --colorRed: #ff7c57;
    --colorRedHover: rgba(181, 0, 21, 0.86);
    --colorGreen: #5db573;
    --colorYellow: #bad636;
    --bg-primary: #fff9f4;
}
h1,h2,h3,h4,h5 {font-weight:normal}

/*===============================REMOVE (FOR TEST ONLY)========================*/
#madadBody {
    margin-top: 0px;
}
#madadFilter {padding-bottom: 100px;}
#madadFilter .btnAction {
    margin: 10px 10px;
    width: 200px;
    padding: 10px 10px;
    cursor: pointer;
}

.btnSel{
    background-color:#333;
    color:#fff;
}

#lg-zoom-out, #lg-zoom-in, #lg-actual-size {
    display: none
} 




#ratingList {
    width: 92%;
    margin: 180px auto 0;
}

#ratingList .cmpRating {
    border: 2px solid var(--colorBlack);
    direction: rtl;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 368px;
    background: #fff;
    position:relative;
 
}

    #ratingList.categories .cmpRating {        height: 280px    }


    #ratingList .cmpRating .share {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg);
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        left: 23px;
        top: 20px;
        cursor:pointer;
    }
    #ratingList .cmpRating .new {
        background: url(https://res.cloudinary.com/globes/image/upload/v1626007897/Digital/icons/a-icon-new_k4uh3n.svg) no-repeat 0 0;
        position: absolute;
        bottom: 20px;
        left:20px;
        display: block;
        height: 32px;
        width: 32px;
        z-index:1
    }
        #ratingList .cmpRating .new .tooltip {
            background: #fff;
            width: 270px;
            height: auto;
            font-size: 20px;
            line-height: 1;
            border: 1px #000 solid;
            padding: 10px;
            font-family: 'almoniDL400';
            position: absolute;
            left: 38px;
            top: -6px;
            z-index: 1;
            text-align: center;
        }
        #ratingList .group3 .cmpRating .new,
        #ratingList.categories .items .new {
            zoom: 80%;
 
        }
 
 
        #ratingList .group3 .cmpRating {
            height: 344px;
        }

.groupType2, .groupType1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    margin: 0 auto;
    max-width: 1240px;
    margin-top: 170px;
}
    .groupType2.about {
        grid-template-columns: 1fr 1fr
    }
 .groupType2.about .sideImg { padding-bottom:0}
    .groupType2.about .sideImg img {
        float: right;
        margin-left: 20px;
        border: 0;
 
    }
    .groupType2.about .sideImg .titleEl {
        border:0;
        margin:26px 0 0;
        min-height: auto;
        padding-top:0;
    }
.groupType2.about .artSingle.child1.sideImg .titleEl {    font-size: 48px; margin:33px 0 38px}


.artGroup.groupTypeG {margin-top:100px}
#bottomGallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    margin: 0 auto;
    max-width: 1240px;
    margin-top: 70px;
    margin-bottom: 50px;
}
    #bottomGallery a img {
        object-fit: cover;
        object-position: 50% 50%;
        height: 200px;
    }




    .lg {
        margin-top: 80px;
    }
#INDmenu-btn {top:18% !important}

.groupType2 .top, .groupType1 .top, #singleFolderContent h1, #singleFolderContent.groupType2 .subTitle, #singleFolderContent.groupType1 .subTitle, .groupType2 .artSingle.child1 {
    grid-column: -1 / 1;
}
#singleFolderContent h1 {
    font-family: almoniTzar500;
    font-size: 96px;
    text-align: right;
    line-height: 1;
    margin-bottom: 0;
    font-weight: normal;
}
#singleFolderContent .subTitle {
    font-size: 24px;
    line-height: 32px;
    font-family: almoniDL700;
    text-align: right;
}


#singleFolderContent.about .subTitle {
    margin-bottom: 40px;
    margin-top: 20px;
}
    #singleFolderContent.groupType2 .artSingle.child1 img {
    float: right;
    width: 383px;
    height: 404px;
    margin-left: 32px;
}

#ratingList .group1 {
    grid-template-columns: auto;
}
#ratingList .group2 {
    grid-template-columns: auto auto auto;
}
#ratingList .group3 {
    grid-template-columns: auto auto auto auto;
    grid-gap: 30px !important;
}

#ratingList .group1, #ratingList .group2, #ratingList .group3 {
    display: grid;
    grid-gap: 65px;
    max-width: 1248px;
    margin: 0 auto;
    margin-bottom: 65px;
}

    #ratingList .group1 .cmpRating .num {
        font-size: 496px;
        top: 90px;
        right:0;
    }
    #ratingList .group3 .cmpRating .num {
        font-size: 56px;
        right: 22px
    }

    #ratingList .group1 {position:relative}
        #ratingList .group1 .firstBottomLink {
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            font-size: 28px;
            font-family: 'almoniTzar500';
            cursor: pointer;
            color: var(--colorViolet);
            text-decoration: underline;
        }


    #ratingList .cmpRating .num {
        font-size: 20px;
        padding: 5px 5px;
        display: inline-block;
        vertical-align: top;
        -webkit-text-stroke: 2px var(--colorBlack);
        z-index: 1;
        position: absolute;
        top: 29px;
        right: -40px;
        color: #fff;
        font-size: 204px;
        font-family: demibold;
        font-feature-settings: 'ss01' on, 'ss02' on;
        line-height: 0;
        text-shadow: 9px 9px 0px var(--colorNum), 8px 8px 0px var(--colorNum), 7px 7px 0px var(--colorNum), 6px 6px 0px var(--colorNum), 5px 5px 0px var(--colorNum), 4px 4px 0px var(--colorNum), 3px 3px 0px var(--colorNum), 2px 2px 0px var(--colorNum), 1px 1px 0px var(--colorNum), 0 0 var(--colorNum), 19px 19px 0px var(--colorBlack), 18px 18px 0px var(--colorBlack), 17px 17px 0px var(--colorBlack), 16px 16px 0px var(--colorBlack), 15px 15px 0px var(--colorBlack), 14px 14px 0px var(--colorBlack), 13px 13px 0px var(--colorBlack), 12px 12px 0px var(--colorBlack), 11px 11px 0px var(--colorBlack), 10px 10px var(--colorBlack);
    }



#ratingList .group3 .cmpRating .num {
    text-shadow: 4px 4px 0px var(--colorNum), 3px 3px 0px var(--colorNum), 2px 2px 0px var(--colorNum), 1px 1px 0px var(--colorNum), 0 0 var(--colorNum), 9px 9px 0px var(--colorBlack), 8px 8px 0px var(--colorBlack), 7px 7px 0px var(--colorBlack), 6px 6px 0px var(--colorBlack), 5px 5px var(--colorBlack);
}

    #ratingList .cmpExtRating {
        box-shadow: 16px 16px 0 0 var(--colorNum);
    }

#ratingList .cmpRating .num   {--colorNum: var(--colorYellow);}
#ratingList .cmpRating.type1 .num, #ratingList .cmpExtRating.type1 {
    --colorNum: var(--colorGreen);
}
#ratingList .cmpRating.type2 .num, #ratingList .cmpExtRating.type2 {
    --colorNum: var(--colorViolet);
}
#ratingList .cmpRating.type3 .num, #ratingList .cmpExtRating.type3 {
    --colorNum: var(--colorBlue);
}
#ratingList .cmpRating.type4 .num, #ratingList .cmpExtRating.type4 {
    --colorNum: var(--colorRed);
}
#ratingList .cmpRating.type5 .num, #ratingList .cmpExtRating.type5 {
    --colorNum: var(--colorYellow);
}



#singleFolderContent.gallery {position:relative}
    #singleFolderContent.gallery .share {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg);
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        left: 0px;
        top: 36px;
    }
#singleFolderContent.gallery h1 {
    font-size: 96px;
    font-family: almoniTzar500;
    margin-bottom: 24px;
}




.lg-toolbar {
    background-color: transparent !important;
}

.lg-thumb-outer {
    margin-bottom: 74px;
}

#divHomePage {
    background-color: var(--bg-primary);
}



#ratingList .cmpRating .logo {
    display: inherit;
    border: 0px;
    margin: 12px;
    width: 100%;
    max-width: 280px;
    height: auto;
    filter: invert(100%) sepia(500%) saturate(2480%) hue-rotate(532deg) brightness(35%) contrast(230%);


}
#ratingList .group1 .cmpRating .logo {
    max-width: 440px
}


#ratingList.categories .cmpRating .txt {
    display: none;
    top: 0;
    left: 0;
    position: absolute;
    background: #fff;
    z-index: 1;
    height: 240px;
    overflow: auto;
    direction: ltr;
    padding: 20px;
}

#ratingList .cmpRating .catPlace {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    width: 90%;
    font-family: 'almoniDL400';
}

.adGallery {
    grid-column: -1 / 1;
    background: var(--SecondaryBG);
    display: flex;
    justify-content: space-between;
    padding: 23px 35px 35px 43px;
    border: 2px solid var(--colorBlack);
    box-shadow: 4px 4px 0 0 var(--colorBlack);
    align-items: center;
    cursor: pointer;
    margin-bottom: 30px;
}
    .adGallery .title {
        font-size: 72px;
        line-height: 80px;
        font-family: 'almoniTzar500';
        margin: 0;
    }
    .adGallery .button {
        font-family: 'almoniDL700';
        font-weight: normal;
        font-size: 18px;
        line-height: 34px;
        color: var(--colorBlack);
        border: 2px solid var(--colorBlack);
        box-shadow: 4px 4px 0 0 var(--colorBlack);
        background: #fff;
        padding: 1px 16px;
    }




#ratingList.categories .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    margin-top:16px;
}
#ratingList.categories .cmpRating .num {
    font-size: 56px;
    top: 30px;
    right: 20px;
    text-shadow: 4px 4px 0px var(--colorNum), 3px 3px 0px var(--colorNum), 2px 2px 0px var(--colorNum), 1px 1px 0px var(--colorNum), 0px 0px 0px var(--colorNum), 3px 3px 0px var(--colorBlack), 4px 4px 0px var(--colorBlack), 5px 5px 0px var(--colorBlack), 6px 6px 0px var(--colorBlack);
}
#ratingList .cmpExtRating .text, #ratingList .cmpExtRating .showAll {
    max-width: 606px
}



#ratingList .cmpExtRating {
    width: calc(1229px - 176px);
    margin: 30px auto 88px;
    font-family: 'almoniDL400';
    padding: 24px 56px 56px 56px;
    border: solid 2px #000000;
    background-color: #ffffff;
    padding: 24px 56px 56px 56px;
    text-align: right;
}



    #ratingList .cmpExtRating h3 {
        font-size: 72px;
        font-family: almoniTzar500;
        margin: 0px;
        text-align: right;
        display: inline;
    }

#ratingList .cmpExtRating h4{
    margin:0px;
}

#ratingList .cmpExtRating .text{
    width:96%;
    font-size:20px;
    text-align:right;
    padding:5px 0;
    direction:rtl;
    clear:both;
}

#ratingList .cmpExtRating .info {
    margin-top:56px;

}
#ratingList .cmpExtRating h4 {  font-size: 36px; font-family: almoniTzar500; margin-bottom:16px}
    #ratingList .cmpExtRating h5 {
        font-size: 20px;
        font-family: almoniDL700;
        line-height: 1.6;
        margin: 0 0 16px;
        max-width:606px;
    }


    #ratingList .cmpExtRating .text p {
        margin-top: 0
    }

    /* #ratingList .cmpExtRating .text p:not(:first-of-type){
    display:none;}*/

    #ratingList .cmpExtRating .showAll {
        font-size: 16px;
        color: var(--colorRedMain);
        cursor: pointer;
        font-family: 'almoniDL700';
        text-align:right;
    }
    #ratingList .cmpExtRating .showAll:hover {color: var(--colorRedHover);}

#kidumMadad {
    background: var(--SecondaryBG);
    margin-top: 20px;
    border-bottom: 3px var(--colorShadow) solid;
}


#txtQuickSearch {
    display: block;
    margin: 10px auto;
    width: 300px;
    height: 31px;
    padding:0 0 10px;
    font-size: 24px;
    direction: rtl;
    border: 0;
    border-bottom: 2px #000 solid;
    background: none;
    font-family: almoniDL700;
    color: var(--colorBlack);
    outline:none;
}
    #txtQuickSearch::placeholder {
        font-family: almoniDL700;
        color: var(--colorBlack);
    }

#ddlCategories {
    display: none;
    margin: 10px auto;
    width: 300px;
    height: auto;
    padding: 0 0 10px;
    font-size: 24px;
    direction: rtl;
    border: 0;
    border-bottom: 2px #000 solid;
    background: none;
    font-family: almoniDL700;
    color: var(--colorBlack);
    outline: none;
    position: relative;
    /*top: -15px;*/
}


#folderContent #singleFolderContent.groupType1 .subTitle {
    margin-bottom: 40px;
}


#artContent, #singleFolderContent {
    max-width: 1248px;
    margin: 0px auto;
}
#singleFolderContent {margin-top:80px; position:relative}

#secFilter, #folderContent, #artContent {
    margin: 0 auto;
    max-width: 1230px
}

.artGroup .top h2 {
    font-size: 96px;
    line-height: 1;
    font-weight: normal;
    font-family: 'almoniTzar500';
    margin: 0 0 14px;
    text-align: right
}


#artContent .img{
    width:100%;
}
#divArticleContent .text p img {
    width: auto;
    outline: 2px var(--colorBlack) solid;
}
#divArticleContent .text h3 strong, #divArticleContent .text h3 {
    font-family: almoniTzar500;
    font-size: 32px;
    font-weight: normal
}
#divArticleContent .top .credit {
    margin-top: 17px;
    font-size: 14px;
    font-family: almoniDL400;
    margin-bottom: 32px;
}
.artSingle {
    margin-bottom: 30px;
    outline: solid 2px var(--colorBlack);
    box-shadow: 8px 8px 0 0 var(--colorShadow);
    text-align: right;
    padding-bottom: 16px;
    background: #fff;
    
    display: grid;
    grid-template-rows: auto 1fr auto;
}
    .artSingle img {
        width: 255px;
        display: block;
    }
        .artSingle img.wide {width:100%}

        #singleFolderContent .artSingle img {
            border: 0
        }

#singleFolderContent .artSingle,
.artGroup.groupType1 .artSingle, .artGroup.groupType2 .artSingle,
#divArticleContent .bottom .addArticles .artSingle {
    cursor: pointer
}

.divArrow {text-align:center}

.promos .artSingle {
    cursor: default !important
}

.artGroup .artSingle.type1 {
    --colorShadow: var(--colorGreen)
}
.artGroup .artSingle.type2, .promos .artSingle.type2 {--colorShadow: var(--colorViolet)}
.artGroup .artSingle.type3, .promos .artSingle.type3 {--colorShadow: var(--colorBlue)}
.artGroup .artSingle.type4, .promos .artSingle.type4 {--colorShadow: var(--colorRed)}
.artGroup .artSingle.type5, .promos .artSingle.type5 {--colorShadow: var(--colorYellow)}



.artSingle, .artGroup .lnk, .adGallery {
    -webkit-transition: all 0.2s ease-out;
}

.artSingle:hover,
.artGroup .lnk:hover,
.adGallery:hover {
    transform: translate(10px, 10px);
    box-shadow: none;
}

.promos .artSingle:hover {
    transform:none;
    box-shadow: 8px 8px 0 0 var(--colorShadow);
}

.hpSB .lnkSB:hover, .hpSB .lnkSB.active {
    position: relative;
    right: -2px;
    box-shadow: none;
    top: 2px;
}
.promos {
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    align-items: start;
}

    .promos .adFolderData {
        grid-column: -1 / 1;
    }

        .promos .adFolderData h4 {
            font-family: almoniTzar500;
            font-size: 96px;
            text-align: right;
            line-height: 1;
            margin:40px auto 0;
            font-weight: normal;
        }
        .promos .adFolderData h5 {
            font-size: 24px;
            line-height: 32px;
            font-family: almoniDL700;
            text-align: right;
        }


        .promos .artSingle {
            padding: 32px 32px 40px;
        }

    .promos .artSingle .titleEl {
        padding: 0;
        min-height: 140px;
        border: 0 !important
    }
    


 .artSingle.child1 .subTitleEl{
     padding:0 32px 10px 32px;
 }
    .artSingle.child1 .subTitleEl, 
    .artSingle.child1 .subTitleEl p {
        font-size: 20px;
        margin:0;
        font-family: almoniDL400;
}


.artSingle .titleEl {
    font-size: 32px;
    line-height: 1;
    text-align: right;
    font-family: 'almoniTzar500';
    margin-bottom: 24px;
    border-top: 1px solid #000 !important;
    padding: 16px 16px 0 !important;
    margin: 0 0 32px;
 
}
.artSingle.type3  .titleEl{
     border-top: none;
}
.artSingle.type3  .titleEl {
    padding: 0 0 20px 0;
}
/* /news/home.aspx?fid=13389 */


#singleFolderContent.about .artSingle .titleEl {
    min-height: initial
}
#singleFolderContent.about .artSingle.sideImg .titleEl {
    min-height: 170px !important;
    border-top:0 !important;
}

#singleFolderContent.about .artSingle.child1 {    position: relative}
#singleFolderContent.about .artSingle.child1 .nameEl {
    position: absolute;
    bottom: 30px;
    right: 400px
}



#singleFolderContent.about .artSingle {
    padding-bottom: 0;
    display: block;

}
 
#singleFolderContent.about .artSingle .subTitleEl {
    margin-bottom: 20px;
    padding: 0 32px 95px 32px;
}
#singleFolderContent.about .share {
    background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg) no-repeat;
    width: 33px;
    height: 33px;
    display: inline-block;
    position: absolute;
    top: 100px;
    right: 230px;
    display:none
}


#madadFilter .artGroup.groupType2 .lnk {
    display: none
}


#singleFolderContent.groupType2 .artSingle.child1 .titleEl {
    font-size: 64px;
}




/*.artGroup.groupType2 .titleEl {    padding: 0}*/
.artSingle .nameEl {
    padding: 0 16px;
    font-size: 16px;
    font-family: almoniDL700;
    margin-bottom: 4px
}
 .artSingle .posEl {padding: 0 16px;font-size: 14px; font-family: almoniDL400;}

.artSingle.child1 .bottom {
    position: absolute;
    bottom: 20px;
    right: 395px;
}

.artGroup .lnk {
    width: 104px;
    padding: 15px 16px;
    box-shadow: 4px 4px 0 0 var(--colorBlack);
    border: solid 2px #0e0f2c;
    background-color: #ffffff;
    color: var(--colorBlack);
    font-size: 18px;
    font-family: almoniDL700;
    cursor: pointer;
}

   .promos .artSingle .imgEl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  .promos .artSingle hr {  margin: 22px 0 23px;border-bottom:solid 2px #000000; background:#000}
.promos .artSingle .textEl {
    font-size: 20px;
    text-align: right;
    line-height: 1.5;
    font-family: almoniDL400;
    /*height: 85px;
    overflow: hidden;*/
}
    /*.promos .artSingle .textEl:after {content:"קרא עוד"}*/
    .promos .artSingle .imgEl img {
        width: 96px !important;
        height: 96px;
        border-radius: 50%;
        border: solid 2px #0e0f2c;
        margin: inherit;
    }
     .promos .artSingle .imgEl .shareArt {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg);
        width: 33px;
        height: 33px;
        display: block;
        cursor:pointer;
    }


.promos .artSingle.child2.type2 .titleEl {padding:0}

#divArticleContent {
    text-align: right;
    max-width: 800px !important;
    margin-top: 110px !important;
    display: block;
}
    #divArticleContent .bottom .addArticles  {
        grid-template-columns: 1fr 1fr 1fr;
        display: grid;
        grid-gap: 24px;
    }
    #divArticleContent .bottom h2 {
        font-size: 72px;
        line-height: 1.11;
        margin-bottom: 48px;
        font-family: almoniTzar500;
    }

    #divArticleContent .bottom .subTitleEl {display:none}

    #divArticleContent .top .title {
        line-height: 1.11;
        font-size: 72px;
        font-family: 'almoniTzar500';
        margin-bottom: 24px;
    }
    #divArticleContent .subTitle {
        font-size: 18px;
        line-height: 26px;
        font-family: OpenSansHebrew;
        font-weight: normal;
        color: #1a1a1a;
        letter-spacing: -0.11px;
        margin: 12px 0 24px;
    }
    #divArticleContent .top .subTitle {
        font-size: 24px;
        line-height: 32px;
        max-width:606px;
        font-family: 'almoniDL700';
        margin-bottom: 24px;
    }
    #divArticleContent .top .author {
        border-bottom: 2px var(--colorBlack) solid;
        margin-bottom: 48px;
        display: grid;
        grid-template-columns: 140px 1fr auto;
        align-items: center;
        font-size: 18px;
        font-family: 'almoniDL700';

    }
    #divArticleContent .top.regular .author {
        grid-template-columns: 1fr auto;
        padding-bottom:16px
    }


     #divArticleContent .top .position {  font-size: 16px;font-family: 'almoniDL400'; color: #484848;}
    #divArticleContent .top .share {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg) no-repeat;
        width: 33px;
        height: 33px;
        display: block;
        
        cursor: pointer;
    }

    #divArticleContent .top .author img {
        width: 111px;
        height: 117px;
        margin-bottom: 16px;
    }

    #divArticleContent .text {
        font-size: 24px;
        line-height: 36px;
        font-family: almoniDL400;
        font-weight: normal;
 
 
        margin: 12px 0 24px;
    }


#secFilter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
 
}
#newType {
    text-align: left;
    grid-column: -1 / 1;
    position: relative;
    top: 119px;
    margin-left:16px;
}

#newType .newTypeImg {
    background: url(https://res.cloudinary.com/globes/image/upload/v1626007897/Digital/icons/a-icon-new_k4uh3n.svg) no-repeat 0 0;
    display: inline-block;
    height: 32px;
    width: 32px;
    zoom: 60%;
    position: relative;
    top: 6px;
}
#newType .newTypeDesc {
font-family: 'almoniDL500';
font-size: 18px;
}

#secFilter h2 {
    font-family: almoniTzar500;
    font-size: 96px;
    grid-column: -1 / 1;
    text-align: right;
        margin: 0 0 80px 0;
}

#mobileMenuContent {display:none}
/* switch */
#filterSlider {
    display: flex;
    align-items: center;
     
}
    #filterSlider span {
        font-size: 28px;
        font-family:almoniDL700;
        color:#666
    }
        #filterSlider span.active {
            color: var(--colorBlack);
        }

   #filterSearch {
            justify-content: left;
            display: grid;
        }


.switch {
    position: relative;
    display: inline-block;
    width: 99px;
    height: 56px;
    margin:0 22px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(https://res.cloudinary.com/globes/image/upload/v1625652568/Digital/icons/a-toggle-base-copy-2_gx76d3.svg) no-repeat 0 0;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 47px;
            width: 47px;
            left:2px;
            bottom:3px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border: solid 2px #0e0f2c;
        }

    .switch input:checked + .slider {
        background-color: #323245;
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(46px);
        -ms-transform: translateX(46px);
        transform: translateX(46px);
        box-shadow:none;
    }


.slider.round {
    border-radius: 34px;
}
     .slider.round:before {
        border-radius: 50%;
        box-shadow: 3px 0px 1px 0px rgb(254 211 12);
    }

/* end switch */














:root {
    --MainBG: #fff;
    --SecondaryBG: #fed30c;
    --Separator: #eedbe2;
    --PrimaryColor: #97133f;
    --PrimaryDarker: #700b2d;
    --MainText: #1a1a1a;
    --SecondaryText: #484848;
}
 body {
     min-width:100%
}
 img{
    width:100%;
}
 @font-face {
     font-family: 'almoniTzar400';
     font-weight: 400;
    /*(regular)*/
     font-style: normal;
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot');
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff') format('woff'), url('/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff2') format('woff2');
}
 @font-face {
     font-family: 'almoniTzar700';
     font-weight: 700;
     font-style: normal;
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot');
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff') format('woff2'), url('/Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff2') format('woff') 
}
 @font-face {
     font-family: 'almoniTzar500';
     font-weight: 500;
     font-style: normal;
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot');
     src: url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff') format('woff'), url('/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff2') format('woff2');
}
 @font-face{
	font-family:'ultrabold';
	font-weight:900; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot'); 
		src: url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff2') format('woff2'),
			 url('/Static/fonts/almoni2019/almoni-neue-ultrabold-aaa.woff') format('woff');
}
 #wrapper,header{
     max-width:unset;
     width:100%;
}
 #wrapper {
 
     overflow:visible;
}
 .desc {
     margin:108px auto 173px;
     font-family: 'AlmoniDL400';
     font-weight:normal;
     text-align:center;
     font-size: 32px;
     line-height: 1.5;
     max-width:1068px;
     width:calc(100% - 54px);
     display:none 
}
 .hpSB{
     display:flex;
     width:calc(100% - 40px);
     text-align:center;
     margin:0;
     padding:15px 20px;
     top:0;
     overflow:hidden;
     z-index: 1111111111;
     background: var(--SecondaryBG);
     position:fixed;
 
 
}

.hpSB.sticked {}
.logos {
    display: flex;
}
 .hpSB .del1 {
     height: 40px;
     border: solid 1px var(--PrimaryColor);
     margin:0 20px;
     display:inline-block;
}
 
 .hpSB h2{
     display: inline-block;
         font-family: almoniTzar700;
    font-weight: normal;
     margin: 0;
     font-size: 32px;
     color:var(--PrimaryColor);
}
.hpSB .lnkSB {
    display: inline-block;
    font-family: 'almoniDL700';
    font-weight: normal;
    margin: 0px 22px;
    font-size: 18px;
    line-height: 28px;
    color: var(--colorBlack);
    border: 2px solid var(--colorBlack);
    box-shadow: 4px 4px 0 0 var(--colorBlack);
    background: #fff;
    padding: 5px 16px;
    white-space: nowrap;
}
 
 #dvRSB {
     display: flex;
     align-items: center;
}
 #dvRSB a span {
    margin:0 0 0 10px;
     font-size:18px
}
    #dvRSB .shareProject {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg) no-repeat;
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        left: 23px;
        top: 20px;
        cursor: pointer;
    }
#ratingList .cmpExtRating .shareCategory {
    background: url(https://res.cloudinary.com/globes/image/upload/v1625135421/Digital/%D7%9E%D7%93%D7%93%20%D7%94%D7%9E%D7%95%D7%AA%D7%92%D7%99%D7%9D%202021/a-icon-share-3-d_d9nn7f.svg) no-repeat;
    width: 33px;
    height: 33px;
    display: inline-block;
    position: relative;
    top: 1px;
    right: 20px;
    cursor: pointer
}


#lnkLogo {
    background: url(https://res.cloudinary.com/globes/image/upload/v1625735176/Digital/icons/a-logo-madad-horizontal_k1avlf.svg) no-repeat;
    width: 151px;
    height: 43px;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px #000 solid;
}
#SBTopLinks .table {
    display: flex;
    margin-right: 36px;
}

.hpSB .l {
    font-family: AlmoniDL400;
    margin: 0px 20px 0 0;
    display: flex;
    align-items: center;
    border-right: 1px #92969a40 solid;
    padding-right: 20px;
}
 #kidumSB {
     display:block;
     background: url(https://res.cloudinary.com/globes/image/upload/v1614685431/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/%D7%AA%D7%9E%D7%95%D7%A0%D7%95%D7%AA%20%D7%A9%D7%99%D7%AA%D7%95%D7%A3/desktop_3_bkg_hero_sncfbi.png);
     height: 420px;
     position:relative;
     margin-top:60px;
     background-size:cover;
}
 #kidumSB h1{
    position: absolute;
    top: 50%;
    right: 50%;
    font-family: 'almoniTzar700';
    font-size: 128px;
    color: var(--MainBG);
    z-index: 1;
    line-height: 95px;
    letter-spacing: 0.32px;
    width: 830px;
    text-align: center;
    font-feature-settings: "smcp";
    margin: 0;
    transform: translate(50%, -50%);
}
 #kidumSB .kidomImg {
     position: absolute;
     bottom: 270px;
     z-index: 1;
     right: 160px;
}
 #kidumSB h3{
     position:absolute;
     top:110px;
     right:450px;
     font-family: 'almoniDL700';
     font-size:40px;
}
 .divSBTitle {
     max-width: 1600px;
     text-align: right;
     font-family: 'almoniTzar700';
     font-size: 48px;
     line-height: 57px;
     margin: 30px auto 51px;
     color: #1a1a1a;
     letter-spacing: -0.18px;
     border-bottom: 1px #1a1a1a solid;
     font-weight:normal;
     padding-bottom: 10px;
     position:relative 
}
 .divSBTitle:after {
     position: absolute;
     content: '';
     border-radius: 5px;
     bottom: -2px;
     right: 0;
     width: 72px;
     border: 2px #c00 solid;
     background: #c00;
}
 .divSBTitle h2 {
    margin:0;
     font-size:48px 
}
 #divSBInstruction {
     width:100%;
     margin:30px auto 78px;
     max-width: 1040px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
}
 #divSBInstruction div{
     display:inline-block;
}
 #divSBInstruction div>span img {
     border-radius:50%;
     width: 180px;
     height: 180px;
}
    #divSBInstruction p {
        font-family: 'almoniTzar400';
        font-size: 32px;
        color: var(--colorBlack);
        max-width: 65%;
        margin: 30px auto 0;
        line-height: 32px;
    }
 #divSBInstruction div:nth-of-type(1){
     direction:ltr;
}
 #divSBInstruction div:nth-of-type(1)>p{
     text-align:center;
}
 #divSBInstruction div:nth-of-type(2)>span{
     margin:0px auto;
}
 #section_article .item h2, #section_article .hWr4 {
    text-align:center;
     max-width:613px
}
 #divGalleryCredits {
    font-family: 'almoniDL400';
     font-size:16px
}
 .socialIconsArt {
    direction:ltr
}
 .socialIconsArt a {
     display: inline-block;
     width: 77px;
     height: 77px;
     zoom: 60%;
     position: relative;
     margin-left:24px;
}
 .socialIconsArt .twitter {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_twitter.svg') no-repeat center;
}
 .socialIconsArt .facebook {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_facebook.svg') no-repeat center;
}
 .socialIconsArt .mail {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_mail.svg') no-repeat center;
}
 .socialIconsArt .linkedin {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_linkedin.svg') no-repeat center;
}
 .socialIconsArt .whatsap {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_whatsapp.svg') no-repeat center;
}
 .socialIconsArt .facebook:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_facebook_color.svg);
}
 .socialIconsArt .twitter:hover{
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_twitter_color.svg);
}
 .socialIconsArt .whatsap:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_whatsapp_color.svg);
}
 .socialIconsArt .mail:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_mail_color.svg);
}
 .socialIconsArt .linkedin:hover {
     background-image: url(https://images.globes.co.il/globes/urban_renewal/icn_linkedin_color.svg);
}
 .socialIconsArt .copy:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_copy_link_color.svg);
}
.mainInfo .socialLinks {
    text-align: center;
    direction: ltr;
    padding: 5px 0;
    border-top: 1px var(--colorBlack) solid;
    border-bottom: 1px var(--colorBlack) solid;
    margin-top: 20px
}
 .mainInfo .socialLinks a {
     display:inline-block;
     margin-bottom:10px;
     width:30px;
     height:30px;
     margin: 0 14px;
     cursor:pointer
}
 .mainInfo .socialLinks .icon1 {
    background:url(https://images.globes.co.il/globes/icons/icn-facebook.svg) no-repeat 0 0;
}
 .mainInfo .socialLinks .icon2 {
    background:url(https://images.globes.co.il/globes/icons/icn-twitter.svg) no-repeat 0 0;
}
 .mainInfo .socialLinks .icon3 {
    background:url(https://images.globes.co.il/globes/icons/icn-mail.svg) no-repeat 0 0;
}
 .mainInfo .socialLinks .icon4 {
    background:url(https://images.globes.co.il/globes/icn-linkdin.svg) no-repeat 0 0;
     zoom: 81%;
}
 .mainInfo .socialLinks .icon5 {
    background:url(https://images.globes.co.il/globes/icons/icn-whatsapp.svg) no-repeat 0 0;
}

    .mainInfo .socialLinks span {
        text-align: center;
        font-size: 16px;
        color: var(--colorBlack);
        margin-bottom: 4px;
        font-family: 'almoniDL400';
        display: block
    }
 #divSBBanner1{
     width: 1050px;
     height: 90px;
     margin:109px auto 97px;
     font-size:40px;
}
 #filterTitle {
     font-size: 24px;
     font-family: 'almoniTzar400';
     color: var(--PrimaryColor);
     margin: 0 0 0 40px;
     cursor:pointer;
     line-height:38px;
     flex: 0 0 140px;
}
 #filterTitle:before{
     content:url(https://res.cloudinary.com/globes/image/upload/v1613396778/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-24-filter_cgykuq.svg);
     position: relative;
     top: 4px;
     margin-left: 10px;
}
 #filters{
     display:none;
     text-align: right;
     max-width:722px;
}
 #SBFilterBtns {
    margin:25px auto;
    padding: 12px 24px;
     display: flex;
     max-width: 1478px;
     width: 100%;
}
 .pinkBg{
      background: var(--SecondaryBG);
 }
 #SBFilterBtns input {
     background:var(--SecondaryBG);
     color: var(--PrimaryColor);
     border: 1px var(--PrimaryColor) solid;
     font-size: 24px;
     line-height: 1.5;
     padding: 0px 12px;
     font-family: 'almoniTzar400';
     margin: 0 0 18px 18px;
     cursor:pointer ;
     border-radius: 4px;
     letter-spacing: 0.12px;
     -webkit-appearance: none;
}
 #SBFilterBtns input:hover, #SBFilterBtns input.active {
    background:#e9cdd7;
}
  #SBFilterBtns input:focus{
      outline:none;
  }
 #SBFilterData, .allMembers{
     margin:36px auto 120px;
     max-width: 1478px;
     display: grid;
     grid-template-columns: repeat(auto-fill, 345px);
     grid-gap: 32px;
     width: calc(100% - 36px);
     justify-content: center;
}
 #SBFilterData>a{
     display:inline-block;
     position: relative;
     margin-bottom:50px;
     vertical-align: top;
}
 #SBFilterData>a:visited * {
    color:#66605b
}
 .SBCoach img{
     width:100%;
     height: 363px;
     object-fit: cover;
     transition:all 0.2s ease;
}
 .SBCoach{
     cursor:pointer;
}
 .SBCoach:hover img , .divRelatedItem:hover img{
     -webkit-box-shadow: 14px 14px 0 0 var(--PrimaryColor);
     box-shadow: 14px 14px 0 0 var(--PrimaryColor);
     transform: translate(-14px, -14px);
}
 .SBCoach:hover h4, .SBCoach:hover h5, .divRelatedItem:hover .title, .divRelatedItem:hover .description{
     color:var(--PrimaryColor);
}
 .SBCoach h4, .title {
     font-size:28px;
     line-height:31px;
     margin:10px 0 5px;
     font-family: 'almoniTzar700';
     color:var(--MainText);
     text-align:right 
}
 .SBCoach h5, .description{
     font-size:18px;
     line-height:24px;
     font-family: 'almoniDL400';
     margin:0;
     color:var(--SecondaryText);
     letter-spacing: -0.04px;
     font-weight: normal;
     text-align:right 
}
  .SBCoach h5 p{
      margin:0;
  }
 #divArticleContent, #divVaadParent, #divAboutParent, .pageLayoutArticle {
     max-width: 1478px;
     width: calc(100% - 36px);
     margin:60px auto;
     position:relative; padding-top:0 !important
}
 
 .pageLayout {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 100px;
     padding:60px 0 24px;
     justify-content: space-between;
     text-align:right;
}
 .pageLayoutPerson {
     display: grid;
     grid-template-columns:60px 1fr 1fr 60px;
     grid-gap: 20px;
     padding:60px 0 24px;
     justify-content: space-between;
     text-align:right;
         margin-bottom: 56px;
}
 #divVaadParent, #divAboutParent{
     display:none;
}
 .border{
     border-bottom: 1px solid var(--Separator);
     padding-bottom: 56px;
}
 #divArrowLeft, #divArrowRight {
     position: -webkit-sticky;
     position: sticky;
     background: var(--PrimaryColor);
     width: 60px;
     height: 60px;
     border-radius: 6px;
     top:40%;
     z-index:1;
     cursor:pointer;
}
 #divArrowLeft:after, #divArrowRight:before{
     content:"";
     border: solid #fff;
     border-width: 0 3px 3px 0;
     display: inline-block;
     padding: 7px;
     position:absolute;
     top:23px;
}

 #divArrowLeft:after{
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     right:20px;
}

 #divArrowRight:before{
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     right:25px;
}
 #divArrowLeft:hover,#divArrowRight:hover {
     width:180px;
     line-height:60px;
     text-align: center;

}
 #divArrowRight:hover {
     margin-right:-120px;
 }
 #divArrowLeft:hover::after,#divArrowRight:hover::before {
     position:initial;
}
 #divArrowLeft:hover::before{
     content:"למשפיעה הבאה";
     color: #fff;
     font-family: 'almoniTzar400';
     font-size: 28px;
     display: inline-block;
}
 #divArrowRight:hover::after{
     content:"למשפיעה הקודמת";
     color: #fff;
     font-family: 'almoniTzar400';
     font-size: 28px;
     display: inline-block;
}
 #divArtData{
     text-align:right;
}
 .divArtTitle, .pageTitle {
     font-size: 88px;
     font-family: 'almoniTzar700';
     color:var(--MainText);
     line-height: 1;
     margin: 0 0 15px 0;
}
 .divArtSubTitle {
     font-size: 24px;
     font-family: demibold;
     color:var(--SecondaryText);
     font-weight: normal;
         margin-top: 0;
}
 .divArtSubTitle p{
     margin:0;
 }
 #divArtInfo{
     font-size:18px;
     font-family: 'almoniDL400';
     color:#666;
}
 #divArtSharing{
     border-top:1px solid var(--Separator);
     border-bottom:1px solid var(--Separator);
     display:flex;
     justify-content:space-between;
     align-items: center;
     margin-bottom:40px;
     height:64px;
}
 #divArtAuthor{
     padding-left: 24px;
     border-left: 1px solid var(--Separator);
 }
 #divArtAuthor, #divArtTime {
     font-size: 16px;
     color: #666;
     font-family: 'almoniDL400';
     white-space: nowrap;
}
 #divArtShare{
     display:flex;
     align-items: center;
     flex: 1;
    justify-content: flex-end;
    cursor:pointer;
}
 #shareBtn {
     display: flex;
     align-items: center;
     font-family: 'almoniTzar400';
     font-size:22px;
     color:var(--PrimaryColor);
     white-space: nowrap;
     line-height: 0.6;
}
 #shareBtn:after{
     content:url(https://res.cloudinary.com/globes/image/upload/v1614244695/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-share_1_oqfdxa.svg);
     margin-right: 10px;
}
  #divArtShare:hover  #shareBtn:after{
    content:url(https://res.cloudinary.com/globes/image/upload/v1614072631/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-share-full_1_fldpkm.svg);
  }
 #spnSharedBtns{
     display:flex;
     background: #fff;
     padding: 0 0 0 10px;
    border-left: 1px solid var(--Separator);
}
 #spnSharedBtns a{
     width:40px;
     height:40px;
     margin-left:10px;
     cursor:pointer;
}
 #artFB{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613580620/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/Facebook_meywvs.svg);
}
 #artTW{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613580620/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/Twitter_ignwoy.svg);
}
 #artLI{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613580620/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/Linkedin_ofxqf6.svg);
}
 #artWA{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613580622/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/Whatsapp_bircff.svg);
}
 a#artML{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613580620/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/mail_z1am95.svg);
}
 #artCopy{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1613564755/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icn-copy-link-copy_1_g61dvg.svg);
     margin-left:0;
 }
 #artFB:hover{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1614255993/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-facebook-full_p1dvol.svg);
}
 #artTW:hover{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1614256171/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-twitter-full_jehhp7.svg);
}
 #artLI:hover{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1614255993/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-linkedin-full_v9d862.svg);
}
 #artWA:hover{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1614257187/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-whatsapp-full_1_tf9ldv.svg);
}
 a#artML:hover{
     background-image:url(https://res.cloudinary.com/globes/image/upload/v1614255993/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-mail-full_vznip0.svg);
}
  #artCopy:hover{
      background-image:url(https://res.cloudinary.com/globes/image/upload/v1614255993/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-40-copy-link-full_wrqpfi.svg);
  }
 .divArtText p {
     font-size: 19px;
     font-family: 'OpenSansHebrew';
     line-height: 24px;
     color:var(--MainText);
     margin: 0 0 20px 0;
     line-height:1.5;
}
 .divArtText p strong, .divArtText h3 {
    font-size: 28px;
    font-family: 'almoniTzar700';
    line-height:1;
    margin: 0 0 8px 0;
}
 .divArtText p strong a{
     font-size: 19px;
     font-family: 'OpenSansHebrew';
 }

#divArtImage {
   height: calc(100% - 20px);
   text-align: center;
   margin-right:40px;
}
 #divArtImageInner{
      position: -webkit-sticky;
     position:sticky;
     top:12%;
 }
 #divArtImage img{
     -webkit-box-shadow: 20px 20px 0 0 #fff, 20px 20px 0 1px var(--PrimaryColor);
     box-shadow: 20px 20px 0 0 #fff, 20px 20px 0 1px var(--PrimaryColor);
     width: auto;

}
.imageCredit {
    font-size: 13px;
    color: #b0b0b0;
    background: rgb(0 0 0 / 50%);
    font-family: 'almoniDL400';
    position: absolute;
    right: 4px;
    bottom: 3px;
    padding: 0 2px;
    text-align:right;
}
 .lblReadMore {
     color: #666;
     font-family: 'OpenSansHebrew';
     font-size: 16px;
     cursor:pointer;
}
 .lblReadMore:after {
     content: "";
     border: solid #666;
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
     margin-right:10px;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     position: relative;
     top: -2px;
}
 .ArticleImg {
    position: relative;
}
 #divArtRelatedItems {
    padding-bottom: 70px;
}
 #divArtRelatedItems h5, .divAddArticlesTitle{
     font-size:88px;
     text-align:right;
     margin:0;
     font-family: 'almoniTzar700';
}
 #divArtRelatedItemsContent {
     display: grid;
     grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
     grid-gap: 32px;
     position:relative;
}
 .divRelatedItem{
     cursor:pointer;
 }
 .divRelatedItem img{
     width:100%;
     height: 363px;
     object-fit: cover;
     transition: all 0.2s ease;
}
 #divShowMoreRelatedItems {
     font-size: 24px;
     font-family: 'almoniTzar400';
     color:var(--PrimaryColor);
     border:1px solid var(--PrimaryColor);
     border-radius:4px;
     padding: 2px 8px;
     position: absolute;
     bottom: -70px;
     cursor:pointer;
}
 #divShowMoreRelatedItems:hover{
     background:var(--PrimaryDarker);
     color:#fff;
}
 #divRecommendation {
     background: var(--SecondaryBG);
     padding: 24px;
     -webkit-box-shadow: 20px 20px 0 0 #fff, 20px 20px 0 1px var(--SecondaryBG);
     box-shadow: 20px 20px 0 0 #fff, 20px 20px 0 1px var(--SecondaryBG);
     margin: 24px 0 48px;
}
 #divRecommendationData {
     display: grid;
}
 
 #divRecommendationImg img {
     width: 124px;
     height: 124px;
     border-radius: 50%;
     object-fit: cover;
     filter:grayscale(100%);
}
 #divRecommendationText, #divRecommendationText p {
     font-size: 19px;
       line-height:24px;
     font-family: 'almoniDL400';
     color: #1a1a1a;
}
 #divRecommendationText p strong{
     font-size: 19px;
     font-family: 'almoniDL700';
}
 #divRecommendationText h3 {
     font-size: 28px;
     font-family: 'almoniTzar700';
     margin: 0;
     line-height:1;
     margin-bottom: 16px;
}
#divRecommendationText h4{
    font-family: 'almoniTzar400';
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 8px 0;
}
#divRecommendationText h4 strong {
    font-family: 'almoniTzar700';
}
 #divRecommendationBottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 #divRecommendationReadMore {
     font-size: 16px;
     color: #666;
     font-family: 'almoniDL400';
     cursor:pointer;
}
 #divRecommendationShare {
     font-size: 20px;
     font-family: 'almoniTzar400';
     color: #97133f;
     cursor:pointer;
}
 #divRecommendationShare:before{
     content:url(https://res.cloudinary.com/globes/image/upload/v1614615809/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-24-share_2_ai4gep.svg);
     position: relative;
     top: 5px;
     margin-left:4px;
}
 .divAddArticlesTitle{
     max-width:1478px;
     margin:0 auto;
     width:calc(100% - 40px);
}
 .divAddArticles {
     display: grid;
     grid-gap:20px;
    grid-template-columns: repeat(3, 1fr);
     max-width: 1478px;
     margin: 0 auto 120px;
     width: calc(100% - 40px);
     justify-content: space-between;
}
 .addArticle{
     text-align:right;
}

 .addArticle img{
     width:100%;
}
 .addArticle h4{
     margin:10px 0;
     font-size:28px;
     font-family: 'almoniTzar700';
     line-height:1;
}
 .articleInfo{
        display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    align-items: center;
    grid-gap: 0 7px;
}
 .articleInfo span{
     color:#8c8c8c;
     font-size:14px;
     font-family:'almoniDL400';
}
 #divVaadLeft{
     display:grid;
     grid-template-columns: repeat(auto-fill, 180px);
         grid-auto-rows: 300px;
     grid-gap:25px;
}
 #divVaadLeft .name {
     margin: 0;
     font-size: 28px;
     font-family: 'almoniTzar700';
     color: #484848;
     text-align:center;
     line-height:1;
}
 #divVaadLeft .description{
     font-size: 16px;
     text-align:center;
     color: #484848;
}
 .personImg img{
     filter: grayscale(100%);
}
 .overlay, .socialBlock {
     display: none
}
 html.hidden {
     overflow: hidden
}
#sponsersLogo {
    position: relative;
    max-width: 1478px;
    margin: auto;
    width: calc(100% - 40px);
    display: flex;
    justify-content:space-between;
    align-items:center;
    gap:28px;
    flex-wrap:wrap;
}
#sponsersLogo img{
    max-width:219px;
}
 .socialBlock .close {
    background-image: url(https://images.globes.co.il/globes/urban_renewal/X.svg);
     width: 15px;
     height: 15px;
     background-size: contain;
     cursor: pointer;
     position: absolute;
     top: 10px;
     left: 10px;
     font-size: 0;
}
 .overlay {
     overflow: hidden;
     width: 110% !important;
     height: 110% !important;
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: Gray;
     opacity: 0.7;
     z-index: 10;
}
 .socialBlock {
     width: 565px;
     height: 532px;
     background: #fff;
     position: fixed;
     z-index: 200000;
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
     z-index: 111111111111111111111111111;
     outline: 1000px rgba(0,0,0,0.8) solid;
     direction: ltr;
}
 .socialBlock h3 {
     font-family: 'ultrabold';
     font-size: 30px;
     margin: 40px 0 10px;
     text-align: center;
}
 .socialBlock .sWr {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
     width: 100%;
     text-align: center;
     margin: 0 auto;
}
 .socialBlock a {
     display: inline-block;
     width: 77px;
     height: 77px;
     border-radius: 50%;
     margin: 38px;
     position: relative;
}
 .socialBlock a:after {
     position: absolute;
     font-size: 14px;
     transform: translate(-50%, -50%);
     left: 50% !important;
     top: 130%;
     width: 100%;
     text-align: center;
     margin: 0 auto;
     font-family: almoniDL400;
}
 .socialBlock .fb:after {
     content: "Facebook";
}
 .socialBlock .twitter:after {
     content: "Twitter";
}
 .socialBlock .whatsapp:after {
     content: "WhatsApp";
}
 .socialBlock .mail:after {
     content: 'דוא"ל';
}
 .socialBlock .linkedin:after {
     content: "LinkedIn";
}
  .copyLink{
      display:none;
     font-size:14px;
     font-family:almoniDL400;
     padding:2px 5px;
     background:rgb(111 111 111 / 85%);
     color:#fff;
     border-radius:3px;
 }
  #spnSharedBtns{
      position:relative;
  }
#spnSharedBtns .copyLink {
    position: absolute;
    left: 0;
    bottom: -30px;
}
 .socialBlock .copy:after {
     content: "העתק קישור";
     width: 90px;
}
 .socialBlock .twitter {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_twitter.svg') no-repeat center;
}
 .socialBlock .fb {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_facebook.svg') no-repeat center;
}
 .socialBlock .mail {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_mail.svg') no-repeat center;
}
 .socialBlock .linkedin {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_linkedin.svg') no-repeat center;
}
 .socialBlock .copy {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_copy_link.svg') no-repeat center;
}
 .socialBlock .whatsapp {
     background:url('https://images.globes.co.il/globes/urban_renewal/icn_whatsapp.svg') no-repeat center;
}
 .socialBlock .fb:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_facebook_color.svg);
}
 .socialBlock .twitter:hover{
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_twitter_color.svg);
}
 .socialBlock .whatsapp:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_whatsapp_color.svg);
}
 .socialBlock .mail:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_mail_color.svg);
}
 .socialBlock .linkedin:hover {
     background-image: url(https://images.globes.co.il/globes/urban_renewal/icn_linkedin_color.svg);
}
 .socialBlock .copy:hover {
    background-image:url(https://images.globes.co.il/globes/urban_renewal/icn_copy_link_color.svg);
}
 .socialBlock .closetext {
    display:none
}
  .hdd{display:none;}
 .hh{
    animation:animatezoom1 .7s ease;
}

.cc{
    animation:animatezoom2 .7s ease;
}


@keyframes animatezoom1{from{opacity:1;} to{opacity:0;}}
@keyframes animatezoom2{from{opacity:0;} to{opacity:1;}}
 #btnHome{
     font-size:24px;
     font-family: 'almoniTzar400';
     color:#fff;
     background:var(--PrimaryColor);
     appearance: none;
     border: none;
     border-radius: 4px;
     padding: 3px 13px;
     cursor:pointer;
     -webkit-appearance: none;
}
 #btnHome:hover{
     background:var(--PrimaryDarker);
  }
 #btnHome:after{
     content:"";
     display:inline-block;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     padding: 3px;
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
}
#SBFooter {
    background: var(--primaryBgColor);
    margin-top: 0;
    width: calc(100% - 40px);
    padding: 15px 20px;
    border-top: 1px #e9e2de solid
}
 #SBFooter div{
     display:flex;
     justify-content:space-between;
 
     margin:0 auto;
     align-items: center;
}
    #SBFooter p {
        font-family: almoniTzar400;
        font-size: 30px;
        line-height: 1.47;
        letter-spacing: 0.48px;
        text-align: right;
        color: var(--colorBlack);
        margin: 0;
        white-space: nowrap;
    }
    #SBFooter a {
        font-size: 20px;
        line-height: 1.45;
        color: var(--colorBlack);
        font-family: almoniDL400;
        white-space: nowrap;
    }
 .mobile{
     display:none;
}
.titleDiv .divAddArticlesTitle{
    width:100%;
}
.titleDiv{
    position:relative;
    max-width:1478px;
    margin:auto;
    width: calc(100% - 40px);
}
.sponser{
    position:absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    font-size:18px;
    font-family:almoniDL400;
    display:flex;
    align-items:center;
    margin:0;
}
.sponser img{
    width:50px;
    margin-right:16px;
}
 .pageLayoutArticle{
     max-width:1280px;
     padding-top:32px;
     width:100%;
 }
.ArticleData{
    text-align:right;
    max-width:670px;
    margin: 20px auto;
    position:relative;
    width: calc(100% - 40px);
}
.adSponsorTitle {
    color: #53917e;
    font-size: 16px;
    font-family: 'almoniDL700';
    margin:0;
}
.adSponsorTitle::after{
    content:url(https://images.globes.co.il/globes/icons/information.svg);
    margin-right: 5px;
    position: relative;
    top: 4px;
}
.mekudamWr {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 3px rgb(117 117 117 / 17%);
    background-color: #fff;
    padding: 21px 18px;
    position: absolute;
    top: 14px;
    margin-top: 10px;
    display: none;
    cursor: default;
    font-family: OpenSansHebrew;
    font-size: 14px;
    line-height: 22px;
}
.mekudamWr p{
    margin:0;
}
.mekudamWr p a {
    border-bottom: 1px #1a1a1a solid;
}
.adSponsorTitle:hover .mekudamWr{
    display:block;
}
.ArticleTitle {
    font-size: 56px;
    font-family: 'almoniTzar700';
    margin: 10px 0;
    line-height:1;
}
.ArticleSubTitle {
    font-size: 20px;
    color: #484848;
    font-family: 'almoniDL700';
    margin: 0 0 15px 0;
}
#divArtRelatedArticle {
    background-color: #f8f0f3;
    padding: 50px 0;
}
.adSponser {
    font-size: 18px;
    font-family: 'almoniDL400';
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    display:flex;
    align-items:center;
}
.adSponser img{
    max-width:64px;
       margin: 0 10px 0 0;
}
.adArtTitle {
    font-size: 28px;
    font-family: 'almoniTzar700';
    line-height: 1;
}
.ArticleData #divArtAuthor{
    padding-left:12px;
}
.ArticleData #divArtTime{
    padding-right:12px;
}

@media only screen and (max-width: 1600px) {
  
      #divArrowRight:hover{
          margin-right:0;
      }
    #divArrowLeft:hover{
         left:18px;
     }
 
}
 @media only screen and (max-width: 1440px){
     .hpSB .lnkSB {padding:5px}
    .pageLayoutPerson {
        grid-template-columns: 40px 1fr 1fr 40px;
    }
     #divArrowLeft, #divArrowRight {
        width: 40px;
        height: 40px;
     }

     #divArrowRight:before{
        right: 17px;
     }
     #divArrowLeft:after, #divArrowRight:before{
         padding: 5px; 
         top: 15px;
     }
     #divArrowLeft:after {
        right: 12px;
    }
     #divArrowRight:hover::after, #divArrowLeft:hover::before{
         font-size:24px;
     }
     #divArrowLeft:hover, #divArrowRight:hover {
        width: 150px;
        line-height: 40px;
    }
     
 }

 @media only screen and (max-width: 1350px) {
     .hpSB .lnkSB {
        white-space: nowrap;
    }
     .hpSB .del1 {
         margin: 0 10px;
    }
     #kidumSB h1 {
         font-size: 90px;
         line-height: 78px;
    }
      #divArtImage img{
          width:100%;
      }

    #ratingList .cmpRating .new .tooltip {
        width: 180px;
        padding: 10px 2px;
        font-size: 13px;
    }
  
}

 @media only screen and (max-width: 1380px) {


    .globesLink {
        background: url(https://res.cloudinary.com/globes/image/upload/v1626331497/Digital/icons/a-logo-65-17-copy_iukipp.svg) no-repeat 0 0;
        height: 32px;
        width: 32px;
        margin-top:4px;
    }


     #kidumSB h1 {
         font-size: 82px;
         line-height: 72px;
         width: 539px;
    }
     .hpSB h2 {
         font-size: 30px;
    }
     .hpSB .lnkSB {
         margin-left: 0;
    }
     #dvRSB .shareProject {
         font-size: 22px;
         padding: 3px 10px;
    }
    #SBTopLinks .table {gap:20px}
    #secFilter, #folderContent, #artContent {      max-width: 92%;  }
    #ratingList .cmpExtRating {        width: 92%; padding: 4%    }
}


 
 
@media only screen and (max-width:1279px) {
    .adGallery .title {
        font-size: 60px;
    }
    
    #lnkLogo {
        margin-top: 5px;
    }

    #mContent [data-expand="true"] .expand {
        position: relative
    }

    #mClose {
        width: 40px;
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 28px;
    }

    #mobileMenuContent .name {
        font-size: 40px;
        font-family: 'almoniTzar500';
        text-align: right;
        margin-bottom: 30px;
    }

    #mContent {padding-bottom:100px}


    #mContent [data-expand="true"] .expand:after {
        content: '▾';
        position: absolute;
        font-size: 30px;
        margin: 10px 5px 0 0;
        top: 0;
    }

    #mContent .subItems {
        text-align: right;
        font-size: 18px;
        font-family: almoniDL700;
    }

        #mContent .subItems div {
            margin-bottom: 20px
        }

    #mobileMenuContent {
        display: none;
        background: #fed30c;
        z-index: 1;
        left: 0px;
        width: calc(100% - 48px);
        padding: 64px 48px 35px 0;
        position: fixed;
        height: 100vh;
        overflow: auto;
    }


    #SBTopLinks {
        display: none
    }

    .mobileMenu {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625658379/Digital/icons/a-icon-menu-new_asp5pg.svg);
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        left: 55px;
        top: 0;
        cursor: pointer;
    }



    .pageLayout {
        grid-template-columns: 3fr 2fr;
        grid-gap: 80px;
    }

    .pageLayoutPerson {
        grid-template-columns: 40px 3fr 2fr 40px;
    }

    .divArtTitle, .pageTitle, #divArtRelatedItems h5, .divAddArticlesTitle {
        font-size: 72px;
    }

    #divArtAuthor {
        padding-left: 8px;
    }

    .divAddArticles {
        grid-template-columns: 1fr 1fr;
    }

    .hpSB h2 {
        font-size: 30px;
    }

    .hpSB .lnkSB {
        font-size: 22px;
        margin-left: 20px;
    }


    .hpSB {
        width: 100%;
        padding: 0px 0 8px;
        flex-direction: column;
        overflow: visible;
    }

    .logos {
        width: 100%;
        background: var(--colorYellowMain);
        align-items: center;
        height: 54px;
        position: relative;
    }
    .globesLink {
  
        margin-right: 20px;
    }

    .divAddArticles {
        grid-template-columns: 1fr;
        margin:0 auto 60px;
    }


    .hpSB .del1 {
        display: none;
    }

    .hpSB h2 {
        font-family: almoniTzar700;
        font-size: 28px;
        color: #fff;
    }

    .table {
        display: flex;
        justify-content: space-between;
    }

    .hpSB .lnkSB {
        font-size: 20px;
        margin-left: 0;
    }

    .hpSB .l img {
        zoom: 70%;
    }

    .hpSB .l picture {
        line-height: 0.7;
    }

    #SBTopLinks {
        width: calc(100% - 40px);
        padding: 6px 20px;
        border-bottom: 1px solid var(--Separator);
    }

    .table {
        display: flex;
        justify-content: space-between;
    }

    #dvRSB {
        justify-content: center;
        position: absolute;
        top: 15px;
        left: 20px;
        padding: 0;
    }
    .socialBlock a {
        margin: 28px;
    }
    #dvRSB .shareProject {
        font-size: 0;
        border: none;
        padding: 0;
        left: 0;
        top: 0px;
    }

          #dvRSB .shareProject:before {
                background: url(https://res.cloudinary.com/globes/image/upload/v1613553965/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/icon-24-white-share_zohh6a.svg) no-repeat;
                top: 0;
                margin-left: 0;
            }

    .hpSB .l {
        border-right: none;
        padding-right: 0;
        margin: 0;
    }

    #dvRSB a span {
        font-size: 16px;
    }

    .mobile {
        display: block;
    }

    #kidumSB h1 {
        font-size: 56px;
        line-height: 1;
        width: 300px;
    }

    #kidumSB {
        background: url(https://res.cloudinary.com/globes/image/upload/v1614599372/Digital/50%20%D7%9E%D7%A9%D7%A4%D7%99%D7%A2%D7%95%D7%AA%202020/%D7%AA%D7%9E%D7%95%D7%A0%D7%95%D7%AA%20%D7%A9%D7%99%D7%AA%D7%95%D7%A3/mobile_bkg_hero_qmw10p.png);
        height: 340px;
        margin-top: 150px;
        background-size: cover;
    }


       .hpSB.sticked {
            border-bottom: 1px #000 solid;
        }
    #htmlHead {    background: #f8f0f3;}
     
    #SBFilterData, #divArtRelatedItemsContent {
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px 8px;
    }

    #SBFilterData, .allMembers {
        margin: 20px auto 60px;
    }

    .SBCoach:hover img, .divRelatedItem:hover img {
        -webkit-box-shadow: none;
        box-shadow: none;
        transform: none;
    }

    .SBCoach:hover h4, .SBCoach:hover h5, .divRelatedItem:hover .title, .divRelatedItem:hover .description {
        color: initial;
    }

    .SBCoach img, .divRelatedItem img {
        height: auto;
    }

    .SBCoach h4, .title {
        font-size: 22px;
        line-height: 1;
        margin: 5px 0;
    }

    .SBCoach h5, .description {
        font-size: 14px;
        line-height: 1.2;
    }

    #divArrowLeft, #divArrowRight {
        position: fixed;
        background: var(--PrimaryColor);
        width: 50%;
        height: 44px;
        border-radius: 0;
        top: auto;
        bottom: 0;
        line-height: 44px;
        z-index: 11;
        text-align: center;
    }

        #divArrowLeft, #divArrowLeft:hover {
            left: -0.5px;
        }

        #divArrowRight, #divArrowRight:hover {
            right: -0.5px;
            border-left: 1px solid #fff;
        }

            #divArrowLeft:hover, #divArrowRight:hover {
                width: 50%;
                line-height: 44px;
            }

                #divArrowRight::after, #divArrowLeft::before, #divArrowRight:hover::after, #divArrowLeft:hover:before {
                    color: #fff;
                    font-family: 'almoniTzar400';
                    font-size: 24px;
                    display: inline-block;
                }

            #divArrowRight:hover, #divArrowLeft:hover {
                background: var(--PrimaryDarker);
            }

            #divArrowLeft:after, #divArrowRight:before {
                position: initial;
                border-width: 0px 2px 2px 0;
                padding: 5px;
            }

            #divArrowRight::after {
                content: "למשפיעה הקודמת";
                margin-right: 10px;
            }

        #divArrowLeft::before {
            content: "למשפיעה הבאה";
            margin-left: 10px;
        }

    #divArticleContent {
        width: calc(100% - 64px);
    }

    #divVaadLeft {
        grid-auto-rows: auto;
    }

    #divArtImage {
        margin-top: 0;
        margin-right: 0;
    }

    .imageCredit{
        right: 0;
    bottom: 4px;
    }

    #divArtData {
        width: calc(100% - 40px);
    }

    #divArtData, #divVaadRight {
        margin: 20px auto;
    }

    #divVaadParent, #divAboutParent {
        margin: 150px auto;
    }

    #divVaadLeft {
        grid-template-columns: 1fr;
        grid-gap: 8px;
        margin: 0 0 40px;
    }

    .divVaadPerson {
        display: grid;
        grid-template-columns: 100px 1fr;
        grid-template-rows: 100px;
        grid-gap: 0 12px;
    }

    #divVaadLeft .name {
        text-align: right;
    }

    #divVaadLeft .description {
        font-size: 14px;
        text-align: right;
    }

    .personImg img {
        height: 100%;
        object-fit: cover;
    }

    .pageLayout , .pageLayoutPerson{
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
        grid-gap: 0;
    }

    .divArtTitle {
        font-size: 40px;
    }

    .pageTitle {
        font-size: 56px;
        padding: 20px 0 24px;
    }

    .divArtSubTitle {
        font-size: 20px;
        margin: 8px 0;
    }

    #divArtInfo {
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .divArtText p {
        font-size: 18px;
    }

        .divArtText p strong {
            font-size: 28px;
        }

    #spnSharedBtns {
        position: inherit;
    }

    #divRecommendation {
        padding:16px;
        flex-direction: row-reverse;
        position: relative;
        box-shadow: 10px 10px 0 0 #fff, 10px 10px 0 1px var(--SecondaryBG);
    }

    #divRecommendationImg {
        margin-left: 0;
        margin-right: 16px;
    }

        #divRecommendationImg img {
            width: 87px;
            height: 87px;
        }

    #divRecommendationText, #divRecommendationText p {
        font-size: 16px;
        line-height:20px;
    }
    #divRecommendationText h4{
        margin-bottom:8px;
    }

    #divRecommendationShare {
        position: absolute;
        left: 20px;
    }

    #divArtImage img {
        box-shadow: none;
        width: 100%;
    }

    #divArtRelatedItems {
        width: calc(100% - 40px);
        margin: 10px auto;
        padding-bottom: 100px;
    }

    #divShowMoreRelatedItems {
        bottom: -70px;
    }

     #divArtRelatedItems h5, .divAddArticlesTitle {
         font-size: 40px;
         margin-bottom: 8px;
    }
     #SBFilterBtns {
         background: none;
         padding: 0;
         margin: 16px auto;
         align-items: baseline;
         flex-direction: column;
         width: 100%;
    }
    SBFilterData, .allMembers {
        margin: 20px auto;
    }
     #filterTitle {
         margin: 0;
         cursor: pointer;
         padding: 5px 20px;
         line-height:1;
         flex:1;
    }
     #filters {
         background: var(--SecondaryBG);
         width: 100%;
         padding: 20px;
         text-align: -webkit-auto;
    }
    #SBFilterBtns input {
        margin: 0 0 18px 18px;
    }
     .divAddArticles{
         flex-direction:column;
    }
    .addArtAuthor {
        white-space: nowrap;
    }
    .divArtText img{
        height:auto;
    }
     .addArticle h4 {
         margin: 0;
         font-size: 24px;
    }
    .sponser img {
        width: 50px;
    }
    #sponsersLogo{
        column-gap:10px;
    }
    #sponsersLogo img {
        max-width: 140px;
    }
     #SBFooter p {
         margin-top: 0;
         font-size: 18px;
         line-height: 1;
         margin-right: 0;
         font-family:almoniTzar500;
    }
     #SBFooter a {
         font-size: 14px;
         line-height: 1;
         margin: 0;
         font-family:'almoniDL400';
    }
    .ArticleTitle {
        font-size: 40px;
    }
    .ArticleSubTitle {
        color: #171717;
        font-family: demibold;
    }
    .ArticleData #divArtAuthor, .ArticleData #divArtTime{
        font-size:14px;
    }
    #divArtShare{
        flex:0;
    }
    #divArtSharing{
        margin-bottom:24px;
    }
    #shareBtn{
        font-size:20px;
    }
    .divArtText p{
        margin: 0 0 16px 0;
    }
    .adSponser img {
        max-width: 40px;
    }
    #divArtRelatedArticle {
        padding: 12px 0;
    }
    .adArtTitle {
        font-size: 24px;
    } 
}


@media screen and (min-width: 481px) {
    
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {    transform: scale3d(0.9,.9,0.9) !important;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    #singleFolderContent {        margin-top: 0    }
    .groupType2, .groupType1 {        grid-template-columns: 1fr 1fr;    }
}

    @media screen and (max-width: 480px) {
        #singleFolderContent.groupType2 .artSingle.child1 .titleEl {
            font-size: 36px;
        }
        #ratingList .group1 .firstBottomLink {
            bottom: 3px;
            font-size: 18px;
            left: 10px;
            right: auto;
        }

        #singleFolderContent.about .artSingle .subTitleEl {
            padding-right: 16px;
            padding-bottom: 20px
        }

        #divArticleContent .top .position {
            font-size: 12px
        }

        #ratingList .cmpRating .new .tooltip {
            width: 100px;
            font-size: 14px
        }
        
        #ratingList .cmpRating .new {
            bottom: 8px;
            left: 5px;
        }



        #ratingList .cmpExtRating .info {
            margin-top: 30px
        }
        #singleFolderContent.about .artSingle.child1 .nameEl {position:static}

        #ratingList .cmpExtRating .shareCategory {
            top: 5px;
            zoom: 80%;
        }
        #singleFolderContent.about .share {
            zoom: 80%;
            top: -80px;
            right:auto;

        }
        
    
    #divArticleContent .top.dea, #divArticleContent .top.regular {margin-top:130px}


        #divArticleContent .text h3 strong, #divArticleContent .text h3 {
            
            font-size: 24px;
            font-weight: normal
        }


      
    #ratingList .cmpExtRating h4 {font-size:28px; line-height:1}
    #ratingList .cmpExtRating h5 {font-size:16px; line-height:22px}
    #ratingList .cmpExtRating .text p {font-size:16px; line-height:26px}
 
    #ratingList .cmpRating .catPlace {
            bottom: 5px;
            right: 10px;
        }
        #divArticleContent .bottom .addArticles .artSingle .titleEl {
            font-size: 26px;
            padding: 20px 10px 0;
            margin: 0 0 10px;
            min-height: auto;
        }
        #divArticleContent .bottom .addArticles .artSingle .nameEl,
        #divArticleContent .bottom .addArticles .artSingle .posEl {
            padding: 0 15px;
        }
        #divArticleContent {
            margin-top: -45px !important;
            я
        }

            #divArticleContent .bottom .addArticles .artSingle {margin-bottom:0}


            #lnkLogo {
                display: none
            }
    .switch {
        zoom:60%
    }
    #divArticleContent .bottom h2 {
        margin-bottom: 32px;
        font-size: 45px;
    }

    #newType {
        margin: 40px 20px 80px 0;
        position: static;
        text-align: right;
    }
    #artContent .artGroup .top h2 {
        font-size: 56px;
    }


    .groupType2.about {
        margin-top: 90px
    }
    .groupType2.about .sideImg img {width:100% !important; height:auto; margin-bottom:25px}
        .groupType2.about .sideImg .titleEl, .artSingle .nameEl, .artSingle .titleEl {
        
            min-height: auto;
        }
    .artSingle.child1 .subTitleEl {
    padding: 0 22px 10px 22px;
}
    .artSingle .nameEl {margin-bottom:0;}
     .artSingle .posEl {     margin-bottom:12px; font-size:12px}

        #singleFolderContent.about .artSingle .posEl {
            padding: 0 15px 24px
        }

        .artSingle .nameEl {
            font-size: 14px;
            font-weight: normal
        }
    #imgMobileHero {
        margin: 60px 15px 27px 0;
        width: 75%
    }
    #galleryContent {
        grid-template-columns: auto auto;
        gap: 25px;
    }
    #singleFolderContent.gallery h1 {
        font-size: 60px;
    }
    #singleFolderContent.gallery .share {
        zoom: 70%;
        top: 30px;
    }







        #singleFolderContent .subTitle, .promos .adFolderData h5 {
            font-size: 18px;
            line-height: 1.22;
            margin-bottom: 43px;
        }

        .groupType2, .groupType1, .promos {
            display: block;
            margin-top: 50px;
        }
    #ratingList .group3 .cmpRating {height:170px}

    #ratingList.categories .cmpRating {
        height: 178px
    }


    #ratingList .group3 .cmpRating .num {
        font-size: 44px;
        right: 10px;
    }
        .artSingle .titleEl {
            font-size: 28px;
            margin: 0 0 20px 0;
            padding: 16px !important;
        }

    


        .artSingle.child1 .subTitleEl, .artSingle.child1 .subTitleEl p {
            font-size: 18px;
        }
    #artContent .artSingle .titleEl {
        font-size: 28px;
        border-top: 2px var(--colorBlack) solid;
        margin-top: 0;
        padding-top: 20px !important;
        min-height: initial
    }

 
 
 
        .artSingle {
            box-shadow: 4px 4px 0 0 var(--colorBlack);
            padding-bottom:0;
        }

        .artSingle img {
            display: block;
 
         
            margin: 0 auto;
        }

    #ratingList, #artContent, #singleFolderContent {
        width: 100%;
        margin-top:100px;
    }


        #ratingList .cmpExtRating {
            box-shadow: 4px 4px 0 0 var(--colorNum);
            width: calc(100% - 40px);
            padding: 23px;
            margin-bottom:40px
        }

            #ratingList .cmpExtRating h3 {
                font-size: 36px;
                font-family: almoniTzar500;
                line-height:1;
            }

        #ratingList .group1 .cmpRating .num,
        #ratingList .group2 .cmpRating .num {
            font-size: 140px;
            top: 0px;
            right: 9px;
        }

        #ratingList .cmpRating .num,
        #ratingList.categories .cmpRating .num {
            font-size: 40px;
            top: 18px;
            right: 8px;
        }

  


        #ratingList .cmpRating .share {
            left: 9px;
            top: 15px;
            zoom: 80%;
        }
        #singleFolderContent h1, .promos .adFolderData h4 {
            font-family: almoniTzar500;
            font-size: 56px;
            margin-bottom: 24px
        }

        #ratingList .cmpRating .logo {
            width: 120px;
            height: 74px;
        }

        #singleFolderContent.groupType2 .artSingle.child1 img {
            width: 100%;
            height: auto;
            margin-bottom: 27px
        }

    .artSingle.child1 .bottom {
        position: static
    }

    #madadBody, .artSingle.child1 .subTitleEl, .artSingle.child1 .bottom {
        margin: 0 auto;
        width: calc(100% - 44px);
    }



        #filterSlider.sticky {
            position: fixed;
            border-bottom: 1px #000 solid;
            top: 60px;
            background: #fff;
            left: 0;
            width: 100%;
            padding: 5px 0;
            z-index: 3;
            box-shadow: 1px 1px 12px #19080882;
        }


 

    .mobileLogo {
        background: url(https://res.cloudinary.com/globes/image/upload/v1625735176/Digital/icons/a-logo-madad-horizontal_k1avlf.svg) no-repeat;
        width: 151px;
        height: 43px;
        zoom: 80%;
        margin-right: 25px;
        top: 4px;
        position: relative;
 
    }
    .hpSB.sticked .mobileLogo {display:block}
    #divHomePage {
        overflow: hidden
    }

    #ratingList .cmpRating {
        width: 100%;
      
    }

    #ratingList .group1 .cmpRating,
    #ratingList .group2 .cmpRating {
        height: 170px;
    }

        #ratingList .group1 .cmpRating .logo,
        #ratingList .group2 .cmpRating .logo {
            width: 210px;
            height: 140px;
        }

        



        #ratingList .text {
            width: 90%;
        }

    #secFilter {
        display: block;
    }

    #filterSlider {
        justify-content: center;
    }

    #filterSearch {
        display: block
    }

    #secFilter h2 {
        text-align: center;
        font-size: 56px;
        margin:0 0 30px 0;
    }
    #filterSlider span {
        font-size: 18px;
    }
    #txtQuickSearch {
        font-size: 16px;
    }
    #ratingList .group1, #ratingList .group2 {
        grid-template-columns: 1fr;
    }
    .adGallery {
        display: block;
        text-align: right;
    }
    .adGallery .title {
        font-size: 40px;
        line-height: 43px;
        margin: 0 0 16px;
    }
    .adGallery .button {
        display: inline-block;
    }

        #ratingList .group3 {
            grid-template-columns: 1fr 1fr;
            grid-gap: 8px 13px !important;
        }


    #divArticleContent .top .title {
        font-size: 36px;
        line-height: 1.06;
        margin-bottom:16px;
    }
    #divArticleContent .text {
        font-size: 18px;
        line-height: 1.44;
    }
    #divArticleContent .text p img {
        width: 100%;
        height: auto;
    }
    #divArticleContent .bottom .addArticles {
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        grid-gap:12px
    }

        #divArticleContent .bottom .addArticles .artSingle img {
            width: 100% !important;
            height: auto !important;
        }


    #ratingList.categories .items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px 20px;
        justify-content: center;
    }

    

    #ratingList, #filterSearch {
        margin-top: 50px
    }
    #ddlCategories {width:100%}

    #divHomePage #divArticleContent .subTitle {
        font-size: 18px;
        line-height: 22px;
    }



}


/*=============================================================================*/
@media screen and (max-width: 375px) {
    .adGallery .title {
        font-size: 35px;
        line-height: 35px;
    }
}



    @media only screen and (max-width:330px) {

        #madadBody, .artSingle.child1 .subTitleEl, .artSingle.child1 .bottom {
            width: calc(100% - 30px);
        }
        #ratingList .cmpExtRating {
            width: calc(100% - 60px);
        }
        #sponsersLogo img {
            max-width: 135px;
        }
        .adGallery .title {
            font-size: 28px;
            line-height: 32px;
        }

    }
