﻿.loginBackLeft {
    display: none !important;
}

.wrapper {
    display: none !important;
}

header {
    display: none !important;
}

.messagesAndInfoBox {
    display: none !important;
}

.hamburger {
    width: 28px;
    height: 20px;
}

.mobileHeader {
    display: block !important;
    padding: 15px;
    z-index: 999;
    background-color: #fff; 
    position: relative;
}

.container {
    width: 100% !important;
}


.first {
    height: 158px;
}

#firstRowText {
    display: none !important;
}

.imgText {
    display: none !important;
}

.backImage {
    width: 100%;
    max-height: 158px;
    height: 100%;
    /* z-index: -10; */
    position: absolute;
    right: 0;
    background: center center no-repeat;
    background-size: cover;
}

.carouselNav {
    display: none !important;
}


.mobileHomePageHeaderRow {
    display: block !important;
    padding: 15px;
    float: right;
}

.mobileHomePageHeader {
    font-family: 'almoni-tzar-bold' !important;
    font-size: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mobileHomePageSubHeader {
    font-family: 'almoni-tzar' !important;
    font-size: 19px !important;
    margin-top: 0 !important;
}



.boxHeaderTxt {
    color: #333333 !important;
    font-family: 'almoni-tzar' !important;
    line-height: 21px !important;
    font-size: 21px !important;
}

.second {
    padding: 5px 15px;
}

.storyBox {
    height: 86px;
    width: 100%;
}

    .storyBox a {
        width: 100%;
    }

.storyBoxText {
    width: 63%;
    height: 86px;
    color: #5b5963 !important;
    padding-left: 5px;
    position: absolute;
    right: 37%;
    float: none !important;
}

.eng .storyBoxText {
    right: 0;
    left: 37%;
}



.storyBox img {
    position: absolute;
    right: 0;
    /*float: right;*/
    width: 37%;
    height: 86px ;
}

.eng .storyBox img {
    left: 0;
}

.searchBox {
    display: none;
}

#searchTextBox {
    width: 100%;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
}

.subjectSelect {
    width: 100%;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-bottom: 10px;
}

#searchBtn {
    width: 100%;
    height: 45px;
}

.thirdBr {
    display: none !important;
}

.infoBox {
    display: none !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 0;
}

.mobileInfoBox {
    display: block !important;
    height: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
}

#mobileContactInfo {
    width: 52% !important;
    float: right;
}

.mobileContactDetails {
    font-size: 15px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #333333 !important;
}

.contactLink {
    background-color: #72aecb;
    width: 115px;
    margin-left: 0 !important;
    text-align: center;
    padding: 9px 5px;
}

    .contactLink a {
        font-size: 16px !important;
        color: #ffffff !important;
    }

.mobileNumbers {
    display: block !important;
    float: right;
    width: 100%;
}


    .mobileNumbers .messageInfoBox {
        margin-top: 10px;
        /* background: url('../../../Images/circle.png') no-repeat center #5B5963; */
        background-color: #5B5963;
        font-family: "almoni-tzar-light";
        color: #FFFFFF;
        font-size: 24px;
        line-height: 23.5px;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .mobileNumbers .runningNumbers {
        font-weight: 400;
        font-size: 50px;
        font-family: "OpenSansHebrew-regular";
        margin-top: 40px;
    }

    .mobileNumbers .gaugeText p {
        margin-top: 5px;
    }


.storyBoxTextHeader {
    font-family: 'almoni-tzar' !important;
    font-size: 17px !important;
    line-height: 17px !important;
}

.mobileLogo {
    height: 43px;
    /*width: 100px;*/
    margin-right: 20px;
}

.mobileHeader .ChangelangBtn {
    float: left;
    margin-top: 13px;
    color: #72aecb;
    transform: scaleY(1.0168);
}

.desktopFooter {
    display: none !important;
}

.mobileFooter {
    display: block !important;
    /*width: 498px !important;*/
    height: 75px;
    text-align: center;
    padding: 15px;
    line-height: 12px;
    transition: height 0.4s;
}

.mobileExtraFooter {
    height: 116px !important;
}


.mobileFooterArrow {
    width: 15px;
    height: 9px;
    margin-top: -3px;
    transition: all 0.5s;
}

.mobileExtraFooter .mobileFooterArrow {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-top: -5px;
}



.mobileMenu {
    display: block !important;
    float: right;
    height: 100%;
    background-color: #f1f1f1;
    width: 100%;
    margin-top: -538px;
    transition: all 0.4s;
    padding: 0;
    position: relative;
    box-shadow: 0px 5px 6px 0px #000000;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.06);
    /*z-index: 1;*/
}

.mobileMenuOpen {
    margin-top: 0;
    position: relative;
}

.mobileMenuList {
    list-style-type: none;
    padding: 10px 15px 15px 15px !important;
}

    .mobileMenuList li {
        padding: 10px 5px 0 5px;
        border-bottom: 2px solid #ddd;
    }

        .mobileMenuList li:hover {
            background-color: #3378a5 !important;
        }

            .mobileMenuList li:hover > .mobileListLink {
                color: #fff !important;
            }

.mobileHeaderItem {
    float: right;
}

.mobileHeaderLink {
    font-family: 'almoni-tzar' !important;
    font-size: 21px !important;
}

.mobileListLink {
    color: #333333 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    font-family: 'almoni-tzar' !important;
    width: 100%;
}

.mobileMenuIcon {
    width: 22px;
    margin-left: 15px;
    float: right;
}

.mobileInfoIcon {
    width: 10px !important;
    margin-right: 6px;
    margin-left: 19px;
}


.mobileListLink:hover {
    color: #fff !important;
}

.mobileHeaderItem h2 {
    margin-bottom: 5px !important;
}


.mobileHeader1 {
    color: #004879 !important;
}

.mobileHeader2 {
    color: #4b3f50 !important;
}

.mobileHeader3 {
    color: #009ba0 !important;
}

.mobileHeader4 {
    color: #733141 !important;
}

.mobileHeader5 {
    color: #615d5d !important;
}

.mobileHeader6 {
    color: #350871 !important;
}

.mainBody {
    width: 100% !important;
    float: right;
    margin-top: 0 !important;
}


.subMenu {
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 15px;
    margin-top: -42px !important;
}

    .subMenu ul {
        width: 100% !important;
    }

        .subMenu ul li {
            height: 22px;
            margin-left: 0;
            margin-right: 0;
        }



        .subMenu ul .subMenuActive a {
            font-family: 'OpenSansHebrew-regular','sans-serif' !important;
        }

        .subMenu ul li a {
            font-family: 'OpenSansHebrew-regular','sans-serif' !important;
            font-size: 13px !important;
        }

        .subMenu ul .subMenuActive {
            background: none;
            border-bottom: 2px solid #ffffff;
        }

.accordionContainer {
    display: none !important;
}

.horizontalStrip {
    height: 87px;
    float: right;
}

    .horizontalStrip .container {
        height: 100%;
    }

.verticalStrip {
    display: none;
}


.horizontalStripText {
    margin-right: 0 !important;
    padding: 0 15px !important;
}

.mainData {
    margin: 140px 15px 15px 15px !important;
}

.mobileHeadline {
    display: block !important;
    float: right;
    margin-top: -70px;
}

    .mobileHeadline h2 {
        color: #ffffff !important;
        font-family: "almoni-tzar" !important;
        font-size: 25px !important;
        padding: 0 15px;
        position: relative;
    }

.horizontalStripTextMobile {
    display: block !important;
    font-family: "almoni-tzar" !important;
    color: #615d5d !important;
    font-size: 25px !important;
}

.eng .horizontalStripTextMobile {
    font-family: "almoni-tzar";
}


.mobileSelect {
    display: block !important;
    margin-top: 80px;
    margin-bottom: 15px;
    width: 100%;
    margin-right: 0 !important;
    padding: 10px;
}

.closeXmobile {
    height: 20px;
    width: 28px;
    padding-left: 4px;
    padding-right: 4px;
}


.deadlineIcon:hover > a img {
    content: url('../Images/Mobile/mobile-deadlines-white.png');
}

.supportIcon:hover > a img {
    content: url('../Images/Mobile/ISF-logo_white.png');
}

.messageIcon:hover > a img {
    content: url('../Images/Mobile/mobile-messages-white.png');
}

.submitIcon:hover > a img {
    content: url('../Images/Mobile/mobile-info-white.png');
}

.judgmentIcon:hover > a img {
    content: url('../Images/Mobile/mobile-judgment-white.png');
}

.statsIcon:hover > a img {
    content: url('../Images/Mobile/mobile-stats-white.png');
}

.storiesIcon:hover > a img {
    content: url('../Images/Mobile/mobile-researchers-white.png');
}

.contactIcon:hover > a img {
    content: url('../Images/Mobile/mobile-contact-white.png');
}
.mainWarpper-mobile{
    width:498px;
}
.margin-content-divider{
    margin-top:24%;
}
.return-to-laymans {
    margin-right: 3%;
    margin-top: 4%;
    margin-bottom: 1%;
}
.layman-details-mobile {
    margin-right: 3% !important;
    margin-top: 4% !important;
}
.layman-report-mobile{
    margin-right:3% !important;
}

.keywords-mobile{
    margin-bottom:unset !important;
}
.layman-report-text-mobile {
    margin-top: unset !important;
}
.tools-mobile {
    margin-top: unset !important;
    width:482px !important;
}
/*@media (min-width: 450px) {
.storyBox {
    height: 86px;
    width: 45%;
}

    .storyBox a {
        width: 100%;
    }

.storyBoxText {
    width: 63%;
    height: 86px;
    color: #5b5963 !important;
    padding-left: 5px;
}

.storyBox img {
    float: right;
    width: 37%;
    height: 86px !important;
}

.searchBox {
    margin: 10px 0 10px 0;
    padding: 19px 15px 28px 15px;
    width: 50%;
}

}*/

