body {
    font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@font-face {
    font-family: "heebo";
    src: url('../assets/471bc76c248d1633.woff') format("woff");
}

@font-face {
    font-family: 'heebo-bold';
    src: url('/assets/browser-37099750eb5e3584.woff') format('woff');
}

@font-face {
    font-family: 'heebo-extrabold';
    src: url('/assets/css-ece93a9ea18d1e10fb31.woff') format("woff");
}


@font-face {
    font-family: 'sbk';
    src: url('../assets/a886254680e93060.ttf') format("truetype"), local('Arial') format("woff"), local('Arial') format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*#region fonts */
@font-face {
    font-family: 'FontAwesome';
    src: url('/assets/browser-ac4140ccdc2f9cd7.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

[class^="fa-icon-"],[class*=" fa-icon-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[class^="sbk-"], [class*=" sbk-"] { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sbk' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/assets/browser-ac4140ccdc2f9cd7.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


.fa-icon-play:before {
    content: "\f04b";
}


.sbk-filter:before {
    content: "\e927";
}

.sbk-form:before {
    content: "\e924";
}

.sbk-c1:before {
    content: "\e91c";
}

.sbk-c1b:before {
    content: "\e928";
}

.sbk-c2:before {
    content: "\e91d";
}

.sbk-c2b:before {
    content: "\e929";
}

.sbk-c3:before {
    content: "\e91e";
}

.sbk-c3b:before {
    content: "\e92a";
}

.sbk-c4:before {
    content: "\e91f";
}

.sbk-c4b:before {
    content: "\e92b";
}

.sbk-c5:before {
    content: "\e920";
}

.sbk-c5b:before {
    content: "\e92c";
}

.sbk-c6:before {
    content: "\e921";
}

.sbk-c6b:before {
    content: "\e92d";
}

.sbk-menu:before {
    content: "\e922";
}

.sbk-view:before {
    content: "\e923";
}

.sbk-j4:before {
    content: "\e90b";
}

.sbk-cheUp:before {
    content: "\e90e";
}

.sbk-cheDwn:before {
    content: "\e91a";
}

.sbk-clipboard:before {
    content: "\e90f";
}

.sbk-cv:before {
    content: "\e910";
}

.sbk-questions:before {
    content: "\e911";
}

.sbk-share2:before {
    content: "\e912";
}

.sbk-share:before {
    content: "\e913";
}

.sbk-tick:before {
    content: "\e914";
}

.sbk-j1:before {
    content: "\e915";
}

.sbk-j2:before {
    content: "\e916";
}

.sbk-j3:before {
    content: "\e917";
}

.sbk-j5:before {
    content: "\e918";
}

.sbk-j6:before {
    content: "\e919";
}

.sbk-play2:before {
    content: "\e90a";
}

.sbk-close:before {
    content: "\e925";
}

.sbk-work:before {
    content: "\e926";
}

.sbk-plus:before {
    content: "\e909";
}

.sbk-reload:before {
    content: "\e90c";
}

.sbk-back:before {
    content: "\e90d";
}

.sbk-arrowL:before {
    content: "\e900";
}

.sbk-arrowR:before {
    content: "\e91b";
}

.sbk-facebook:before {
    content: "\e901";
}

.sbk-instagram:before {
    content: "\e902";
}

.sbk-linked:before {
    content: "\e903";
}

.sbk-mute:before {
    content: "\e904";
}

.sbk-pause:before {
    content: "\e905";
}

.sbk-play:before {
    content: "\e906";
}

.sbk-search:before {
    content: "\e907";
}

.sbk-unmute:before {
    content: "\e908";
}

.heebo-bold {
    font-family: heebo-bold !important
}

.heebo-ExtraBold {
    font-family: heebo-ExtraBold !important
}


/*#region tooltipster */
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:s
cale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
/*#endregion */


body::-webkit-scrollbar {
    width: 0.7em;
    height: 0.5em;
    border-radius: 0.313rem;
    background: #ececec;
}

body::-webkit-scrollbar-thumb {
    background: #1A355B;
    border-radius: 0.313rem;
    border: .5px solid #fefefe;
}

body {
    font-family: heebo;
}


*:focus {
    outline: auto!important;
}


.topBanner {
    width: 100%;
}

.cdlogo {
    width: 68px;
    margin: 0 15px 0 0;
}

.emblem {
    height: 55px;
}

.navbar-nav li {
    margin: 0 5px 0 5px;
    font-size: 18px;
}

.footer {
    height: 80px;
    padding: 18px 15px 0px 50px;
    font-size: 20px;
    background-color: rgb(26, 53, 91) !important;
    display: block;
    direction: rtl;
    /*position: sticky;*/
    bottom: 0px;
    z-index: 1000;
    width: 100%;
    opacity: 0.8;
}

    .footer ul {
        list-style: none;
        padding: 0;
        display: -ms-flexbox;
        display: flex !important;
        margin: 0;
    }

        .footer ul li {
            margin-left: 2rem;
        }

            .footer ul li a {
                color: #fff;
            }

@media (max-width: 767.98px) {
    .footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        font-size: 0.888rem;
        position: initial;
        padding:25px 10px 40px 10px;
    }

        .footer ul {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            width: fit-content;
        }

            .footer ul li {
                margin: 0;
                line-height: 1;
                padding: 0 .3rem 1rem;
                display: contents;
            }

        .footer .cr {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .footer ul li a {
            font-size: 12px;
        }
}


.lobPageTitle {
    position: absolute;
    top: 105px;
    color: white;
    font-size: 88px;
    margin: 0 20px 0 0;
}

.lobPageSubTitle {
    position: absolute;
    top: 220px;
    color: white;
    font-size: 40px;
    margin: 0 20px 0 0;
}

.csrreadmore {
    /* float:right !important; */
    text-align: right !important;
}

.about1-title {
    color: white;
}

.about1-title-bottom {
    color: white;
    font-weight: bold;
    font-family: 'heebo-bold';
}

.about2-desc p {
    font-family: 'heebo-bold';
    margin: 0px;
    text-align: right !important;
}

.odot-text {
    color: white;
    text-align: right !important;
    direction: rtl;
}

    .odot-text p {
        margin: 0px;
    }


.imgcls {
    max-height: 170px !important;
    max-width: 280px !important;
    margin: 20px !important;
}

p {
    text-align: right;
    color: white;
}

.About-2-title {
    color: white;
    /* top: 70px; */
}

.communitytext {
    margin: 10px 20px 0 50px;
}

    .communitytext p {
        margin: 0px;
        font-size: 22px;
    }

@media(max-width:777px) {
    .communityimagesrow {
        margin: 0px !important;
    }

    .communitytext p {
        margin: 0px;
        font-size: 16px;
    }

    .about-title-community {
        top: 0px;
    }
}


.communityimagesrow {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 20px;
    max-width: 900px;
    float: right;
    margin: 0 70px 0 0;
}

@media(max-width:943px) {
    .communityimagesrow {
        grid-template-columns: 50% 50% !important;
    }
}

@media(max-width:680px) {
    .communityimagesrow {
        grid-template-columns: 50% 50% !important;
        float: initial;
    }

        .communityimagesrow img {
            max-width: 230px !important;
            grid-gap: 10px !important;
        }

    .comservicecontainer .desktoptext {
        display: none;
    }

    .comservicecontainer .mobiletext {
        display: block !important;
    }

    .comservicecontainer .publeadlink a {
        font-size: 18px;
    }

        .comservicecontainer .publeadlink a::after {
            background-position-y: 6px;
        }
}

.topmenu {
    position: fixed;
    z-index: 400;
    min-width: 100%;
    background: rgba(0, 66, 124, 0.6);
    right: 0px;
    left: 0px;
    display: block;
    direction: rtl;
}

.langs {
    text-align: left;
    position: absolute;
    left: 180px;
}

    .langs a {
        color: white !important;
        margin: 0 5px 0 0;
        font-size: 18px;
    }

.langar:before, .langeng:before {
    content: '/';
    position: relative;
    left: 3px;
}

.social {
    position: absolute;
    left: 10px;
    display: flex;
}

    .social a {
        color: white;
        font-size: 26px;
        margin: 0 5px 0 5px;
    }

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: white !important;
    text-align: center;
}

.nav-link {
    font-size: 22px;
}

.navbar-nav li:nth-child(6) a {
    font-weight: 600;
    background: #009292;
    border-radius: 18px;
    font-weight: 700;
    padding: .3rem 1rem;
    /* height: 28px; */
    margin: 5px 10px 0;
    width: 105%;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}


    .navbar-nav li:nth-child(6) a:hover {
        background: #27a4a7;
        transition: all .3s ease;
    }


.visionbtns {
    display: flex !important;
    grid-template-columns: 50% 50%;
    grid-gap: 40px;
    background: inherit !important;
}

    .visionbtns a {
        color: white;
        background: rgb(19, 149, 211);
        border-radius: 30px;
        padding: 5px 25px 5px 25px !important;
    }

.visionlink a {
    text-decoration: none !important;
}


.memorialMainTitle {
    color: white;
    position: absolute;
    right: 20%;
    top: 30%;
    font-size: 85px;
}

.comservicecontainer {
    top: 200px;
    position: relative;
}

@media(max-width:1300px) {
    .memorialbannercontainer div {
        right: 20%;
        top: 20%;
        font-size: 75px;
    }

    .navbar-nav {
        padding: 0px;
        max-width: 700px;
    }
}



.memorialContentContainer div {
    max-width: 55%;
    margin: 10px auto 20px auto;
    font-size: 22px;
    direction: rtl;
    text-align: right;
}

.memorialContainer {
    min-width: 1050px !important;
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-gap: 10px;
}



.but {
    background: #E0E0E0;
    border-radius: 50px;
    height: 40px;
    text-align: center;
    padding-top: 7px;
    font-size: 1.3em;
    color: #00437b;
    position: relative;
    margin-bottom: 10px;
    width: max-content;
    max-width: inherit !important;
    margin: inherit !important;
    padding: 5px 20px 5px 20px;
}



a.select .but {
    background-color: #B3B3B3;
}

.butup:before {
    position: absolute;
    right: 10px;
    content: "\2191";
    z-index: 1;
    top: 0px;
}

.butdown:before {
    position: absolute;
    right: 10px;
    content: "\2193";
    z-index: 1;
    top: 0px;
}

.izkorBtns {
    padding: 20px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 50% 25% 25%;
    /* margin: auto !important; */
    min-width: 1050px;
}

    .izkorBtns div {
        max-width: 100% !important;
        width: auto;
        text-align: center;
        padding: 5px 2px 5px 2px;
        margin: 0px;
    }

.izkor-search {
    text-align: right !important;
}

    .izkor-search input {
        border-radius: 50px;
        border: 1px #8080805c solid;
        width: 370px;
        padding: 3px 10px 3px;
        position: relative;
        top: -5px;
        font-size: 18px;
        height: 45px;
    }

    .izkor-search:after {
        content: url('/assets/browser-f3dd113d3f6f7e03.png');
        position: absolute;
        position: relative;
        left: 50px;
        width: 0px;
    }

    .izkor-search img {
        position: relative;
        left: 40px;
        top: -5px;
        z-index: 3;
    }

#aByTitle {
    margin: 0 0 0 20px;
    /* width: 80%; */
}

.desktoptext {
    display: block;
}

.mobiletext {
    display: none !important;
}

@media(max-width:1200px) {
    .memorialContainer {
        min-width: 900px !important;
        grid-template-columns: 25% 25% 25% 25% !important;
    }

    .izkorBtns {
        min-width: 900px;
    }

    .navbar-nav {
        padding: 0px;
        max-width: 650px;
    }

    .langs {
        display: flex;
        flex-direction: column;
        text-align: center;
        left: 110px;
    }

    .langheb:before {
        content: '/';
    }

    .social {
        max-width: 90px;
        flex-flow: wrap;
        left: 0px;
    }
}

@media(max-width:920px) {
    .memorialContainer {
        min-width: 700px !important;
        grid-template-columns: 33% 33% 33% !important;
    }

    .izkorBtns {
        min-width: 700px;
        grid-template-columns: 100%;
        padding: 20px 0 0 40px !important;
    }

        .izkorBtns div {
            width: 100%;
        }

        .izkorBtns input {
            width: 100%;
        }

    .izkor-search {
        position: relative;
    }

        .izkor-search:after {
            position: absolute !important;
            left: 40px;
            top: 8px;
        }
}

@media(max-width:680px) {
    .memorialContainer {
        min-width: 400px !important;
        grid-template-columns: 50% 50% !important;
    }

    .memorialMainTitle {
        font-size: 40px;
        margin: 30px 0;
    }

    .izkorBtns {
        min-width: 100%;
        padding: 20px 10px 20px 10px !important;
    }

        .izkorBtns div {
            width: 100% !important;
        }
}

@media(max-width:430px) {
    .reportFiltersContainer {
        grid-template-columns: 100% !important;
        width: 90% !important;
    }

    .memorialContainer {
        min-width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .visionbtns {
        /* display: flex; */
        display: flow-root;
        flex-direction: column;
        text-align: center !important;
        
        right: auto;
        top: 37%;
    }

    .communitytext {
        margin: 0 20px;
    }

        .communitytext p {
            line-height: 1.2;
            font-size: 16px;
        }

    .comservicecontainer {
        top: 200px;
        position: relative;
    }

    .mobiletext {
        display: block !important;
    }

    .statementarrow {
        margin: 0 20px 0 0 !important;
    }

    .desktoptext {
        display: none;
    }
}

.memorialContainer div {
    max-width: 100% !important;
}

.memorialContainer img {
    width: 100%;
    min-width: 100%;
}

.memorialContentContainer p {
    color: black;
}



.memorialAreaTitle {
    font-size: 36px !important;
}

.memorialTopAreaContainer {
    display: grid;
    grid-template-columns: 70% 30%;
}

@media(max-width:768px) {
    .memorialTopAreaContainer {
        grid-template-columns: 100%;
    }

    .memorialContentContainer div {
        max-width: 85%;
        padding: 0 20px 0 0;
    }

    .about-title-community {
        top: -90px;
    }

    .visionlink
    {
        padding:0px !important;
    }
    
}

.fieldsContainer {
    max-width: 100% !important;
    margin: 0px !important;
}

.izkor-field-item {
    margin: 20px 0px 0 0 !important;
    font-weight: bold;
}



.personImageContainer img {
    min-width: 216px;
    min-height: 288px
}

.personName {
    text-align: center !important;
    font-weight: bold;
    color: black;
    font-size: 18px !important;
    margin: 5px 0 0 0 !important;
}

.memorialPersonContainer a {
    text-decoration: none !important;
}

.personDateRange {
    color: black;
    font-size: 14px !important;
    text-align: center !important;
    margin: 5px 0 0 0 !important;
}

.memorialPerson {
}

    .memorialPerson img {
        /* width:100%; */
        height: 100%;
        max-height: 293px;
        height: 280px;
    }




.publeadcontainer {
    z-index: 3;
    color: white;
    direction: rtl;
    display: grid;
    margin: 200px auto 0 auto;
    width: 76%;
    max-width: 80%;
}

.publeaddate {
    z-index: 3;
    color: white;
    text-align: right;
    font-size: 24px;
}

.publeadtitle {
    z-index: 3;
    color: white;
    font-size: 45px;
    text-align: right;
    width: fit-content;
    font-weight: bold;
}

.publeadlink {
    z-index: 3;
    color: white;
    font-size: 40px;
    text-align: left;
    width: 100%;
    float: left;
}


    .publeadlink a {
        color: white;
        background: rgba(19, 149, 210, 0.75);
        padding: 0px 15px 5px 15px;
        border-radius: 30px;
        text-decoration: none;
    }

        .publeadlink a::after {
            content: " ... ";
            background: url('/assets/browser-73829f5ddb8108e8.png');
            color: #0f71a100;
            position: relative;
            background-position-y: 13px;
            background-repeat: no-repeat;
        }

.cyberbtns {
    /* display: flex !important; */
    grid-gap: 40px;
    background: inherit !important;
}

    .cyberbtns a {
        color: white;
        background: rgba(19, 149, 211, 0.8);
        border-radius: 30px;
        padding: 10px 15px 10px 15px !important;
    }

        .cyberbtns a:hover {
            background: rgba(19, 149, 211);
            text-decoration: none;
        }

.cyberlink {
    direction: rtl;
    display: flex;
    flex-flow: column;
    margin: 0 0 30px 0 !important;
    position:relative;
}


.cyberlinka{

    text-align:right !important;
}




.cyberlink a:after {
    content: " .... ";
    background: url('/assets/browser-73829f5ddb8108e8.png');
    color: #0f71a100;
    position: relative;
    background-position-y: 10px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    margin: 0 10px 0 10px;
    position: relative;
    left: 2px;
    background-size: 29px;
}

@media(max-height:900px)
{
    .cyberlink a:after {
        background-position-y:4px;
    }    
}



.cyber-desc p {
    text-align: right !important;
}

.pubaddcontainer {
    z-index: 30;
    color: white;
    direction: rtl;
    display: grid;
    margin: 150px auto 0 auto;
    width: 76%;
    max-width: 80%;
    position: absolute;
    right: 50px;
    bottom: 50px;
}

    .pubaddcontainer div {
        z-index: 3;
        text-align: right;
        font-size: 24px;
        width: 215px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.pubadditem {
    border-top: 1px solid #d4d4d45c;
    padding: 5px 0 5px 0;
}


.pubaddcontainer div a {
    color: white;
    max-width: 100px;
    overflow: hidden;
}


.pubItemContainer {
    margin: 0 0 30px 0;
    border-bottom: 1px dashed silver;
}

.pubItemContainerDate {
    font-size: large;
    font-weight: 500;
}

.pubItemContainerTitle {
    font-size: x-large;
    font-weight: 600;
}

.pubItemContainerTitle {
    color: black !important;
    text-decoration: none !important;
}

.pubItemContentUrl {
    margin: 0 0 10px 0;
}

.blockTitleSegments {
    z-index: 3;
    direction: rtl;
    display: flex;
    margin: 150px auto 0 auto;
    width: 76%;
    max-width: 80%;
}

.blockContentSegments {
    z-index: 3;
    direction: rtl;
    display: grid;
    margin: 50px auto 0px auto;
    width: 76%;
    max-width: 80%;
}

.pubItemContentDescription {
    font-weight: 400;
}

.blockTitleTop {
    z-index: 3;
    color: white;
    text-align: right;
    font-size: 70px;
    font-weight: bold;
    width: fit-content;
    margin: 0px;
}

.blockTitleBottom {
    z-index: 3;
    color: white;
    text-align: right;
    font-size: 70px;
    width: fit-content;
    margin: 0;
    position: relative;
    top: 15px;
    font-weight: 400;
    right: 5px;
}

.summaryContainer {
    z-index: 3;
    direction: rtl;
    display: grid;
    margin: 150px auto 0 auto;
    width: 76%;
    max-width: 80%;
    grid-template-columns: 100%;
    grid-row-gap: 35px;
}

.summaryContainerRow {
    z-index: 3;
    color: white;
    text-align: right;
    font-size: 70px;
    font-weight: 400;
    /* width:600px; */
    margin: 0px;
    display: flex;
}

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

.summaryCount {
    margin: 0 0 0 15px;
}

.summaryDscription {
    font-size: 30px;
    display: flex;
}

.textcontainer {
    align-self: flex-end;
    margin: 0 0 18px 0;
}


.summaryMonthlyReportsContainer {
    z-index: 3;
    direction: rtl;
    display: grid;
    width: fit-content;
    grid-template-columns: 100%;
    position: absolute;
    bottom: 20px;
    left: 0px;
}

.summaryMonthlyReportsRow {
    z-index: 3;
    color: white;
    text-align: right;
    font-size: 30px;
    font-weight: 400;
    /* width:600px; */
    margin: 0px;
    display: grid;
    grid-template-columns: 30% 50%;
    border-top: rgba(255, 255, 255, 0.3) 1px solid;
}

.summaryMonthlyReportsTitle {
    font-size: 22px;
    margin: 5px 10px 0 0;
    color: white !important
}

.summaryMonthlyReportsRowTitle {
    white-space: nowrap;
    border-top: 0px;
    font-weight: 700;
}

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

.OrgFocusTitle {
    color: white !important;
    font-size: 62px;
    width: max-content;
    position: relative;
    /* background:red; */
}

.OrgFocusDescription {
    z-index: 3;
    color: white !important;
    text-align: right;
    font-size: 20px;
    width: fit-content;
    margin: 0;
    position: relative;
    width: 90%;
}

@media(max-width:540px) {
    .about-title-community {
        top: -20px;
    }
}

@media (min-width: 350px) {
    .reportsContainer {
        grid-template-columns: repeat(2, 1fr);
    }
}

.moreOrgs {
    white-space:nowrap;
    font-size: 32px;
    /* position: inherit; */
    /* direction: rtl; */
    position: initial;
    /* left: 20%; */
    /* bottom: 10%; */
    /* border-radius: 50px; */
    padding: 0px 10px 5px 20px;
    /* display: inherit; */
    z-index: inherit;
    /* width: 280px; */
    text-align: left;
}

    .moreOrgs a {
        color: white;
        text-decoration: none;
        background: rgb(19, 149, 211);
        border-radius: 50px;
        padding: 0px 10px 5px 20px;
    }

        .moreOrgs a:hover {
            background: rgb(19, 173, 211);
        }


@media (min-width: 500px) {
    .reportsContainer {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 680px) {
    .reportsContainer {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 900px) {
    .reportsContainer {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1200px) {
    .reportsContainer {
        grid-template-columns: repeat(6, 1fr);
    }
}

.reportsContainer {
    display: grid;
    margin: 0 auto 0 auto;
    max-width: 1140px;
    direction: rtl;
}

.reportImage {
    padding: 10px;
    text-align: center;
}

    .reportImage img {
        max-width: 150px;
        margin: 5px 0 0 0;
    }

.reportItem {
    position: relative;
}

.hoverContent {
    position: absolute;
    top: 0px;
    height: 80%;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    background: black;
    color: white;
    width: 100%;
}

    .hoverContent:hover {
        transition: 0.8s;
        opacity: 1;
    }

.reportReadMore {
    background: #00437b;
    height: 25px;
    width: 100px;
    margin: 10px auto 10px auto;
}

    .reportReadMore a {
        color: white;
    }

.reportDisplayDateTitle {
    text-align: center;
}

.reportFiltersContainer {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    margin: 50px auto 50px auto;
    width: 400px;
    font-size: 18px;
    direction: rtl;
}

.reportFilter {
    text-align: center;
    border: 1px solid black;
    padding: 3px 15px 3px 15px;
    cursor: pointer;
    background:white;
}

.reportFilter:focus {
    border:4px solid black;
}

.reportFilterSelected {
    background: black;
    color: white;
}


.bannerContainer {
    position: relative;
    height: 415px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

@media only screen and (min-width : 120px) {
    .bannerContainer {
        max-height: 279px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .bannerContainer {
        max-height: 350px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .bannerContainer {
        max-height: 400px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .bannerContainer {
        max-height: 400px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .bannerContainer {
        max-height: 450px !important;
    }
}

.pageTitle {
    position: absolute;
    right: 20%;
    top: 35%;
    color: white;
    font-size: 85px;
    font-weight: 400;
}

.pageSubTitle
{
    position: absolute;
    right: 20%;
    top: 60%;
    color: white;
    font-size: 42px;
    font-weight: 400;
}


.reportsShowMore {
    text-align: right;
}

    .reportsShowMore a {
        color: white;
        font-size: 24px;
    }


.torgsContainer {
    width: 1140px;
    margin: 50px auto 0 auto;
    direction: rtl;
    text-align: right;
    min-height:420px;
}

    .torgsContainer p {
        color: black;
        margin: 0;
        line-height: 1.3;
    }

.torg {
    border-bottom: 2px dotted #eaeaea;
    padding: 20px 0 10px 0;
    text-align: right;
}

.torgTitle {
    direction: rtl;
    text-align: right;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 5px 0;
    cursor: pointer;
    text-align: right;
}

.torgTitle {
    color: black !important;
    text-decoration: none !important;
}

.torgImage {
    float: left;
    vertical-align: top;
    display: block;
    width: initial;
    /* text-align: left; */
    height: 150px;
}

.torgContent {
    min-height: 150px;
    margin: 10px 0 0 0;
}

.torgDescription p {
    color: black;
    direction: rtl;
    font-size: 18px;
    font-weight: 400;
}

.pubpagedate {
    font-weight: 500;
}

.pubpageDescription {
    font-weight: 500;
    font-size: x-large;
    margin: 0 0 20px 0;
        font-weight: 600;
    color: #696969;
}

.pubpageContent {
    font-size: large;
    margin: 0 0 50px 0;
}

.pubpageContentTop {
    display: flex;
    grid-gap: 50px;
}


.pubpageContent div, .pubpageContent p, .pubpageContent li, .pubpageContent a {
    font-size: 24px !important;
}


.pubpageimage {
    float: left;
    max-width:270px;
}

.pubpageimages{
    max-width:270px;
}


.cpwbContentContainer {
    width: 800px;
    margin: 0px auto 0 auto;
    direction: rtl;
    color: white;
    position: relative;
    top: 150px;
}



.cpwbTitle {
    text-align: right;
    font-size: 85px;
    font-weight: 300;
    margin: 0 0 50px 0;
}

.cpwbContent a {
    color: white !important;
    text-decoration: underline;
}

.cpwbContent p {
    font-size: 22px;
}

.searchContainer {
    direction: rtl;
    background: rgba(1, 31, 57, 0.4);
    display: grid;
    grid-template-columns: auto min-content min-content;
    grid-gap: 40px;
    width: 100%;
    position: fixed;
    top: 94px;
    padding: 10px 0 10px 20px;
    z-index: 50;
    text-align: initial;
}

    .searchContainer input {
        background-color: transparent;
        border: 0px;
        border-bottom: 2px solid white;
        color: white;
        text-align: right;
        font-size: 18px;
        width: 220px;
    }

        .searchContainer input::placeholder {
            color: white;
        }

        .searchContainer input:focus {
            box-shadow: 0 0 0 0.2rem rgb(255 255 255);
            border-radius: 2px;
        }

.sicontainer {
    position: relative;
    float: left;
}

    .sicontainer .btn {
        position: absolute;
        left: -5px;
        color: white;
        font-size: 22px;
        bottom: 0px;
        z-index: 1;
    }


@media(min-width:992px) {
    .mobile {
        display: none;
    }

    .navbar-nav {
        display: flex !important;
    }
}

@media(max-width:991px) {
    .container {
        padding: 0px;
    }

    navbar-nav {
        display: none;
    }

    .logoclosed {
        -webkit-transform: translateX(195px);
        transition: 0.2s ease;
    }

    .logoopened {
        -webkit-transform: translateX(0px);
        transition: 0.2s ease;
    }


    .closed {
        -webkit-transform: translateX(-200px);
        transition: 0.2s ease;
    }

    .opened {
        -webkit-transform: translateX(-13px);
        transition: 0.2s ease;
    }


    .closedBtn {
        -webkit-transform: translateX(30px);
        transition: 0.2s ease;
    }

    .openedBtn {
        -webkit-transform: translateX(220px);
        transition: 0.2s ease;
    }




    .navbar-toggler {
        display: block !important;
    }



    .navbar-toggler {
        padding: .5rem;
        margin: auto auto auto auto;
        border: 0px;
        position: inherit;
        position: absolute;
        left: -25px;
        top: 15px;
    }


        .navbar-toggler:before {
            font-family: 'sbk' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e922";
            font-size: 2.1rem;
            color: #fff;
        }


    .langs, .social {
        display: none;
    }

    .lang:before {
        content: ' ';
    }

    .mobile .langs, .mobile .social {
        display: block !important;
    }

    .mobile .langs {
        position: inherit;
        display: flex !important;
        flex-direction: column;
        text-align: center;
    }

        .mobile .langs a {
            font-size: 18px;
            margin: 5px 0 5px 0;
        }

    .mobile .social {
        width: 100px;
        display: grid !important;
        grid-template-columns: 50% 50%;
        grid-row-gap: 5px;
        text-align: center;
        justify-content: center;
        position: relative;
        left: 0px;
        margin: 0 auto;
    }

        .mobile .social a {
            /* margin: 10px 5px 10px 5px !important; */
        }



    .navbar-nav li:last-child {
        padding: 10px;
        height: 100px;
    }

    .navbar-nav {
        flex-direction: column !important;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #1a355b;
        text-align: center;
        padding: 10px;
    }

    .navbar-expand {
    }

    .navbar-nav li {
        border-bottom: 1px solid white;
        width: 172px;
        min-height: 80px;
        margin: auto;
    }


        .navbar-nav li:nth-last-child(3) {
            position: absolute;
            padding: 0px 0 15px 10px;
            /* font-size: 22px; */
        }



            .navbar-nav li:nth-last-child(3) a {
                position: relative;
                left: 10px;
                font-weight: 600;
                background: #03BCBC;
                border-radius: 18px;
                font-weight: 700;
                padding: .3rem 1rem;
                /* height: 28px; */
                margin: 10px 10px 10;
                width: 105%;
                text-align: center;
                font-size: 22px;
                font-weight: 700;
            }


        .navbar-nav li:nth-child(1) {
            margin: 80px 0 0 0;
        }

    #fader {
        opacity: 0;
    }

    .fader {
        position: absolute;
        left: 0px;
        background: #7a7a7ac7;
        height: 100%;
        width: 100%;
        z-index: 395;
        top: 0px;
        opacity: 1 !important;
        transition: 0.4s ease;
    }

    .brighter {
        opacity: 0 !important;
        transition: 1s ease;
    }
}

@media(max-width:1140px) {
    .torgsContainer {
        max-width: 100%;
    }
}


@media (max-width: 992px) {
    .displayMobile {
        display: block !important;
    }
  .fixedcarrer { position: absolute; left: 0; right: 0; background: #03BCBC; color: #fff; font-weight: bold; font-size: 22px; top: 100%;    z-index: -1;}
  .fixedcarrer a { display: block; text-align: center; padding: 8px; color:white;}
  /*.fixedcarrer  { -webkit-transform: translateX(188px); transform: translateX(188px); }    */
}

@media (max-width: 991.98px) {
    .displayDesktop {
        display: none !important;
    }
}


@media(max-width:680px) {

    .pageTitle {
        font-size: 40px;
        margin: 40px 0 0 0;
    }

    .bannerContainer img {
        height: 200px;
        width: 800px;
    }

    .torgsContainer {
        width: 90%;
        margin: 40px 20px 0 20px;
    }

    .pubPageTitle {
        font-size: 30px;
    }

    .pubpageimage {
        width: 25%;
    }

    .cpwbContentContainer {
        width: 80%;
    }

    .cpwbTitle {
        font-size: 32px;
        text-align: right !important;
    }

    .memorialContentContainer div {
        padding: 0px;
        /* max-width: 370px; */
    }

    .izkor-search input {
        width: 100%;
        margin: 0 auto 20px;
    }

    .but {
        font-size: 24px !important;
        width: 315px !important;
    }

    .butup:before {
        right: 5px;
        top: 8px;
    }


    .lobPageTitle {
        position: absolute;
        top: 140px;
        color: white;
        font-size: 34px;
    }

    .lobPageSubTitle {
        position: absolute;
        top: 180px;
        color: white;
        font-size: 15px;
    }

    .pubpageimage {
        float: none !important;
        width: auto;
        margin: 0 auto 20px;
        display: block;
    }

    .about1-title {
        color: white;
    }

    .memorialbannercontainer {
        left: -450px;
        position: absolute;
    }

    .memorialContentContainer {
        /*position:  absolute;*/
        top: 344px;
        width: 100%;
    }

    .topmenu {
        right: 0px;
        position: absolute;
    }
}





@media(max-height:800px) {
    .About-2-title {
        top: 80px;
    }

    .about2-desc {
        top: 80px;
    }
}

.sliderTitle {
    position: absolute;
    top: 100px;
    right: 50px;
    background-color: rgba(0, 0, 0, 0.60);
    color: rgba(255, 255, 255, 1.00);
    font-weight: 300;
    line-height: 65px;
    font-size: 60px;
    white-space: nowrap;
    text-align: right;
    padding: 10px;
}

.sliderDescription {
    position: absolute;
    top: 200px;
    right: 50px;
    z-index: 6;
    min-width: 527px;
    max-width: 527px;
    white-space: normal;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1.00);
    font-family: Heebo;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 10px;
}

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

.pubpageContentTop {
    margin-bottom: 50px;
}

@media(max-width:480px) {

    .tparrows {
        display: none !important;
    }

    .sliderTitle {
        top: 15px;
        right: 20px;
        font-size: 28px;
        line-height: 34px;
        white-space: normal;
        min-width: 0;
        max-width: 100%;
        width: fit-content;
    }

    .sliderDescription {
        top: 110px;
        right: 20px;
        font-size: 17px;
        line-height: 34px;
        max-width: 90%;
        min-width: 0;
        line-height: 25px;
    }

    .pubpageContentTop {
        display: inline;
    }

    .pubpageContentBottom {
        margin-top: 25px;
    }

    .movieIframe {
        width: 100%;
    }

    .memorialContentContainer {
        top: 280px;
    }

        .memorialContentContainer p {
            font-size: 18px;
        }

    .communityimagesrow {
        grid-gap: 0px !important;
        max-width: 80%;
        margin: 0 auto !important;
    }

        .communityimagesrow img {
            max-width: 130px !important;
            margin: auto 0px auto 0px;
        }



    .cyberlink a:after {
        content: " ...... ";
        background: url('/assets/browser-73829f5ddb8108e8.png');
        color: #0f71a100;
        position: relative;
        background-position-y: 0px;
        background-repeat: no-repeat;
        background-position-x: 0px;
        background-size: contain;
    }
}

@media(max-width:340px) {
    .about-title-community {
        top: 20px;
    }
}

@media(max-width:280px) {
    .lobPageTitle {
        font-size: 25px !important;
        margin: 0px;
    }

    .About-2-title {
        top: 0px;
    }

    .about2-desc {
        top: 0px;
    }

    .communityimagesrow {
        grid-gap: 0px;
        max-width: 80%;
        margin: 0 auto;
    }

        .communityimagesrow img {
            max-width: 100px !important;
            margin: auto 0px auto 0px;
        }
}

@media(max-height:720px) {
    .navbar-nav li {
        height: 70px !important;
        min-height: 20px;
    }

    .mobile .langs {
        display: grid !important;
        grid-template-columns: 50% 50%;
        text-align: center;
        grid-template-rows: 50% 1fr;
    }

    .langar {
        grid-column: span 2;
    }

    .langs .lang:after {
        content: '';
    }


    .mobile .social {
        grid-row-gap: 0px;
        grid-template-columns: 25% 25% 25% 25%;
        grid-gap: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .pubaddcontainer {
        bottom: 10px;
    }
}


.topmenu {
    position: fixed;
}

/**start career floater**/



.careerFloater {
    position: fixed;
    top: 130px;
    z-index: 21;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    left: 0;
    direction: rtl;
    text-align: right;
}

    .careerFloater .badge {
        font-family: "Heebo";
        width: 28px;
        height: 28px;
        line-height: 25px;
        padding: 0;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.3rem;
        border-radius: 100%;
        background: #03BCBC;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.459);
        font-weight: bold;
    }

    .careerFloater .btn.sbk-plus {
        background: rgba(19, 150, 210, 0.8);
        color: #fff;
        position: absolute;
        box-shadow: none;
        line-height: 1;
        padding: 8.5px 7px 8.5px 4px;
        border-radius: 0 50% 50% 0;
        right: -62px;
    }

        .careerFloater .btn.sbk-plus:not([aria-expanded="true"]) {
            opacity: .7;
        }

        .careerFloater .btn.sbk-plus .badge {
            position: absolute;
            top: -4px;
            right: -4px;
        }

        .careerFloater .btn.sbk-plus:hover, .careerFloater .btn.sbk-plus:focus {
            background: rgba(19, 150, 210, 0.98);
            opacity: 1;
        }

        .careerFloater .btn.sbk-plus:before {
            text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
            font-size: 3.1rem;
            font-weight: 100;
            display: block;
            transition: all .3s ease;
        }

        .careerFloater .btn.sbk-plus[aria-expanded="true"] {
            background: rgba(19, 150, 210, 0.6) !important;
            -webkit-backdrop-filter: blur(9px);
            backdrop-filter: blur(9px);
            opacity: 1;
        }

            .careerFloater .btn.sbk-plus[aria-expanded="true"]:before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

    .careerFloater .inner {
        background: rgba(19, 150, 210, 0.6) !important;
        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
        display: block !important;
        width: 0;
        transition: width 0.35s ease;
        opacity: 1 !important;
        border-radius: 0 0 35px 0;
    }

        .careerFloater .inner.collapsing {
            background: rgba(19, 150, 210, 0.6) !important;
            display: block !important;
            height: auto !important; /*transition:none;transition:width 0.35s ease;*/
        }

        .careerFloater .inner.collapse {
            background: rgba(19, 150, 210, 0.6) !important;
        }

            .careerFloater .inner.collapse.show {
                width: 300px; /*max-width: calc(100% - 63px);*/
            }

        .careerFloater .inner ul {
            max-width: 100%;
            list-style: none;
            padding: 0px;
        }

            .careerFloater .inner ul li {
                margin: 2.4rem 1.3rem 1rem;
                margin-left: .1rem;
            }

                .careerFloater .inner ul li:first-child {
                    margin-top: 1.1rem;
                }

            .careerFloater .inner ul a {
                color: #fff;
                white-space: nowrap;
                display: inline-block;
                font-size: 21px;
                font-weight: 700;
            }

                .careerFloater .inner ul a.rols {
                    border: 3px solid #fff;
                    border-radius: 28px;
                    padding: 2px 3px;
                }

                .careerFloater .inner ul a i {
                    font-size: 2rem;
                    display: inline-block;
                    margin: 0 .3rem;
                    vertical-align: middle;
                }

                .careerFloater .inner ul a .sbk-tick {
                    font-size: 1.2rem;
                    margin: 0 .6rem;
                }

                .careerFloater .inner ul a .badge {
                    vertical-align: middle;
                    margin-right: .6rem;
                }

                .careerFloater .inner ul a.forms {
                    padding: .2rem 1.3rem;
                    color: #fff;
                    background: #03BCBC;
                    transition: all 0.2s ease-in-out;
                    font-size: 22px;
                    font-weight: bold;
                    height: 100%;
                    border-radius: 3.5rem;
                }

                    .careerFloater .inner ul a.forms:hover, .careerFloater .inner ul a.forms:focus {
                        background: #27a4a7;
                    }

                    .careerFloater .inner ul a.forms i {
                        font-size: 115%;
                        margin: 0;
                        margin-left: .5rem;
                    }

@media (max-width: 991.98px) {
    .careerFloater {
        top: 150px;
    }
}

/**end career floater**/
html, body {
    height: 100%
}


/*start typeahead*/
.tt-menu {
    background: white;
    border: 1px solid black;
    padding: 16px;
    text-align: right;
}

.suggetion-item div {
    padding: 3px;
}

.tt-query, .tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 100%;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    cursor: default;
    color: #000;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion.tt-is-under-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }
/*end typeahead*/





body {
    /*font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: "Heebo";    
}



.copyright {
    color: white;
    position: absolute;
    left: 20px;
    font-weight: lighter;
}



/*#region projects-app */
.projects-app .cbp-l-filters-buttonCenter .cbp-filter-item{background-color: #FFFFFF;border: 1px solid #000;color: #000;cursor: pointer;font: 400 18px/32px "Heebo", sans-serif;margin: 0 5px 10px 5px;overflow: visible;padding: 0 17px;position: relative;display: inline-block;}
.projects-app .cbp-l-filters-buttonCenter .cbp-filter-counter{background-color:#000}
.projects-app .cbp-l-grid-masonry-projects-title {color:#00437b;font-size:18px}
.projects-app .cbp-l-grid-masonry-projects-title:hover {color:#00437b;font-size:18px;text-decoration:underline}
.projects-app .cbp-l-grid-masonry-projects-desc{color:#000;font-size:16px}
.projects-app .cbp-l-grid-masonry-projects .cbp-caption-activeWrap{background-color:#000}
.projects-app .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight{background-color:#00437b}
.projects-app .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight{background-color:#00437b}
.projects-app .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover{color:#fff}
.projects-app .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{font-size:16px}
.projects-app .cbp-l-caption-desc{color: #aaa;font: 400 16px/16px "Open Sans", sans-serif;    margin: 10px;direction:rtl}
.projects-app .cbp-l-filters-buttonCenter{margin-top:10px}

 .projects-app
    {
        padding: 50px 0 0 0;
    }
/*#endregion */





/*#region terror owl-slider */
.TerrorWrapper { 
    position:absolute;
    width:75%!important;
    margin:0 auto!important;
    top:29%;
    left:12.5%;
}
.TerrorWrapper .owl-carousel{   
   margin:0 auto;
   /*margin-top:300px;*//*יש להתאים לפי מדיה */
}
.TerrorWrapper .owl-carousel .item {
    height: auto!important;   
    padding: 15px 1rem 5px!important;  
    display: block; 
}
.TerrorWrapper .owl-carousel .owl-item img {   
    height: 250px;/*guy 15.03.2017*/   
}
.TerrorWrapper .owl-carousel .item .textWrapper{
    background-color: #fff;
    padding: 10px;/*guy 15.03.2017*/
    height: auto;/*guy 15.03.2017*/
}
.TerrorWrapper .owl-carousel .item .textWrapper p{
   color: #000;
    text-align: center;
    font-family: 'Heebo';
    font-size: 30px;
    line-height: 1.1;
    overflow: hidden;
    direction: rtl;/*guy 15.03.2017*/
                height: 66px;/*guy 15.03.2017*/
}
@media(max-width:1400px){
   .TerrorWrapper .owl-carousel .owl-item img {   
    height: 210px;/*guy 15.03.2017*/   
}
}
@media(max-width:1025px){
    .TerrorWrapper{top:40%!important;}/*guy 15.03.2017*/
}

@media(max-width:1025px){
    .tp-bullets{display:none !important;}/*guy 15.03.2017*/
}



@media(max-width:769px){
.TerrorWrapper .owl-carousel .item .textWrapper p{
     font-size: 24px;
     height: 48px;/*guy 15.03.2017*/
}
}
@media(max-width:480px){
.TerrorWrapper{top:31%!important;}
.TerrorWrapper .owl-carousel .item .textWrapper p{
     font-size: 20px;
     height: 40px;/*guy 15.03.2017*/
}
.TerrorWrapper .owl-carousel .owl-item img {   
    height: auto;/*guy 15.03.2017*/   
}
.TerrorWrapper .owl-theme .owl-dots .owl-dot span{margin:5px}/*guy 15.03.2017*/
}

.owl-dots
{
    direction: rtl;
}

/*#endregion */







/**AR start**/

a.tp-static-layer{text-decoration:none!important}
.tp-loader.spinner2 {background-color: #000;}
.tp-caption.headline{text-align:right!important;direction:rtl}
.tp-caption.cd-Display {text-align:right!important;}
.tp-caption.cyber-desc {text-align:right!important;direction:rtl}



.news .item a {
    display: inline-block;
    background: rgba(26, 53, 91, 0.7);
    color: #fff;
    padding: 1.1rem;
    border-radius: 30px 0px 0px 30px;
    padding-left: 3.5rem;
    font-size:22px;
    margin: 0 0 5px 0 !important;
    white-space: normal;
    line-height: 1.1 !important;
}


.news {
    text-align: right !important;
    margin: 0px !important;
    width: 273px!important;
    direction: rtl;
}

.news .item {
    border-top: 1px solid black !important;
    padding: 10px 0 0 0px !important;
}

.news {direction:rtl;width:280px!important}
.news a,.news:visited{color:#fff;text-decoration:none}
.news a:hover{color:#fff;text-decoration:underline}
.news .item {text-align:right!important;direction:rtl!important;border-top:1px solid #414141;margin-bottom:12px!important;white-space:nowrap!important}
.news .read-more{height:70px;display:block;text-align:right!important;direction:rtl!important;padding-top:15px;border-top:1px solid #414141;margin-bottom:12px!important;padding-bottom:25px!important;}
.news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:150px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
.story-title {text-align: right !important;direction: rtl !important;}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ .news {width:165px!important}
    .news .item {font-size: 22px!important;line-height:16px!important}
    .news .news-but{    float: right;
    line-height: 29px;
    display: block;
    height: 35px;
    border-radius: 18px;
    width: 115px;
    height: 34px;
    font-size: 14px!important;
    vertical-align: middle!important;
    background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;
    background-size: 19px 19px;}
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ .news {width:165px!important}
    .news .item {font-size: 22px!important;line-height:18px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:165px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ .news {width:250px!important}
    .news .item {font-size: 22px!important;line-height:28px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:165px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
	
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ .news {width:250px!important}
    .news .item {font-size: 22px!important;line-height:26px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:165px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ .news {width:250px!important}
    .news .item {font-size: 22px!important;line-height:26px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:165px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ .news {width:250px!important}
    .news .item {font-size: 22px!important;line-height:26px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:165px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
}
@media (min-width:1600px) { /* hi-res laptops and desktops */ .news {width:250px!important;}
    .news .item {font-size: 22px!important;line-height:26px!important}
    .news .news-but {float:left;line-height:30px!important;display: block;padding-right:15px!important;padding-top:4px!important;border-radius: 18px;width:159px;color: white;height:36px;font-size:18px!important;vertical-align:middle!important;
                 background: #1395d1 url('/assets/browser-73829f5ddb8108e8.png') no-repeat 5px;background-size: 28px 28px;}
}
.arabic-news .news .news-but{width:95px!important;}
@media(max-width:320px){
	.arabic-news .news .news-but{width:75px!important;}
	.hp3{
		background-position:center;
	}
}

/*#endregion */

.cbp-popup-content h1
{
    text-align:center;
}

.cbp-popup-content img {
    float: left;
    margin-right: 15px;
    max-width: 350px;
}

  .pubPageTitle {
        font-weight:bold;    
  
  }
    .pubPageDate
{
    margin:0 0 20px 0;
    font-size:22px;
}

.play-video{background-color:#000!important;color:#fff!important;opacity: 0.8!important;}
.play-video:hover{background-color:#fff!important;color:#000!important;opacity: 0.8!important;}
.close-vide-mobile{top:15px!important}


.owl-next, .owl-prev
{
    display:none !important;
}

.align-right {text-align: right !important;direction: rtl}

#searchbox::placeholder
{
    color:white !important;
}

.recprocess
{
    list-style:none;
}


.studytitle
{
    color:black;
    text-align:center;
    font-size:30px;
}


.studywrapper
{
    min-height:80px;
    max-height:80px;
}

.owl-item a:focus{ 
    background:white;
    border-radius:5px;
    color:white;    
}

.tabitem
{
    text-align:center;
}

.tabitemimage
{
    width:280px;
    height:180px;
}

.tabcontainer
{
    display:flex;
    grid-gap:20px;
}

.tabitemcontent
{
    position:relative;
}


.tabitemdata
{
    position:absolute;
    top:0px;
    background:black;
    width:100%;
    height:100%;
    color:white;
    text-align:center;
    padding:50px 20px 0 20px;
    opacity: 0;
}

.tabitemdata:hover, .tabitemdata:focus
{
    opacity: 1;   
    transition: opacity 0.5s;
}


.tabitemreadmore
{
    background:#00437b;
    color:white;
    padding:4px;
}

.summaryMonthlyReportsDate
{
    width:100px;
}