﻿/*@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);*/
@import url(icomoon.css);
/*********************   Global styles *************************/


@media all {
    .related {
        position: relative;
    }

    img.grayscale-x {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        transition: -webkit-filter 1s ease;
    }

        img.grayscale-x:hover {
            filter: none;
            -webkit-filter: grayscale(0%);
        }


    img.grayscale {
        filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
    }

        img.grayscale:hover {
            filter: none; /* Applies to FF + IE */
            -webkit-filter: grayscale(0);
        }




    /* patients page yotam */
    .bottomDynamic {
        margin-top: 20px !important;
    }

    .enterPatient {
        float: left;
        margin-top: 4px;
        margin-left: 10px;
        color: white;
        background: #7161aa;
        padding: 7px 17px;
    }

        .enterPatient:hover, .enterPatient:focus {
            color: white;
        }

    .ENG_4401 #bottomServiceZone {
        border: none;
    }

    .ENG_4401 #menu {
        display: none;
    }

    .ENG_4401 .footerContainer {
        display: none;
    }

    .ENG_4401 #logoArea header {
        margin-bottom: 0;
    }

    .ENG_4401 #innerContentData {
        max-width: 100%;
    }
    /*added ruby Evgeny*/
    .ENG_4401 section.patients-login-page {
        background: url(../images/familybeach.jpg) top no-repeat;
        height: 100vh;
        width: 100%;
        background-size: cover;
    }

        .ENG_4401 section.patients-login-page .login-bg {
            margin-top: -64px;
        }

            .ENG_4401 section.patients-login-page .login-bg img {
                /*width: 100%;*/
                height: auto;
                margin-bottom: 7px;
            }

        .ENG_4401 section.patients-login-page .login-text-box {
            /*z-index: 111111111111;
            position: absolute;*/
            /*top: 10%;*/
            top: 0;
            background: #fff;
            font-size: 1.2em;
            color: #000;
            /*max-width: 466px;*/
            /*right: 20%;*/
            max-width: 522px;
            padding: 1em 0.5em;
            /*border-radius: 10px;*/
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom: 6px solid #505189;
            position: relative;
            z-index: 20;
        }

            .ENG_4401 section.patients-login-page .login-text-box p {
                text-align: right;
                text-align: center;
            }

        .ENG_4401 section.patients-login-page .logContainer .inner {
            z-index: 111111111111;
            position: absolute;
            /*top: 10%;*/
            top: 0;
            /*background: #fff;
            font-size: 1.2em;
            color: #000;*/
            /*max-width: 466px;*/
            max-width: 522px;
            right: 20%;
            /*border-radius: 10px;*/
            /*padding: 1em 0.5em;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom: 6px solid #505189;*/
        }

        .ENG_4401 section.patients-login-page .login-wrap {
            max-width: 1200px;
            margin: 0 auto;
            background: #7161AA;
            margin: 3em auto;
            padding: 13px;
            padding-bottom: 61px;
            /*position: absolute;
            top: 25%;
            right: 20%;

            */
            /* background: #fff; */
            font-size: 8px;
            color: #000;
            padding: 1em 0.5em;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            width: 466px;
            width: 522px;
            border-bottom: 5px solid rgba(146, 153, 172, 0.49);
            position: relative;
            z-index: 10;
            margin: 0;
            top: -6px;
        }



            .ENG_4401 section.patients-login-page .login-wrap h2 {
                color:#fff;
                text-align: center;
                padding: 10px;
                font-weight: bold;
                display: block;
                max-width: 484px;
                margin: 0 auto;
                margin-top: 5px;
                /* margin-bottom: 15px; */
                font-size: 16px;
            }

            .ENG_4401 section.patients-login-page .login-wrap input {
                color: #333;
                margin: 0 auto;
                display: block;
                padding: 5px 31px;
                direction: ltr;
                font-size: 20px;
                /* font-weight: bold; */
                width: 311px;
                line-height: 20px;
                /* margin: 30px 0; */
                padding-left: 5px;
                padding-right: 15px;
                text-align: right;
                /* margin-bottom: 5px; */
                position: absolute;
                height: 60px;
                border-radius: 5px;
                font-style: italic;
            }

            .ENG_4401 section.patients-login-page .login-wrap a {
                color: #fff;
                font-weight: bold;
                margin: 0 auto;
                display: block;
                width: 152px;
                height: 60px;
                text-align: center;
                /*background: rgb(225,150,47);*/
                margin-top: 10px;
                /* border: 1px solid #333; */
                position: absolute;
                font-size: 20px;
                padding: 17px 10px;
                left: -130px;
                top: -10px;
                border-radius: 5px;
                background: rgb(225,150,47);
                background: -webkit-linear-gradient(#da8324, #d87300);
                background: -o-linear-gradient(#da8324, #d87300);
                background: -moz-linear-gradient(#da8324, #d87300);
                background: linear-gradient(#da8324, #d87300);
                text-decoration: none !important;
            }

                .ENG_4401 section.patients-login-page .login-wrap a > span {
                    display: inline-block;
                    padding-right: 6px;
                }

                .ENG_4401 section.patients-login-page .login-wrap a:hover > span {
                    border-bottom: 2px solid #fff;
                }

            .ENG_4401 section.patients-login-page .login-wrap .input-wrap {
                position: relative;
                width: 350px;
                margin: 0 auto;
                height: 88px;
                margin-right: 15px;
                margin-top: 0;
            }

    #seotext {
        width: 70%;
    }

    /*.moonsiteLogo {
        margin-top: 47px;
    }*/

    #ctl00_ErrorMessage2,
    #ctl00_ErrorMessage {
        position: absolute;
        right: 0;
        color: red;
        font-weight: bold;
        top: 62px;
        font-size: 14px;
        text-shadow: 0px 0px 1px #000;
    }


    .ENG_4404 .innerContentData {
        max-width: 100%;
    }

    .ENG_4404 .patients-bg {
        position: absolute;
        width: 100%;
        right: 0;
        z-index: -1;
    }

        .ENG_4404 .patients-bg IMG {
            width: 100%;
            height: auto;
        }

    .ENG_4404 .patient-wrap-site {
        padding: 2em 0;
        width: 100%;
        max-width: 1200px;
        padding-top: 350px;
    }

        .ENG_4404 .patient-wrap-site .top-img {
            text-align: center;
        }

            .ENG_4404 .patient-wrap-site .top-img .abstract-patient-site {
                margin: 2em 15px;
                margin-bottom: 3.5em;
                background: #d7d8d3;
                padding: 1.5em;
                color: #000 !important;
                border-radius: 6px;
            }

    .ENG_4404 .row {
        margin: 0;
    }


    .ENG_4404 .footerContainer {
        display: none;
    }


    .ENG_4404 .item {
    }

        .ENG_4404 .item img {
            display: block;
            width: 100%;
            border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            /*border: 1px solid #ccc;*/
            border-bottom: none;
            max-height: 209px;
        }

        .ENG_4404 .item .purple-wrap {
            background: #7161aa;
            border-top: 1px solid #f1f1f1;
            /*padding: 30px 15px;*/
            padding: 0 15px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
        }

            .ENG_4404 .item .purple-wrap .title {
                /*font-size: 19px;*/
                font-size: 31px;
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

            .ENG_4404 .item .purple-wrap .subtitle {
                font-size: 15px;
                color: #fff;
                text-align: center;
                height: 63px;
            }

            .ENG_4404 .item .purple-wrap a {
                display: block;
                margin: 0 auto;
                text-align: center;
                width: 100px;
                /*color: #333;
                background: #e1962f;
                border: 1px solid #333;*/
                color: #ffffff;
                margin-top: 30px;
                font-weight: bold;
                font-size: 14px;
                padding: 4px 0;
            }


    #dictionary_mobile a.letter_item span {
        font-weight: bold;
        font-size: 18px;
    }

    #playPause {
        background: url("../images/playPause.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        cursor: pointer;
        height: 32px;
        position: absolute;
        left: 0;
        text-indent: -9999px;
        bottom: 220px;
        width: 32px;
        z-index: 22222;
        overflow: hidden;
    }

        #playPause.playing {
            background-position: 0 -32px;
        }

    body {
        font-family: 'Open Sans Hebrew', serif,sans-serif,Arial;
        text-align: right;
        font-size: 16px;
        color: #484848;
        direction: ltr;
    }

    html {
        font-size: 16px;
    }

    a {
        color: #007cc2;
    }

    input[type="radio"] {
        vertical-align: middle;
        margin-top: 0;
    }

    a.button {
        color: #fff;
        text-align: center;
        background-color: #7161aa;
        border: 1px solid #000;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        vertical-align: middle;
        font-weight: bold;
        font-size: 1em;
        display: none;
        max-width: 63%;
        margin: 0 auto;
    }

        a.button.pdfbutton {
            display: block;
        }

        a.button:hover {
            text-decoration: none !important;
            cursor: pointer;
        }

    .AbstractText {
        margin-bottom: 20px;
    }

    #container {
        width: 1000px;
        margin: 0 auto;
        text-align: right;
        font-size: 12px;
        line-height: 18px;
        overflow: hidden;
    }

    #fontSizer {
        font-size: 1em;
        line-height: 1.5em;
    }

    .branding2, .branding {
        float: left;
        display: block;
    }

    .branding2 {
        float: right;
    }

        .branding2 img, .branding img {
            display: block;
        }

    #langmenu li {
        display: inline;
    }

        #langmenu li a {
            color: #707070;
            font-size: 16px;
        }

            #langmenu li a:hover {
                text-decoration: underline;
            }

        #langmenu li.selected a {
            color: #2b2b2b;
            font-weight: bold;
        }

    .carousel-inner .left, .carousel-inner .right {
        float: none;
    }

    .RadMenu {
        float: none !important;
        max-width: 1200px;
        margin: 12px auto 0 auto;
    }

        .RadMenu ul {
            float: none !important;
        }

            .RadMenu ul li {
                background: none !important;
            }

                .RadMenu ul li:hover {
                    background: none !important;
                }

    #copyRights ul {
        list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        #copyRights ul li {
            float: right;
        }

            #copyRights ul li:first-child {
                border-left: 1px solid #414141;
                margin-left: 9px;
                padding-left: 10px;
            }

    hr {
        margin: 16px 0;
        border: 1px solid #7f7f7f;
    }

    .holder {
        text-align: right;
    }

    .left {
        float: left;
    }

    .middle {
        margin: 0 auto;
    }

    .right {
        float: right;
    }

    .bottomDynamic .cube:first-child {
        display: none !important;
    }

    .bottomDynamic .textCube {
        display: inline-block;
        width: auto;
        width: 100%;
    }

    .bottomDynamic div.textCube:first-of-type {
        display: none;
    }

    .cubeseparator {
        display: none;
    }

    .bottomDynamic {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

    .bottomMenuSubLink {
        color: #414141;
    }

    #innerMainContext {
        width: 207px;
        float: left;
    }

    /* TEXT */
    .abst {
        margin-bottom: 2em;
    }

    .textcontainer a {
        text-decoration: none;
    }

        .textcontainer a:hover {
            text-decoration: underline;
        }

    span#shevvron:hover {
        text-decoration: none !important;
    }

    .textcontainer {
        text-align: right;
        list-style: none;
    }

    h2 {
        color: #7161aa;
    }

    .textcontainer img {
        max-width: 100%;
    }

    .textcontainer h2, .textcontainer h3, .textcontainer h4, .textcontainer h6, .textcontainer h5 {
        color: #7161aa;
    }

    .textcontainer h2 {
        font-size: 1.5em;
    }

    .textcontainer h4 {
        font-size: 1.167em;
    }

    .textcontainer h5 {
        color: #484848;
        font-size: 1.167em;
    }

    .textcontainer ul > li {
        border-top: 2px solid #7f7f7f;
    }

    .textcontainer ol > li {
        list-style-type: decimal;
        list-style-position: inside;
        margin-left: 0;
        padding-bottom: 6px;
    }

    .textcontainer ul li.clearLI {
        padding: 0;
        background: none;
    }

    .textcontainer ul > li:first-of-type {
        border-top: none;
    }

    .textcontainer ul > li:last-of-type {
        border-bottom: 2px solid #7f7f7f;
    }

    .textcontainer ul, .textcontainer ol {
        margin: 0;
        margin-bottom: 1em;
        clear: both;
    }

        .textcontainer ul.clearUL, .textcontainer ol.clearUL {
            margin: 0;
            margin-bottom: 0;
        }

    .textcontainer p {
        font-size: 0.9375em;
        text-align: right;
        color: #816c93;
    }

    h3.menuT {
        font-weight: bold;
        color: #007cc2;
        font-size: 18px;
        line-height: 24px;
        border-bottom: 1px solid #4e5aa6;
        padding-bottom: 9px;
    }

    .cube h4.title,
    .cube h2.title {
        margin: 0;
        color: #fff;
        font-weight: bold;
        font-size: 0.9375em;
        padding: 16px 0;
        text-align: right;
    }

        .cube h4.title span,
        .cube h2.title span {
            font-size: 0.9375em;
        }

    .bottomDynamic .cube:nth-child(1) img {
        float: left !important;
    }

    #seotext {
        text-align: right;
        padding: 23px 0;
        color: #484848;
        font-size: 0.5em;
        line-height: 1;
    }

    #footer {
        padding-top: 0;
        text-align: center;
    }

    #bottommenuUL {
        color: #007cc2;
    }

        #bottommenuUL li {
            float: right;
        }

            #bottommenuUL li a:hover {
                text-decoration: underline;
            }

            #bottommenuUL li.separator {
                margin: 0 15px;
            }

    .moonsiteLogo {
        text-align: center;
        display: inline-block;
        font-size: 0.9em;
        color: #414141;
    }

        .moonsiteLogo img {
            margin-left: 10px;
        }

    #innerMainContext .ms_banner {
        margin-bottom: 25px;
    }

    .langMenu {
        display: none;
    }

    .enlargeFont {
        display: none;
        font-size: 0.7em;
    }

        .enlargeFont span {
            float: right;
            padding: 0 6px;
            margin: 0 1px;
            font-size: 1em;
            margin-top: 2px;
        }

        .enlargeFont a {
            text-align: center;
            color: #484848;
        }

            .enlargeFont a.regular, .enlargeFont a.big, .enlargeFont a.bigger, .enlargeFont a.biggest {
                margin-left: 3px;
                color: #868787;
            }

            .enlargeFont a.big {
                font-size: 16px;
            }

            .enlargeFont a.bigger {
                font-size: 19px;
            }

            .enlargeFont a.biggest {
                font-size: 32px;
            }

    .linksCubeLinks {
        margin: 0 !important;
    }

        .linksCubeLinks li {
            padding-bottom: 12px !important;
        }

    .cube .link {
        margin: 0 0 2px 0;
        background-color: #7161aa;
        padding: 10px 10px 15px 10px;
        color: #fff;
        min-height: 150px;
    }

    .motiveTextWrapper {
        display: block;
        text-decoration: none;
    }

        .motiveTextWrapper:hover {
            text-decoration: underline;
        }

    #hpContentPad {
        padding-top: 40px;
    }

    #hpBottomCubes h2 {
        font-weight: bold;
        height: 31px;
        line-height: 31px;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    #hpBottomCubes img {
        padding: 1px 2px;
        display: block;
    }

    #hpBottomCubes li:first-child {
        margin-right: 0;
    }

    #hpBottomCubes li {
        float: right;
        margin-right: 50px;
        width: 289px;
        height: 221px;
        cursor: pointer;
    }

        #hpBottomCubes li.centerCube {
            background-position: 0 bottom;
        }

        #hpBottomCubes li .ttext {
            color: #2d2d2d;
            font-size: 11px;
            padding: 0 20px;
            text-align: center;
            line-height: 16px;
        }

            #hpBottomCubes li .ttext .flow {
                height: 32px;
                overflow: hidden;
                margin-bottom: 10px;
                padding-top: 6px;
            }

            #hpBottomCubes li .ttext a {
                text-decoration: underline;
                font-weight: bold;
                font-size: 12px;
            }

                #hpBottomCubes li .ttext a:hover {
                    text-decoration: none;
                }

    #hpTxt {
        padding: 13px 0 21px;
        padding-left: 143px;
    }

        #hpTxt h1 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 6px;
        }

    .articleBottomLine:last-of-type {
        display: none;
    }

    #faqPage {
        padding: 0 10px;
    }

    #faqlist {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #faqlist li {
            cursor: pointer;
            text-align: right;
        }

        #faqlist .wrapper {
            display: none;
            padding-bottom: 1.6em;
        }

        #faqlist li.clearLI:first-child {
            background-image: none;
        }

    .toTop {
        float: right;
        padding-right: 12px;
        font-size: 12px;
        line-height: 18px;
        display: none;
    }

    #caseStudyPage .listGroup {
        padding-bottom: 16px;
    }

    #formTxt textarea {
        width: 522px;
        height: 110px;
        border: 1px inset #333;
        padding: 4px;
        overflow: auto;
    }

    #caseStudyPage h4.title {
        margin-bottom: 8px;
    }

    #caseStudyPage li.clearLI {
        padding: 0 1px;
        padding-bottom: 4px;
    }

        #caseStudyPage li.clearLI input {
            float: right;
            margin-left: 10px;
            position: relative;
            top: 3px;
        }

        #caseStudyPage li.clearLI img {
            float: right;
            margin-left: 10px;
            position: relative;
            top: 3px;
            display: none;
        }

            #caseStudyPage li.clearLI img.c {
                display: block;
            }

    #caseStudyPage #btsArea {
        padding-top: 20px;
    }

        #caseStudyPage #btsArea .print {
            float: left;
            height: 41px;
            line-height: 41px;
            font-weight: bold;
            font-size: 20px;
        }

            #caseStudyPage #btsArea .print span {
                display: block;
                height: 41px;
                padding: 0 60px 0 30px;
            }

        #caseStudyPage #btsArea .clear {
            float: left;
            margin-left: 20px;
            color: #ec519d;
            line-height: 41px;
        }

        #caseStudyPage #btsArea .toTop {
            margin-top: 9px;
        }

    .newsImage a {
        display: block;
    }

    .newsImage img {
        max-width: 100%;
    }

    #newssiteUL {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #newssiteUL h3.newsTitle a {
            text-decoration: none;
        }

        #newssiteUL li.clearLI {
            margin-bottom: 25px;
            clear: both;
            border-bottom: 2px solid #7f7f7f;
            border-top: none;
            float: right;
            width: 100%;
        }

    #newsPanel hr {
        margin-bottom: 26px;
    }

    #newssiteUL li.clearLI:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .news-Date {
        float: right;
        font-size: 10px;
        color: #000;
    }

    .newsPage .news-Date {
        float: none;
        display: block;
    }

    .newsAbstract {
        padding-bottom: 28px;
    }

    #DiscErrorMessage {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        text-align: center;
        font-size: 150%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .bootBtn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 2px 6px;
        font-size: 14px;
        line-height: 1.42857143;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #fff;
        background-color: #428bca;
        border-color: #357ebd;
    }

    /*****disclaimer********/
    #mask {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 3;
        background: #f5f6fa;
    }

    #disclaimer {
        padding: 20px;
        min-width: 320px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
        text-align: center;
        overflow: auto;
    }

        #disclaimer h1 {
            text-align: center;
        }

    #disclaimer_inner_wrapper {
        background-color: #fff;
        padding: 10px;
        -moz-box-shadow: 0 0 21px -1px #575757;
        -webkit-box-shadow: 0 0 21px -1px #575757;
        box-shadow: 0 0 21px -1px #575757;
        border: 1px solid #575757;
    }

        #disclaimer_inner_wrapper a.back {
            float: left;
            margin-left: 10px;
        }

    #tableForm {
        display: table;
        margin: 0 auto;
        text-align: right;
        direction: rtl;
    }

        #tableForm ul {
            list-style: none;
            padding: 0;
            margin: 0 auto;
            height: 100%;
        }

            #tableForm ul li {
                float: none;
            }

        #tableForm table {
            text-align: right;
            width: 100%;
        }

            #tableForm table tr td:first-of-type {
                min-width: 89px;
            }

            #tableForm table tr td {
                padding-bottom: 10px;
                padding-left: 5px;
                text-align: left;
            }

                #tableForm table tr td input {
                    text-align: right;
                    max-width: 147px;
                }

    #txtUserName, #txtEmail {
        text-align: left;
    }

    #tableDivider {
        float: right;
        height: 132px;
        border-right: 1px solid #ccc;
        margin: 0 10px;
    }

    #discLogoes {
        text-align: right;
    }
    /*****end disclaimer********/

    #jquery-lightbox {
        z-index: 9999 !important;
    }

    #jquery-overlay {
        z-index: 8888 !important;
    }

    #bottomEnlarge {
        float: right;
        width: 140px;
    }

        #bottomEnlarge .enlargeFont {
            float: right;
        }

    #lastUpdate {
        margin: 7px 20px 25px 20px;
        font-size: 11px;
        color: #999999;
    }

    #bottomServiceZone {
        /*border-top: 1px solid #7f7f7f;*/
        margin: 0 auto;
    }

    a#bannerLink {
        width: 161px;
        height: 47px;
        text-indent: -9999px;
        position: absolute;
        top: 294px;
        right: 160px;
        z-index: 3000;
    }

    .ltr_page .RadMenu_Moonsite .rmLink .rmText {
        padding: 0 4px 0 9px !important;
    }

    .nav li a {
        border-bottom: 1px solid #ccc;
    }

    .dropdown-menu {
        text-align: center;
    }

    #menu ul {
        list-style: none;
        max-width: 1200px;
        font-size: 1.3em;
        margin: 0 auto;
        padding: 0;
        line-height: 61px;
    }

        #menu ul li {
            display: inline-block;
            padding: 0 12px;
            transition: all .3s ease;
        }

            #menu ul li:last-of-type {
                margin-left: 0;
            }

            #menu ul li a {
                color: #fff;
                font-weight: bold;
            }

    #leftContent {
        /*float: right;*/
        -ms-flex: 3;
        flex: 3;
        padding-top: 16px;
    }

    .module_8 #leftContent,
    .module_41 #leftContent,
    .module_44 #leftContent {
        float: none;
    }

    #menu_content {
        margin: 5px auto 0;
        position: relative;
        max-width: 1200px;
        text-align: right;
    }

    .navbar-default .navbar-nav > li > a {
        text-align: right;
        border: none;
    }

    .nav.navbar-nav {
        float: right;
    }

    .nav {
        padding-right: 0;
    }

    #menu_tabs {
        display: block !important;
        padding: 0;
        margin-right: -15px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        height: 100%;
        overflow: auto;
        width: 320px;
        right: 0;
        z-index: 1;
        -webkit-overflow-scrolling: touch;
        -moz-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }

    #gallery {
        position: relative;
        z-index: 0;
    }

    .navbar-brand {
        color: #fff !important;
    }

    #start, #stop {
        cursor: pointer;
        position: relative;
        z-index: 3;
    }

    .enlargeMenu {
        background-color: #388941;
        clear: both;
        direction: ltr;
        text-align: left;
        display: none;
        position: absolute;
        left: 0;
        right: auto;
        top: 48px;
        min-width: 100%;
        z-index: 1;
        font-size: 0.75em;
    }

        .enlargeMenu a {
            cursor: pointer;
            color: #fff;
            padding: 10px;
            float: left;
        }

            .enlargeMenu a:hover {
                text-decoration: none;
            }

            .enlargeMenu a img {
                width: 31px;
                height: 31px;
            }

    .enlarge_btn img, #menu_btn img {
        width: 29px !important;
        height: 29px !important;
    }

    .enlargeFont_Icon img {
        width: 28px !important;
        height: 18px !important;
    }

    .enlargeFont_Icon {
        border-left: 1px solid #fff;
        display: inline-block;
        height: 50px;
    }

    .enlargeFont_Icon, .changingFontSize_txt {
        float: right !important;
        padding-top: 16px !important;
    }

    #carousel-control-wrapper {
        position: relative;
        margin: 88px 0 38px;
    }

    .mobileNews .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        background: url(../images/nextPrev2.png) no-repeat right center;
        display: block;
        width: 20px;
        height: 100%;
        overflow: hidden;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .mobileNews .carousel-control .left {
            left: 0;
            right: auto;
        }

        .mobileNews .carousel-control .right {
            right: 0;
            left: auto;
        }

    .next {
        background-position: left center !important;
    }

    #galleryTabs ul {
        list-style: none;
        padding: 0;
        float: right;
        margin: 0;
    }

    .mobileNews .carousel-control {
        visibility: hidden;
    }

    /*#galleryTabs ul li:first-child {
		background-color: #60558d;
	}

	#galleryTabs ul li:nth-child(2) {
		background-color: #717c2f;
	}

	#galleryTabs ul li:nth-child(3) {
		background-color: #b75f24;
	}*/

    #galleryTabs ul li:first-child {
        background-color: #7161aa;
    }

    #galleryTabs ul li:nth-child(2) {
        background-color: #388941;
    }

    #galleryTabs ul li:nth-child(3) {
        background-color: #e1962f;
    }

    .BottomWrapper {
        margin-top: 60px auto 0 auto;
        padding: 0;
    }

    .carousel-indicators {
        display: none;
    }

    .banner {
        text-align: center;
        margin-top: 30px;
    }

    .sweet-alert h2 {
        font-size: 24px;
    }

    .sweet-alert .sa-icon.sa-info::after {
        left: 39px;
    }


    .container {
        width: auto !important;
        max-width: 1200px;
    }

    .footerContainer {
        border-top: 1px solid #a0a0a0;
        padding: 34px 0;
    }

    .button:hover, .allNews:hover, .read_more:hover {
        text-decoration: underline !important;
    }

    a.button.allNews:hover {
        text-decoration: underline !important;
    }

    .bottomMenuLi {
        float: right;
        width: 175px;
        margin-right: 3%;
        margin-left: 0;
        width: 14%;
    }

        .bottomMenuLi a:hover {
            text-decoration: underline !important;
        }

        .bottomMenuLi:first-child {
            margin-right: 0;
        }

    .bottomMenuMainLink {
        font-size: 18px;
        font-weight: normal;
        color: #54487e;
        display: inline-block;
        margin-bottom: 12px;
    }

    #sideBar .cube {
        margin-bottom: 32px;
    }

    #bottomMenu, #bottomMenu ul {
        list-style: none;
        padding: 0;
    }

        #bottomMenu ul li {
            margin: 0;
        }

    #main_menu_web li {
        margin-left: 25px;
    }

    #menu_small_screen {
        display: block;
    }

    #menu_for_large_screen {
        display: none;
    }

    #galleryTabsWrapperMobile .carousel-control {
        z-index: 2;
        background-image: none;
        left: 10px;
        width: auto;
        height: 37px;
        position: static;
        float: left;
        margin: 19px 0 0 10px;
    }

    .carousel-control span {
        display: block;
    }

    .activeTab {
        display: block !important;
    }

    .read_more {
        float: right;
    }

    #galleryTabsWrapperMobile {
        bottom: -74px;
        position: absolute;
        right: 0;
        width: 100%;
        background-color: #7161aa;
        min-height: 74px;
        font-size: medium;
    }

        #galleryTabsWrapperMobile ul {
            margin: 0;
            padding: 0;
        }

    .tab_header {
        float: right;
        margin: 0;
        font-weight: bold;
    }

    #galleryTabsWrapperMobile ul, #galleryTabsWrapperMobile ul li {
        list-style: none;
        position: absolute;
        top: 2px;
        right: 5px;
        width: 100%;
        color: #fff;
    }

        #galleryTabsWrapperMobile ul li {
            display: none;
        }

    #galleryTabsWrapperMobile a {
        color: #fff;
    }

    .cube:nth-child(4) img {
        float: left !important;
    }

    #galleryTabs {
        position: relative;
        z-index: 1;
        margin: 0 auto;
        height: 75px;
        width: 100%;
        overflow: hidden;
    }

        #galleryTabs ul li, #galleryTabs ul {
            width: 100%;
            height: 100%;
            min-height: 97px;
        }

    .gallerysinner ul {
        list-style: none;
    }

    .carousel-inner .item {
        overflow: hidden;
    }

    .news {
        width: 100%;
        padding: 10px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background-color: #fff;
        overflow: hidden;
        display: none;
    }

    .ndate {
        vertical-align: middle;
    }

    .clock {
        background: url(../images/clock.png) no-repeat right center;
        padding: 6px;
        background-size: contain;
        width: 12px;
        height: 12px;
        margin-left: 10px;
    }

    .news_header {
        margin: 0;
    }

        .news_header a {
            color: #7d2c8b !important;
        }

    .control_btn {
        background: url(../images/nextPrevMobile.png) no-repeat right top;
        width: 36px;
        height: 37px;
    }

    .newsPage {
        border-top: 2px solid #7f7f7f;
        border-bottom: 2px solid #7f7f7f;
    }

    .generalContentHeader {
        /*min-height: 75px;*/
    }

        .generalContentHeader img {
            max-width: 100%;
        }

    #newssiteUL .newsTitle, #newssiteUL .newsTitle a {
        color: #414141;
    }

    .newsItemLinks {
        text-align: center;
    }

    .articleTitle {
        background-color: #7161aa;
        margin: 16px 10px;
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

        .articleTitle h1 {
            color: #fff;
            font-size: 1.7em;
        }

    .articleType_2 {
        background-color: #388941;
        margin: 10px auto;
        text-align: center;
        padding: 17px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .articleType_2 .articleTitle {
            background: none !important;
            color: #fff;
            text-align: center;
            font-size: 1.25em;
            margin: 17px auto;
            font-weight: bold;
        }

        .articleType_2 p {
            font-size: 0.9375em;
            color: #fff;
            margin-bottom: 15px;
        }

        .articleType_2 a.button {
            display: block;
        }

    #menuMobile ul {
        list-style: none;
        padding: 0;
        margin: 0;
        background: #333333;
    }

        #menuMobile ul li {
            font-size: 1.25em;
            cursor: pointer;
            clear: both;
            padding-right: 10px;
        }

    .currentPageIcon {
        background: url(../images/currentPage.png) no-repeat left center;
        width: 25px;
        height: 25px;
        float: left;
        margin-left: 13px;
    }

    #menuMobile a {
        color: #fff;
        text-decoration: none;
        outline: none;
        display: block;
    }

    #main_menu ul a, #main_menu ul .glyphicon-chevron-left {
        color: #e1962f;
        display: inline-block;
    }

    #main_menu ul .glyphicon-chevron-left {
        float: right;
        top: 14px;
    }

    table {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    #menu_lunguage {
        margin-bottom: 42px;
    }

        #menuMobile ul li ul li, #menu_lunguage ul li {
            font-size: 0.9375em;
        }

    #main_menu li {
        -moz-box-shadow: 0 -1px 0 #191919;
        -webkit-box-shadow: 0 -1px 0 #191919;
        box-shadow: 0 -1px 0 #191919;
        border-top: 1px solid #575757;
    }

        #main_menu li a .categories_indicator {
            float: left;
            font-size: 1.7em;
            line-height: 0.7em;
            color: #e1962f;
            margin-left: 16px;
            margin-right: 0;
        }

        #main_menu li a {
            padding: 10px;
        }

    #main_menu ul li a {
        max-width: 80%;
    }

    #menu_lunguage ul {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        #menu_lunguage ul li {
            padding: 18px 23px;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            width: 20%;
            -webkit-flex: 1;
            -ms-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            #menu_lunguage ul li.activeTab {
                background-color: #e1962f;
            }

    .logo {
        max-width: 1200px;
        text-align: center;
        position: relative;
        z-index: 1;
        background-color: #fff;
        font-size: 16px;
        padding: 10px 0;
        text-align: right;
        padding-left: 15px;
        padding-right: 15px;
    }

    .headerNote {
        /*position:absolute;*/
        left: 15px;
        color: #2B3C92;
        display: block;
    }

    #logoArea header {
        height: 48px;
        height: 158px;
        background-color: #f4f4f4;
    }

    #topWraper h1 a {
        font-size: 20px;
        text-decoration: none !important;
        font-weight: bold;
        color: #7161aa;
    }

    #logoArea header img {
        vertical-align: middle;
    }

    #pageContainer {
        position: relative;
    }

    #pageBG {
        direction: rtl;
    }

    .snap-content {
        position: relative;
        z-index: 1;
        background-color: #fff;
    }

    #menuMobile {
        position: absolute;
        top: 0;
        right: 0;
        width: 256px;
        bottom: 0;
        z-index: 0;
        background-color: #333333;
    }

    .panel {
        background-color: transparent;
        border: none;
    }

    .panel-group {
        margin: 0;
    }

    .richTextContainer {
        max-width: 1200px;
        margin: 0 auto;
    }

    #pageBGWrapper {
        direction: ltr;
    }

    #enlargeWeb a:hover {
        text-decoration: none !important;
    }

    #topSection {
        position: relative;
        z-index: 1;
    }

    .stars {
        width: 30px;
        height: 26px;
    }

    #newsWrapper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

    #newsWebWrapper {
        display: none;
    }

    #menu_btn {
        float: right;
        display: table-cell;
        cursor: pointer;
    }

    #galleryTabsWrapperWeb {
        display: none;
    }

    .textcontainer h1 {
        max-width: 1200px;
        background-color: #e1962f;
        position: relative;
        top: 264px;
        margin: 0 auto;
        text-align: right;
        color: #fff;
        padding: 10px;
    }

    .textcontainer h3 {
        max-width: 1200px;
        font-size: 1.5em;
        color: #7161aa;
        margin: 15px auto;
        text-align: right;
        float: right;
        width: 100%;
    }

    #sideBar .articleType_2 {
        margin: 0;
        margin-bottom: 46px;
    }

    #sideBar header {
        text-align: right;
    }

    #sideMenu {
        min-height: 240px;
    }

        #sideMenu ul {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: right;
            min-width: 364px;
        }

            #sideMenu ul li.selected {
                background: url(../images/lt.png) no-repeat right center;
            }

            #sideMenu ul li {
                border: none;
                padding-right: 30px;
                margin-bottom: 0.6em;
            }

                #sideMenu ul li a {
                    color: #000;
                }

                    #sideMenu ul li a:hover {
                        text-decoration: none;
                        color: #7161aa;
                    }

    #breadcrumbs {
        background: url(../images/breadcrumbs_bg.png) repeat-x right top;
        padding-bottom: 15px;
    }

    #breadcrumbsContentWrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 16px;
    }

    #breadcrumbs .treelink {
        color: #7161aa;
    }

    #breadcrumbs .treeseparator {
        color: #007CC2;
    }

    #generalContentHeader_wrapper {
        position: relative;
    }

    h2.pageTitle {
        font-size: 1.25em;
        margin: -6px 0 16px;
    }

    #faqlist > li {
        border-top: 1px solid #a0a0a0;
        border-bottom: 0;
    }

        #faqlist > li a.innerTitle {
            color: #414141;
            font-size: 1.25em;
            display: block;
            cursor: pointer;
            padding: 16px 0;
            text-decoration: underline;
        }

            #faqlist > li a.innerTitle:hover {
                text-decoration: none;
            }

    #faqlist p {
        float: none;
        width: auto;
        text-align: right;
    }

    #title h1 {
        margin: 0 auto;
        font-size: 1.125em;
        max-width: 1200px;
        background-color: #e1962f;
        padding: 15px 20px;
        color: #fff;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
    }

    .tabs {
        list-style: none;
        float: left;
        margin-top: 0 !important;
        display: none;
        width: 100%;
        padding: 0;
        float: none;
    }

        .tabs li {
            float: right;
            background-color: #b75f24;
            text-align: center;
            margin-left: 1px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            border: none !important;
            -ms-flex: 1;
            flex: 1;
        }

            .tabs li a {
                cursor: pointer;
                color: #fff;
                padding: 10px 20px;
                display: block;
            }

                .tabs li a:hover {
                    text-decoration: underline;
                }

    .mobile_tabs {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mobile_tabs li {
            border: none !important;
            background-color: #e1962f;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            margin-bottom: 25px;
            padding: 10px;
        }

            .mobile_tabs li a {
                color: #fff;
            }

    #mobile_tab_sub_title {
        color: #fff;
        background-color: #7161aa;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        padding: 10px;
        width: 100%;
    }

    #richtextcontent, #dictionary_leftContent, #news_newssite {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

    .selectedTab {
        background-color: #7161aa !important;
    }

    .cube a.button {
        color: #000;
    }

    .articleContent > img {
        max-width: 100%;
    }

    .articleContent p {
        text-align: right;
    }

    .articleContent {
        margin-bottom: 32px; /*border-bottom:1px solid #7f7f7f;*/
        position: relative;
        padding-bottom: 40px;
    }

        .articleContent:after {
            position: absolute;
            width: 80%;
            height: 1px;
            right: 0;
            bottom: 0;
            background: #7f7f7f;
            content: "";
            text-indent: -9999px;
        }

    .tabsPage .articleContent:after {
        display: none;
    }

    #newsPanel {
        padding: 0 10px;
    }

        #newsPanel img {
            max-width: 100%;
        }

        #newsPanel a.button {
            display: block !important;
            padding: 7px 20px;
            margin-bottom: 26px;
        }

    #innerContentData {
        max-width: 1200px;
        margin: 0 auto;
    }

    #innerMainContent {
        display: block;
        display: flex;
    }

    #sideBar {
        display: none;
        -ms-flex: 1;
        flex: 1;
        float: right;
        margin-top: 61px;
    }

    #dictionary_web {
        display: none;
    }

        #lettersList, #lettersList ul, #dictionary_web ul {
            list-style: none !important;
            padding: 0;
        }

    #lettersList {
        word-break: break-word;
    }

        #lettersList ul li:last-child, #dictionary_web ul li:last-child {
            border: none !important;
        }

        #lettersList ul {
            display: none;
        }

        #lettersList > li {
            padding: 10px;
        }

    #dictionary_web > ul.letters {
        border-top: 1px solid #a0a0a0;
        border-bottom: 1px solid #a0a0a0;
        list-style: none;
        outline: none;
        padding: 26px;
        margin: 0;
        display: flex;
        line-height: 30px;
    }

        #dictionary_web > ul.letters > li {
            float: right;
            margin-left: 0;
            outline: none;
            border: none !important;
            -ms-flex: 1;
            flex: 1;
        }

            #dictionary_web > ul.letters > li h3 {
                float: none;
            }

            #dictionary_web > ul.letters > li a {
                font-size: 1.375em;
                color: #414141;
                line-height: 30px;
            }

                #dictionary_web > ul.letters > li a.selected {
                    font-size: 1.875em;
                    color: #7161aa;
                    line-height: 30px;
                    font-weight: bold;
                    text-decoration: underline;
                    position: relative;
                    top: -2px;
                }

    #dictionary_web > ul.terms {
        list-style: none;
        overflow: hidden;
        -ms-word-break: break-word;
        word-break: break-word;
        display: none;
    }

        #dictionary_web > ul.terms > li {
            margin-top: 30px;
            padding-bottom: 30px;
            border-bottom: 2px solid #7f7f7f;
            border-top: none;
        }

    .dictionaryTitle {
        margin-top: 0 !important;
    }

    #menu {
        background: url(../images/menu_bg.png) repeat-x right top;
        background-repeat: repeat;
        /*height: 65px;*/
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        display: none;
    }

    .enlargeFont .wrap {
        float: left;
        margin-top: 4px;
    }

    #enlargeWeb a {
        display: table-cell;
        width: 36px;
        height: 34px;
        line-height: 34px;
        overflow: hidden;
        background: url(../images/enlarge2_bg.png) no-repeat right top;
        vertical-align: middle;
        cursor: pointer;
    }

    .enlargeFont a.selected {
        color: #fff;
        background-position: center -36px !important;
    }

    #enlargeWeb {
        display: none;
    }

    #langmenu {
        float: left;
        padding: 0 24px 0 0;
        color: #414141;
        text-align: left;
        margin-left: 20px;
        font-size: 16px;
        display: none;
        margin-top: 10px;
    }

        #langmenu ul {
            margin: 0;
            padding: 0;
        }

    #logoArea header .h1,
    #logoArea header h1 {
        display: inline-block;
        vertical-align: middle;
        margin: 6px 0 0 0;
    }

    #logoArea header div#topWraper {
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
        text-align: center;
        padding: 9px 13px;
        /* min-height: 65px; */
        min-height: 96px;
        font-size: 16px;
        /* padding-right: 0; */
    }

    .logo > img {
        position: relative;
        right: -4px;
    }

    .enlarge_btn {
        float: left;
        cursor: pointer;
    }

    #sideBar > header {
        padding: 10px;
    }

    #mobile_news {
        margin: 74px 0 0 0;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0 10px;
    }

        #mobile_news .articleTitle {
            background: none;
            margin: 5px 0;
            font-size: 1.5em;
        }

        #mobile_news .item {
            padding: 19px 35px;
            margin: 0 auto;
        }

        #mobile_news a.button {
            display: block;
            background-color: #e1962f;
            color: #000;
            margin-bottom: 22px;
            line-height: 32px;
        }

        #mobile_news .carousel-inner {
            min-height: 164px;
            max-width: 92%;
            margin: 0 auto;
        }

    .articleParagraph, .articleLink {
        font-size: 0.9375em;
    }

    #slogen {
        /*background: url(../images/slogenMobile.png) no-repeat right top;*/
        background: url(../images/sanofillogo.png) no-repeat right top;
        display: block;
        width: 180px;
        height: 88px;
        background-size: 80%;
    }

    .logoWrapper {
        z-index: 2;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        position: relative;
    }

    #galleryMobileTabs li.active span.first {
        font-size: 0.75em;
    }

    #galleryMobileTabs li.active h4 {
        font-size: 1.125em;
    }

    #galleryMobileTabs li.active span.read_more {
        font-size: 0.5625em;
    }

    .allNews {
        padding: 7px 20px;
    }

    .allNewsMobile {
        width: 222px;
        height: 32px;
    }

    .sidebarTitle {
        margin-bottom: 24px;
    }

    #newsArticle p {
        width: 100%;
        float: none;
    }

    #newsArticle a.button {
        display: inline-block;
    }

    .articleType_2 .button.readMore {
        background-color: #7161aa;
        color: #fff;
        padding: 7px 40px;
    }

    .readMore2 {
        display: inline !important;
        padding: 7px 40px;
    }

    .cube.PurpleCube .cubeInnerWrap img {
        float: right;
        margin: 23px 10px;
        width: 103px;
        height: auto;
    }

    .cube.PurpleCube .cubeInnerWrap .button {
        display: none !important;
    }

    .newsTitle {
        width: 100%;
    }

    #newssiteUL li.clearLI .newsTitle {
        float: none;
    }

    .tabsPage #richtextcontent {
        float: none;
        width: 95%;
        margin: 0 auto;
    }

    .tabsPage img {
        max-width: 100%;
        width: 100%;
    }

    .tabsPage p {
        margin: 10px auto !important;
    }

    #testYourSelf header {
        font-size: 1.25em;
        color: #414141;
        margin-bottom: 25px;
        text-align: right;
    }

    #questWrapper {
        border: 1px solid #7f7f7f;
        padding: 16px;
        font-size: 1.5em;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

        #questWrapper .active {
            display: block;
        }

        #questWrapper .qDiv:not(.active) {
            display: none;
        }

        #questWrapper ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #questWrapper ul li {
                border: none;
                padding-bottom: 14px;
            }

                #questWrapper ul li label {
                    font-weight: normal;
                }

                #questWrapper ul li input[type="radio"] {
                    margin-left: 15px;
                }

    #quest_btns {
        clear: both;
        background-color: #7161aa;
        padding: 22px 39px;
        text-align: center;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        #quest_btns a {
            padding: 7px 40px;
            display: block;
            background-color: #e1962f;
            color: #000;
        }
    /*#quest_btns a:first-of-type{margin-bottom:23px;}*/
    #testYourSelf {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .question {
        padding-bottom: 60px;
        float: right;
        width: 100%;
    }

    #baloon {
        font-size: 0.9375em;
        background: url(../images/baloon.png) no-repeat center center;
        width: 32px;
        height: 31px;
        background-size: contain;
        padding: 0 !important;
        text-align: center;
        color: #fff;
        vertical-align: middle;
        line-height: 30px;
        float: right;
    }

    #questNumber {
        float: left;
        margin-top: -2px;
        color: #7161aa;
        font-size: 0.9375em;
    }

    #questInfo {
        float: right;
        width: 100%;
    }

        #questInfo ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

    #questions {
        float: right;
        width: 100%;
    }

    #startStop_btns {
        display: none;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        top: 112px;
        left: 508px;
    }

    .webCarouselControl {
        display: none;
    }

    .cube.textCube.blueCube.right {
        text-align: center;
    }

        .cube.textCube.blueCube.right p {
            text-align: center;
        }

    #quest_btns .spacer {
        margin: 0;
        width: 100px;
        visibility: hidden;
    }

    #result {
        text-align: right;
        float: right;
    }

    .emptyQuestion {
        color: #C9302C;
        width: 100%;
        display: block;
        text-align: right;
    }

    .articleContent ul,
    #faqlist > li ul {
        padding-right: 0;
    }

        .articleContent ul > li,
        #faqlist > li ul > li {
            border: 0 !important;
            list-style-type: none;
            background: url(../images/tabsBull.png) no-repeat right 0.4em;
            padding-right: 34px;
        }

    .cube.clickable {
        cursor: pointer;
    }

        .cube.clickable .button > span {
            display: inline-block;
            border-bottom: 1px solid #e1962f;
        }

        .cube.clickable:hover .button > span {
            border-bottom: 1px solid #000;
        }

    #accesMenu {
        display: none;
    }

    a:hover, a:focus {
        text-decoration: none;
    }

    #menu ul li:hover {
        background: #388941;
        background: #d88324;
    }

    #menu ul li:active {
        background: #388941;
        background: #d88324;
    }

    #menu ul li.selectednode {
        background: #388941;
        background: #d88324;
    }
}


@media only screen and (max-width: 1200px) {
    .ENG_4401 section.patients-login-page .login-text-box {
        position: relative;
        background: #fff;
        font-size: 1.2em;
        color: #000;
        /*max-width: 466px;*/
        max-width: 522px;
        padding: 1em 0.5em;
        border-radius: 10px;
        text-align: center;
        width: 100%;
        display: block;
        margin: 0 auto;
        right: auto;
    }

    #logoArea header {
        height: 60px;
        background-color: #f4f4f4;
    }
}

@media only screen and (max-width: 767px) {

    .ENG_4401 section.patients-login-page .login-wrap h2 {
        color:#484848;
    }
    #patiencePageNew .intro .BG img.patienceStrip {
        height: 250px;
        /* left: 14px; */
        transform: rotate(30deg);
        top: 20px;
        right: 0;
        margin-right: -70px;
    }

    .ENG_4401 section.patients-login-page .login-wrap a {
        color: #fff;
        font-weight: bold;
        margin: 0 auto;
        display: block;
        width: 75px;
        height: 49px;
        text-align: center;
        /* background: rgb(225,150,47); */
        margin-top: 10px;
        /* border: 1px solid #333; */
        position: absolute;
        font-size: 35px;
        padding: 0px 10px;
        left: -30px;
        top: -10px;
        border-radius: 5px;
        background: rgb(225,150,47);
        background: -webkit-linear-gradient(#da8324, #d87300);
        background: -o-linear-gradient(#da8324, #d87300);
        background: -moz-linear-gradient(#da8324, #d87300);
        background: linear-gradient(#da8324, #d87300);
    }

    .ENG_4401 section.patients-login-page .login-wrap input {
        color: #333;
        margin: 0 auto;
        display: block;
        padding: 5px 31px;
        direction: ltr;
        font-size: 20px;
        /* font-weight: bold; */
        width: 300px;
        line-height: 20px;
        /* margin: 30px 0; */
        padding-left: 5px;
        padding-right: 15px;
        text-align: right;
        /* margin-bottom: 5px; */
        position: absolute;
        height: 47px;
        border-radius: 5px;
        font-style: normal;
    }

    .ENG_4401 section.patients-login-page .login-wrap {
        background: #ffffff;
        position: initial;
        padding: 1em 0.5em;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
        border-bottom: 0;
        height: 119px;
    }


    .mobileText {
        margin: 10px 10px 10px 10px;
    }

    .textcontainer p {
        text-align: center;
        font-size: 19px;
    }

    .ENG_4401 section.patients-login-page {
        background: url(../images/familybeach.jpg) center no-repeat;
        height: 114vh;
        width: 100%;
        background-position: 80% 100%;
        background-size: 115%;
    }

        .ENG_4401 section.patients-login-page .login-wrap {
            margin: 0 auto;
            margin-top: 10px;
            /*margin-top: -3em;*/
        }

    .moonsiteLogo {
        margin-top: 0;
    }

    .richtextcontent hr {
        display: none;
    }

    .articleContent::after {
        display: none;
    }

    .articleBottomLine {
        display: none;
    }

    .articleContent {
        padding-bottom: 15px;
    }

    .generalContentHeader {
        display: none;
    }


    .ENG_4404 .item {
        padding: 2em;
    }


    .ENG_4404 .innerContentData {
        max-width: 100%;
    }

    .ENG_4404 .patients-bg {
        position: absolute;
        width: 100%;
        right: 0;
        z-index: -1;
    }

        .ENG_4404 .patients-bg IMG {
            width: 100%;
            height: auto;
        }

    .ENG_4404 .patient-wrap-site {
        padding: 2em 0;
        width: 100%;
        max-width: 1200px;
    }

        .ENG_4404 .patient-wrap-site .top-img {
            text-align: center;
            margin-top: 100px;
        }

            .ENG_4404 .patient-wrap-site .top-img .abstract-patient-site {
                margin: 2em 15px;
                margin-bottom: 0;
                background: #d7d8d3;
                padding: 1.5em;
                color: #000 !important;
                border-radius: 6px;
            }

    .ENG_4404 .row {
        margin: 0;
    }


    .ENG_4404 .footerContainer {
        display: none;
    }


    .ENG_4404 .item {
    }

        .ENG_4404 .item img {
            display: block;
            width: 100%;
            border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            /*border: 1px solid #ccc;*/
            border-bottom: none;
        }

        .ENG_4404 .item .purple-wrap {
            background: #7161aa;
            border-top: 1px solid #f1f1f1;
            /*padding: 30px 15px;*/
            padding: 0 15px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
        }

            .ENG_4404 .item .purple-wrap .title {
                font-size: 19px;
                color: #fff;
                font-weight: bold;
                text-align: center;
            }

            .ENG_4404 .item .purple-wrap .subtitle {
                font-size: 15px;
                color: #fff;
                text-align: center;
                height: 63px;
            }

            .ENG_4404 .item .purple-wrap a {
                display: block;
                margin: 0 auto;
                text-align: center;
                width: 100px;
                color: #333;
                background: #e1962f;
                border: 1px solid #333;
                margin-top: 30px;
                font-weight: bold;
                font-size: 14px;
                padding: 4px 0;
            }

    #innerMainContent {
        display: block !important;
    }

    .enterPatient {
        color: white;
        background: #7161aa;
        padding: 4px 11px;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        width: 219px;
        float: none;
    }

    #logoArea header {
        height: 104px;
        background-color: #f4f4f4;
    }
}


@media only screen and (max-width: 365px) {
    .enterPatient {
        margin-top: 32px;
    }

    .ENG_4404 .enterPatient {
        margin-top: 24px;
    }

    .ENG_4404 .item {
        padding: 1em !important;
    }

    #logoArea header {
        height: 68px !important;
        background-color: #f4f4f4;
    }

    .ENG_4401 section.patients-login-page .login-bg {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 1220px) {
    #seotext {
        width: 100% !important;
        font-size: 15px;
    }
}

@media (min-width:1220px) {
    #accesMenu {
        display: block;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        font-size: 0.8em;
        font-size: 14px;
    }

        #accesMenu a {
            position: absolute;
            left: 250px;
            top: -1129px;
            z-index: 30000;
            opacity: 0;
            padding: 2px 12px;
            border: 1px solid #000;
            border-radius: 3px;
            background: #e1962f;
            color: #000;
            display: block;
        }

            #accesMenu a:focus {
                top: -29px;
                opacity: 1;
            }


    #result {
        margin-right: -60px;
        max-width: 71%;
    }

    .cube.textCube.blueCube.right {
        display: none;
    }

    #testYourSelf {
        margin-bottom: 0;
    }

    #disclaimer {
        width: 40%;
        height: 40%;
        overflow: visible;
        padding: 0;
    }

    #discLogoes img {
        margin-right: auto;
    }

    #disclaimer h1 {
        margin-right: -36px;
    }

    #tableForm ul {
        margin-right: auto;
    }

        #tableForm ul li {
            float: right;
        }

            #tableForm ul li:first-child {
                border-left: 1px solid #ccc;
                margin-left: 20px;
                padding-left: 20px;
            }

    #gallery {
        top: -62px;
    }

    .richTextContainer {
        display: flex;
    }

    .floatcontainer {
        -ms-flex: 2;
        flex: 2;
    }

    .rtTabs {
        display: block;
    }

    #topWraper h1 a {
        font-size: 34px;
    }

    .enlargeFont {
        display: inline;
    }

    .richTextWrapper {
        float: right;
        text-align: right;
        width: 100%;
        padding: 0;
    }

    #langmenu {
        display: block;
    }

    #startStop_btns {
        display: block;
    }

    .enlarge_btn {
        display: none;
    }

    .logo {
        text-align: right;
        margin: 0 auto;
        padding: 5px 0;
    }

    .headerNote {
        position: absolute;
        display: inline;
    }

    #enlargeWeb {
        display: table;
    }

    .langMenu {
        display: inline;
    }

    #questions {
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-right: 24.3%;
    }

        #questions ul {
            width: 100%;
            text-align: right;
        }

            #questions ul li {
                display: inline-block;
                width: 41.2%;
                text-align: right;
                padding-bottom: 33px;
            }

    .question {
        text-align: right;
        float: right;
        padding-bottom: 33px;
    }

    #questNumber {
        font-size: 1.5em;
    }

    .open_question {
        text-align: right;
    }

        .open_question input[type="text"] {
            width: 77.3%;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #a0a0a0;
        }

    #UnfinishedQuestMsg {
        display: none;
    }

    #baloon {
        width: 65px;
        height: 68px;
        line-height: 64px;
        font-size: 1.5em;
    }

    #questWrapper {
        padding: 18px 55px;
    }

    #quest_btns {
        padding: 28px 39px;
        direction: ltr;
    }

        #quest_btns a {
            display: inline-block;
            direction: rtl;
        }

    #richtextcontent, #dictionary_leftContent, #news_newssite {
        width: 95%;
        float: left;
    }

    .module_44 #richtextcontent {
        width: 100%;
    }

    #newssiteUL li.clearLI {
        text-align: right;
    }

        #newssiteUL li.clearLI h3 {
            display: inline-block;
            width: 385px;
            position: relative;
            line-height: 18px;
            height: 26px;
            top: 5px;
        }

        #newssiteUL li.clearLI span {
            float: none;
        }

        #newssiteUL li.clearLI img {
            float: none;
            vertical-align: bottom;
        }

    h2.pageTitle {
        margin-bottom: 23px;
        font-size: 2.25em;
    }

        h2.pageTitle + hr {
            position: relative;
            top: -4px;
        }

    hr {
        border-color: #a0a0a0;
        margin: 23px 0;
    }

    #faqPage {
        padding: 0 30px;
    }

    #leftContent {
        padding-top: 52px;
    }

    .articleType_2 {
        display: block;
        padding-bottom: 40px;
        min-height: 60px !important;
    }

    .cube.PurpleCube .cubeInnerWrap .button {
        display: block !important;
    }

    #seotext {
        text-align: right;
        /* float: right;*/
        font-size: 0.875em;
    }

    .moonsiteLogo {
        float: left;
        /*padding: 23px 0;
        margin-top: -67px;*/
    }

    #logoArea header {
        /*height: 65px;*/
        height: 96px;
        margin-bottom: 59px;
        background-size: cover;
    }

    #slogen {
        /*background: url(../images/slogenWeb.png) no-repeat right top;*/
        background: url(../images/sanofillogo.png) no-repeat right top;
        display: block;
        width: 468px;
        /*height: 47px;*/
        height: 88px;
        /*background-size: cover;*/
        background-size: 80%;
    }

    #logoArea header .h1,
    #logoArea header h1 {
        float: right;
        font-size: 2.255em;
        margin: 0;
    }

    #title h1 {
        font-size: 1.875em;
        padding: 18px 20px;
    }

    .logo > img {
        position: static;
        right: auto;
        left: auto;
    }

    #menu, #menu_for_large_screen, #dictionary_web {
        display: block;
    }

    #menu_small_screen, #menuMobile, #menu_btn {
        display: none;
    }

    #newsArticle, #lettersList {
        display: none;
    }

    #dictionary_web > ul.terms {
        display: block;
    }

        #dictionary_web > ul.terms > li.show {
            display: block;
        }

        #dictionary_web > ul.terms > li {
            display: none;
        }



    .newTextArea img {
        float: right;
        margin-left: 20px;
        max-width: 50% !important;
    }

    .newsAbstract {
        text-align: right;
        clear: both;
    }

    #newsPanel a.button {
        float: right;
        background-color: #7161aa;
        color: #fff;
        margin-bottom: 25px;
    }

    #sideBar {
        display: block;
    }

    #mobile_tab_sub_title {
        display: none;
    }

    #title {
        margin-top: 20px;
        position: relative;
        z-index: 1;
        bottom: 0;
    }

    .hasBanner #title {
        margin-top: -69px;
    }

    .tabs {
        display: flex;
    }

    .mobile_tabs {
        display: none;
    }

    #galleryTabsWrapperMobile {
        display: none;
    }

    #newsWebWrapper {
        overflow-y: hidden;
        margin-bottom: 15px;
        display: block !important;
    }

        #newsWebWrapper .newsitem:last-of-type hr {
            display: none;
        }

    .stars {
        width: 60px;
        height: 47px;
    }

    .textcontainer p {
        max-width: initial;
        float: none; /*min-height:94px;*/
        margin: 0 auto; /*text-align:center;*/
        text-align: center;
        font-size: 21px;
    }

    #galleryTabs ul li span {
        float: right;
        width: 100%;
        font-size: 1.3em;
    }

    #galleryTabs ul li h3,
    #galleryTabs ul li h4 {
        border-bottom: 1px solid #fff;
        width: 99%;
        font-size: 33px;
    }

    #galleryTabs ul li a {
        color: #fff;
        float: right;
        clear: both;
        margin-top: 7px;
    }

    a.button {
        background-color: #e1962f;
        color: #000;
        display: block;
        text-align: center !important;
        font-size: 1.125em;
    }

    .control_btn {
        background: url(../images/nextPrev.png) no-repeat right top;
        width: 73px;
        height: 73px;
        overflow: hidden;
        text-align: center;
        position: absolute;
        margin: -36px auto 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        bottom: auto;
    }

    .cube .link {
        margin: 0;
        clear: both;
    }

    .cube h4.title,
    .cube h2.title {
        font-size: 1.7em;
        text-align: center;
    }

    .holder {
        text-align: center;
    }

    .textcontainer { /*text-align:center;*/
    }

    .bottomDynamic {
        margin: 60px auto;
        margin-top: 30px;
    }

        .bottomDynamic .textCube {
            width: 380px;
        }

    .cube.PurpleCube .cubeInnerWrap img {
        width: 100%;
        height: auto;
        float: none;
        margin: auto;
    }

    #galleryTabsWrapperWeb {
        display: block;
        bottom: -34px;
        position: absolute;
        right: 0;
        width: 100%;
    }

    .mobileNews {
        display: none;
    }

    #galleryTabs {
        max-width: 1202px;
        overflow: visible;
    }

        #galleryTabs ul {
            width: auto;
            height: auto;
        }

            #galleryTabs ul li {
                float: right;
                width: 400px;
                overflow: hidden;
                padding: 5px;
                -moz-border-radius-topleft: 4px;
                -moz-border-radius-topright: 4px;
                -webkit-border-top-left-radius: 4px;
                -webkit-border-top-right-radius: 4px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                color: #fff;
            }

                #galleryTabs ul li:nth-child(2) {
                    margin: 0 1px;
                }

    .news {
        width: 350px;
        top: 166px;
        padding: 20px 25px;
        display: block;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .articleContent ul,
    #faqlist > li ul {
        padding-right: 0;
    }

        .articleContent ul > li,
        #faqlist > li ul > li {
            border: 0 !important;
            list-style-type: none;
            background: url(../images/tabsBull.png) no-repeat right 0.4em;
            padding-right: 34px;
        }

    #galleryTabsWrapperMobile {
        display: block;
    }

    #galleryMobileTabs {
        display: none;
    }

    #galleryTabsWrapperMobile {
        background-color: none;
        ;
        bottom: auto;
        font-size: medium;
        min-height: 0;
        position: static;
        right: auto;
        width: 1200px;
        margin: 0 auto;
    }

        #galleryTabsWrapperMobile .carousel-control {
            background-image: none;
            float: left;
            height: 37px;
            left: 10px;
            margin: 19px 0 0 10px;
            position: static;
            width: auto;
            z-index: 2;
            position: absolute;
            width: 50px;
            height: 50px;
            /*background:red;*/
            left: 0;
            top: 90px;
            z-index: 30000;
            margin: 0;
            margin-left: -50px;
            top: auto;
            bottom: 100px;
            left: 50%;
            /*opacity: 1 !important;*/
            background: url("../images/arrowsHP2.png") no-repeat scroll 0 bottom;
            height: 49px;
            width: 49px;
        }

            #galleryTabsWrapperMobile .carousel-control.right {
                right: 50%;
                left: auto;
                background-position: right 0;
                margin: 0;
                margin-right: -50px;
            }

            #galleryTabsWrapperMobile .carousel-control:hover {
                background-position: 0 0;
            }

            #galleryTabsWrapperMobile .carousel-control.right:hover {
                background-position: right bottom;
            }

            #galleryTabsWrapperMobile .carousel-control span {
                display: none !important;
            }

    #sideMenu ul {
        min-width: 0;
    }
}

@media (max-width:1219px) {
    #testYourSelf {
        padding-left: 20px;
    }
}



.ENG_4401 .enterPatient {
    display: none;
}


.enlargeFont {
    display: none;
}

.sweet-alert {
    direction: rtl !important;
}



@media all {

    #seotext div div {
        text-align: right;
    }

    #patiencePageNew {
    }

        #patiencePageNew .intro {
        }

            #patiencePageNew .intro .BG {
                background-repeat: no-repeat;
                background-position: center 0;
                height: 278px;
                background-size: cover;
                position: relative;
            }

                #patiencePageNew .intro .BG img {
                    display: none;
                }

                    #patiencePageNew .intro .BG img.patienceStrip {
                        display: block;
                        position: absolute;
                        height: 125px;
                        /*left: 7px;*/
                        top: 10px;
                        right: 20px;
                        transform: rotate(30deg);
                    }

        #patiencePageNew .titleArea {
            background: #823e90;
        }

            #patiencePageNew .titleArea img.patienceStrip2 {
                width: 276px;
                margin: 0 auto;
                display: block;
                margin-top: -80px;
                position: relative;
                z-index: 200;
                left: -230px;
            }

            #patiencePageNew .titleArea h2 {
                margin: 0;
                padding: 0;
                padding: 0 15px;
                color: #fff;
                font-size: 24px;
                font-weight: bolder;
                line-height: 30px;
                text-align: center;
                padding-bottom: 10px;
            }

        #patiencePageNew .introTexts {
            border: 5px solid rgba(0,0,0,.3);
            border-width: 3px 0;
            margin-bottom: -3px;
            position: relative;
            z-index: 200;
        }

            #patiencePageNew .introTexts .in {
                background: #e6e6e6;
                font-size: 15px;
                line-height: 18px;
                color: #262626;
                padding: 12px;
            }

        #patiencePageNew .navImages {
        }

            #patiencePageNew .navImages a {
                display: block;
                position: relative;
            }

                #patiencePageNew .navImages a img {
                    display: block;
                }

                #patiencePageNew .navImages a span.title {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    background: url(../images/navImagesArrow.png) no-repeat 10px center;
                    background-size: 10px auto;
                    background-color: rgba(130,62,144,0.9);
                    color: #fff;
                    padding: 10px 12px;
                    font-size: 18px;
                    line-height: 25px;
                }

    .module_8 #innerMainContent,
    .module_41 #innerMainContent,
    .module_31 #innerMainContent {
        display: block;
    }


    #faqPage {
        padding: 0;
    }

    #faqlist2 {
        list-style-type: none;
        padding: 0;
        padding-top: 20px;
    }

        #faqlist2 .wrapper {
            display: none;
            padding: 16px 28px 46px;
            background: #e6e6e6;
            font-size: 18px;
            line-height: 21px;
            color: #262626;
        }

        #faqlist2 li {
            border: 0;
            margin-bottom: 16px;
        }

            #faqlist2 li a.innerTitle {
                display: block;
                cursor: pointer;
                color: #272727;
                font-size: 24px;
                text-decoration: none;
                line-height: 32px;
                padding: 15px 0;
                background: url(../images/faqArrow.png) no-repeat 0 0 #262626;
                background-color: #c0c0c0;
                background-position: 32px -224px;
                padding-right: 28px;
                padding-left: 60px;
            }

            #faqlist2 li.open-faq a.innerTitle {
                background-color: #823e90;
                color: #fff;
                background-position: 32px 24px;
                font-weight: bold;
            }

    #videoPage {
    }

    #videosUL {
        padding: 0;
        background-color: #823e90;
    }

        #videosUL > li {
            border: 1px solid #fff;
            background-color: #823e90;
            color: #fff;
            border-width: 0 0 0px 1px;
            list-style-type: none;
            padding: 0;
            width: 50%;
            float: right;
            cursor: pointer;
        }

            #videosUL > li.SEP {
                width: 100%;
                border-top: 1px solid #fff;
            }


            #videosUL > li .icon {
                width: 116px;
                height: 116px;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                background: url(../images/videoIcon.png) no-repeat 0 0;
                margin: -58px 0 0 -58px;
            }

            #videosUL > li .titles {
                padding: 15px 27px;
                font-size: 14px;
                text-align: right;
            }

            #videosUL > li.ltr-video .titles {
                text-align: left;
            }

            #videosUL > li .titles h2 {
                font-weight: bold;
                color: #fff;
                padding: 0;
                margin: 0;
                margin-bottom: 3px;
                font-size: 24px;
            }

    #videoPage-popUP {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1000;
    }

        #videoPage-popUP table {
            width: 90%;
            max-width: 1200px;
            height: 100%;
            margin: 0 auto;
        }

            #videoPage-popUP table video {
                width: 100%;
            }

    #videoPage-popUP {
        display: none;
    }
}

@media (max-width:767px) {
    #faqlist2 li {
        margin-bottom: 12px;
    }

        #faqlist2 li a.innerTitle {
            font-size: 18px;
            text-decoration: none;
            line-height: 24px;
            padding-top: 12px;
            padding-bottom: 12px;
            background-position: 32px -230px;
            padding-right: 20px;
        }

        #faqlist2 li.open-faq a.innerTitle {
            background-position: 32px 19px;
        }

    #faqlist2 .wrapper {
        padding: 14px 20px 36px;
        font-size: 14px;
        line-height: 18px;
    }


    #videosUL > li {
        border: 0px solid #fff;
        width: 100%;
        float: none;
    }

        #videosUL > li .icon {
            width: 58px;
            height: 58px;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            background-size: auto 100%;
            margin: -29px 0 0 -29px;
        }

        #videosUL > li .titles {
            padding: 8px 27px;
            font-size: 12px;
            text-align: center !important;
        }

            #videosUL > li .titles h2 {
                font-size: 15px;
                margin-bottom: 0;
            }
}

@media (min-width:700px) {
    #patiencePageNew .intro .BG {
        height: 463px;
    }
}

@media (min-width:700px) {
    #patiencePageNew .navImages a {
        width: 33.33%;
        float: right;
    }

    #patiencePageNew .cont {
        max-width: 1200px;
        width: auto;
        margin: 0 auto;
    }
}


@media (min-width:1200px) {
    .footerBunner {
        display: block;
        width: 100%;
        height: 200px;
        margin-top: 50px;
    }



    #patiencePageNew .intro .BG {
        height: 408px;
        background-size: cover;
        background-position: 0;
    }

        #patiencePageNew .intro .BG .cont {
            position: relative;
        }

        #patiencePageNew .intro .BG img.patienceStrip {
            height: 250px;
            /* left: 14px; */
            transform: rotate(30deg);
            top: 20px;
            right: 0;
            margin-right: -70px;
        }

    #patiencePageNew .titleArea h2 {
        text-align: right;
        font-size: 36px;
        line-height: 44px;
        width: 600px;
        padding: 7px 0;
    }

    #patiencePageNew .introTexts .in {
        padding: 17px;
    }

    #patiencePageNew .titleArea img.patienceStrip2 {
        width: auto;
        margin: 0;
        margin-top: 0;
        position: absolute;
        z-index: 400;
        left: 0;
        top: -116px;
    }

    #patiencePageNew .introTexts .texts {
        width: 600px;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
    }

    #patiencePageNew .navImages a {
        width: 33.33%;
        float: right;
    }

        #patiencePageNew .navImages a span.title {
            position: static;
            display: block;
            background: #671677;
            padding: 10px 12px;
            font-size: 18px;
            line-height: 25px;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            padding: 0;
            padding-top: 25px;
            padding-bottom: 7px;
        }

        #patiencePageNew .navImages a:nth-child(2) span.title {
            background: #823e90;
        }

        #patiencePageNew .navImages a:nth-child(3) span.title {
            background: #8e5999;
        }

    #patiencePageNew .navImages a {
        text-decoration: none;
    }

        #patiencePageNew .navImages a:hover span:after {
            text-decoration: underline;
        }

        #patiencePageNew .navImages a span.title:after {
            content: "קרא עוד >";
            display: block;
            font-size: 14px;
            font-weight: normal;
            padding-top: 36px;
        }

    #patiencePageNew-x .navImages a img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        transition: -webkit-filter 1s ease;
    }

    #patiencePageNew-x .navImages a:hover img {
        filter: none;
        -webkit-filter: grayscale(0%);
    }

    #patiencePageNew .navImages a img {
        filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
        transition: -webkit-filter 1s ease;
    }

    #patiencePageNew .navImages a:hover img {
        filter: none; /* Applies to FF + IE */
        -webkit-filter: grayscale(0);
    }
}

@media all {
    .patiencePage #title,
    .ENG_4420 #title,
    .ENG_4332 #title {
        background: #e6e6e6;
        margin-top: 0px;
        position: relative;
        z-index: 1;
        bottom: 0;
        border-bottom: 3px solid #d9dde5;
    }

        .patiencePage #title h1,
        .ENG_4420 #title h1,
        .ENG_4332 #title h1 {
            background: none;
            font-size: 24px;
            color: #262626;
            font-weight: 100;
        }

    .patiencePage #leftContent,
    .ENG_4332 #leftContent,
    .ENG_4420 #leftContent {
        padding-top: 0;
    }
}

@media (min-width: 1220px) {
    #seotext div div {
        text-align: right !important;
    }

    #topLogoArea #openMenuBT {
        width: 18px;
        height: 17px;
        background: red;
        text-indent: -9999px;
        display: block;
        position: absolute;
        top: 7px;
        right: 15px;
        background: url(../images/openMenuBT.png) no-repeat 0 0;
        background-size: 18px 17px;
    }

    #seotext div div {
        text-align: right !important;
    }

    .ENG_4420 #title,
    .ENG_4332 #title {
        border-bottom: 5px solid #d9dde5;
    }
    /*.ENG_4420 #title h1,
    .ENG_4332 #title h1{
        font-size:36px;
    }*/

}

#topLogoArea #openMenuBT {
    display: none;
}



/* new top */
#topWraper2 {
    max-width: 1200px;
    margin: 0 auto;
    width: auto;
    padding: 0 15px;
}

    #topWraper2 .slogen {
        display: inline-block;
        background: url(../images/topWraper2slogen.png) no-repeat 0 10px;
        min-height: 50px;
        color: #5b4f9b;
        font-size: 46px;
        font-weight: bold;
        font-style: italic;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
        font-family: Arial;
        line-height: 1;
        padding: 5px 0 9px;
        padding-left: 215px;
    }


@media (max-width: 1219px) {
    .enterPatient {
        display: none;
    }

    #logoArea header {
        height: 71px;
    }

    #topLogoArea {
        height: 31px;
        background: url(../images/topLogoArea-mobile2.png) no-repeat center center;
        background-size: auto 18px;
        background-color: #7161aa;
        position: relative;
    }

        #topLogoArea .logo {
            display: none;
        }

        #topLogoArea #openMenuBT {
            width: 18px;
            height: 17px;
            background: red;
            text-indent: -9999px;
            display: block;
            position: absolute;
            top: 7px;
            right: 15px;
            background: url(../images/openMenuBT.png) no-repeat 0 0;
            background-size: 18px 17px;
        }

    #topWraper2 {
        padding-bottom: 10px;
        padding-top: 3px;
    }

        #topWraper2 .slogen {
            padding-left: 0;
            display: block;
            text-align: center;
            background-position: center bottom;
            padding-bottom: 28px;
            font-size: 26px;
            background-size: auto 26px;
        }
}

#menuMobileNew {
    background: rgba(113,97,170,0.97);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    text-align: right;
    direction: rtl;
    /*display:none;*/
    display: block;
    visibility: hidden;
    opacity: 0.2;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

    #menuMobileNew.openMenu {
        visibility: visible;
        opacity: 1;
    }

    #menuMobileNew #main_menu44 ul,
    #menuMobileNew #main_menu44 li,
    #menuMobileNew #main_menu44 {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #menuMobileNew #main_menu44 {
        padding: 15px;
    }

        #menuMobileNew #main_menu44 > li {
            display: block;
            border-top: 1px solid #9885c7;
            padding: 12px 0;
        }

            #menuMobileNew #main_menu44 > li:first-child {
                border-top: 0px solid #fff;
            }

            #menuMobileNew #main_menu44 > li > a {
                display: block;
                font-size: 24px;
                line-height: 29px;
                color: #fff;
                font-weight: bold;
            }

        #menuMobileNew #main_menu44 ul {
            padding-right: 11px;
            border-top: 1px solid #7f6fb0;
            margin-top: 10px;
            padding-top: 10px;
        }

            #menuMobileNew #main_menu44 ul li {
                color: #fff;
                padding: 6px 0;
            }

                #menuMobileNew #main_menu44 ul li a {
                    color: #fff;
                    display: block;
                    font-size: 24px;
                    line-height: 29px;
                    font-weight: 100;
                    position: relative;
                    padding: 0 9px;
                }

                    #menuMobileNew #main_menu44 ul li a::before {
                        content: "";
                        display: block;
                        width: 4px;
                        height: 4px;
                        border-radius: 2px;
                        position: absolute;
                        right: 0;
                        top: 12px;
                        background: #fff;
                    }

    #menuMobileNew #closeNewMenu {
        display: block;
        padding: 5px 15px 7px;
        color: #fff;
    }


#logoArea header {
    /*height: auto !important;*/
    margin-bottom: 0 !important;
}


@media only screen and (max-width: 420px) {
    .ENG_4401 section.patients-login-page .login-wrap input {
        width: 200px;
    }

    .ENG_4401 section.patients-login-page .login-wrap .input-wrap {
        height: 50px;
        width: 250px;
    }
}

#richtextcontent {
    padding-top: 24px;
    width: 100% !important;
    padding-right: 20px;
    padding-left: 20px;
}

#questions ul li label{
    margin-bottom:0;
}
@media (min-width:1220px) {
    #breadcrumbs {
        margin-top: 59px;
    }
}
#newsWrapper{
    opacity:0;
    height:0;
    overflow:hidden;
    z-index: 1200;
    transition: opacity 1s;
}
#newsWrapper.NewsReady{
    height: auto;
    opacity:1;
    overflow:initial;

}
#accesability{
    padding:15px 0;
    float:right;
}
#accesability a{
    background:url(../images/accesability.png) no-repeat 0 0;
    background-size:40px auto;
    background-position:center 0;
    height: 20px;
    padding-top:40px;
    float:right;
}
.moonsiteLogo {
    float:left;
    margin-top: 56px;
}
#pageBG{
    overflow: hidden;
}

#menu ul{
    font-size:1em;
}


#videoCubePage .intro2,
#videoCubePage .intro1{
    margin-bottom:2em;
    padding:0 20%;
}
#videoCubePage .intro1{
    font-weight:bold;
    font-size:20px;

}
#videoCubePage .intro1 h4{
    font-size:20px;

}

#videoCubePage iframe{

    width: 100%;
    border: 0px !important;
    height: 400px;
    margin-bottom:2em;

}

#videoCubePage .cubes{
}
#videoCubePage .cubes .cube{
    width:calc(50% - 30px);
    float:right;
    background:purple;
    margin:0 15px;
    margin-bottom:30px;
    display: flex;
    transition: all 200ms;
}
#videoCubePage .cubes .cube:focus,
    #videoCubePage .cubes .cube:hover{
    box-shadow: 0px 0px 4px 2px #00000090;
}
#videoCubePage .cubes .cube:nth-child(1){
    background:#ce483d;
}
#videoCubePage .cubes .cube:nth-child(2){
    background:#bcbc1c;
}
#videoCubePage .cubes .cube:nth-child(3){
    background:#525ca3;
}
#videoCubePage .cubes .cube:nth-child(4){
    background:#488041;
}
#videoCubePage .cubes .cube img {
    width:264px;
    height:280px;
}
#videoCubePage .cubes .cube img.textImg {
    height:auto; width:auto;max-width:100%;
}
#videoCubePage .cubes .cube .images {
    position:relative;
}
#videoCubePage .cubes .cube .images span{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    color:#fff;
    font-size:24px;
    display:flex;
    
    align-items:flex-end;
    /*text-align:center;*/
    justify-content: center;
    z-index:200;
    padding:0 20px;
    background: rgba(0,0,0,0.4);
    padding-bottom: 16px;

}
#videoCubePage .cubes .cube .texts{
    flex-grow:1;
    padding: 30px;
    color:#fff;
}
#videoCubePage .cubes .cube a{
    border:1px solid #fff;
    padding:4px 20px;
    border-radius:20px;
    color:#fff;
    display: inline-block;
    margin-top: 1em;

    
}
#videoCubePage .cubes .cube a:focus,
#videoCubePage .cubes .cube a:hover {
    box-shadow: 0px 0px 4px 2px #00000090;
    border-color:transparent;
    text-decoration:underline;
}

.videoCubePage #playPause{
    bottom:140px;
}
@media (min-width: 1220px) {
    .videoCubePage #galleryTabsWrapperMobile .carousel-control {
        bottom:20px;
    }
}


.videoCubePage .h1Title{
    max-width:1200px;
    margin:0 auto;
    position:relative;
    z-index: 2000;
}
.videoCubePage .h1Title h1{
    display:inline-block;
    background: rgba(0,0,0, 0.2);
    padding:10px 20px;
    color:#fff;
    margin:0;
    position:absolute;
    top:160px;
    right:0;
    display:block;
    text-align:center;
    width:100%;
    font-size: 65px;
    font-weight: bold;

}

@media (max-width:1200px) {

    #videoCubePage .cubes .cube{
        width:calc(100% - 30px);
        max-width:700px;
        margin-right:auto;
        margin-left:auto;
        float:none;
    }

    .videoCubePage .h1Title h1{
        top: 0;
        font-size: 36px;
    }

    #videoCubePage{
        padding-top: 20px;
    }
}

@media (max-width:600px) {

    #videoCubePage .cubes .cube{
        display:block;
    }
    #videoCubePage .cubes .cube img {
        width: 100%;
        height: auto;
        float: none !important;
    }
    /*#videoCubePage .cubes .cube img.textImg {
        margin: 0 auto;
    }*/
}

#videoCubePage .cubes .cube .texts{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size:18px;
}
#videoCubePage .cubes .cube .texts p{
    flex-grow:1;
}
    #videoCubePage .cubes .cube .texts b {
        display:block;
        margin-top: 0.5rem;
    }

@media (min-width: 1220px) {
    .videoCubePage #gallery {
        top: 0px;
        margin-bottom: 62px;
        margin-bottom: 40px;
    }
}