/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Regular.eot);
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Regular.woff2) format('x-woff2'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Regular.woff) format('woff'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Bold.eot);
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Bold.woff2) format('x-woff2'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Bold.woff) format('woff'), url(/Portals/0/Skins/ArabicNadec/css/fonts/DroidKufi-Bold.ttf) format('truetype');
}

@media print {

    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: normal !important;
        }

    abbr[title]:after {
        content: normal !importnat;
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

form {
    margin: 0;
    height: 100%; /**the wrapper of the page is the form**/
}

#ControlBar {
    -moz-box-sizing: content-box !important;
}

#Layer1 {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 1115px;
    min-height: 100%;
}

#Layer2 {
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    min-height: 100%;
}

#wrapperHome {
    /*background-image: url(../sky_grass.jpg);*/
    background-position: center top;
    background-repeat: repeat-x;
    padding-bottom: 400px;
    height: inherit !important;
    /*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
    background-size:cover;*/
}

#wrapper {
    background-image: url(../sky.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    padding-bottom: 400px;
    height: inherit !important;
}

#content { /*padding-bottom: 145px;*/
    /*min-height:649px;*/
}

#footerHome {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    /*background-image:url(../Grass.jpg);*/ background-position: center top;
    /*background-repeat:repeat-x;-webkit-background-size: cover;background-size:cover;
-moz-background-size: cover;
-o-background-size: cover*/
    /*margin-top:-100px;*/
}

#footer {
    height: 400px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    background-image: url(../Grass.jpg);
    background-position: center top;
}

#footerTop {
    overflow: auto;
}

#footerBar {
    height: 30px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    padding-top: 8px;
}

#FooterArrow {
    content: "";
    background-image: url("../footer_Sitemap.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    left: 50%;
    position: absolute;
    top: -25px;
    width: 95px;
}

body {
    background-color: #ebf2f8;
}

@font-face {
    font-family: 'Myriad Pro SB';
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/fonts/MyriadPro-Semibold.otf);
}

@font-face {
    font-family: 'Myriad Pro RG';
    src: url(/Portals/0/Skins/ArabicNadec/css/fonts/fonts/MyriadPro-Regular.otf);
}

h4, h1, h3, h2 {
    font-family: 'PT Sans', sans-serif;
}

div.LanguageObject a {
    color: #0d136a;
    padding: 0px;
    display: block;
    float: left;
}

    div.LanguageObject a.True {
        font-weight: bold;
        color: #ffffff;
    }

div.LanguageMobileObject a {
    color: #ffffff;
    padding: 4px 4px;
    display: block;
    float: left;
    font-size: 0.8em;
}

    div.LanguageMobileObject a.True {
        font-weight: bold;
    }

span.English {
    font-size: 12px;
    line-height: 20px;
}

span.Arabic {
  font-family: 'Droid Arabic Kufi',sans-serif !important;
  font-size: 15px;
  line-height: 0px;
  top: -10px !important;
  display: block;
  float: right;
  padding: 12px 16px 17px;
  color: #0e4898 !important;
  font-weight: bold;
}

#dvNavBar .nav-bar {
    background-color: transparent;
    margin-bottom: 0px;
    height: 37px;
}

    #dvNavBar .nav-bar > li > a {
        color: #549f13 !important;
        font-family: 'PT Sans', sans-serif;
        font-size: 1.1em;
        padding: 0 11px !important;
    }

    #dvNavBar .nav-bar > li.has-flyout > a:first-child:after {
        display: block !important;
        right: 3px !important;
    }

    #dvNavBar .nav-bar > li {
        border: 0px;
        background-color: #fff;
        line-height: 36px !important;
        -moz-box-shadow: 0px 2px 2px -2px rgba(119, 119, 119, 0.86);
        -webkit-box-shadow: 0px 2px 2px -2px rgba(119, 119, 119, 0.86);
        box-shadow: 0px 2px 2px -2px rgba(119, 119, 119, 0.86);
        border-right: 1px solid rgba(84, 159, 19, 0.35);
    }

        #dvNavBar .nav-bar > li.selected {
            /*background-image:url(../green_dash.gif);*/ background-position: 0 98%;
            background-repeat: repeat-x;
        }

            #dvNavBar .nav-bar > li.selected a, #dvNavBar .nav-bar > li a:hover {
                font-weight: normal;
                text-decoration-skip: spaces;
                background-image: url(../green_dash.gif);
                background-repeat: repeat-x;
                background-position: bottom;
                background-clip: content-box;
            }

            #dvNavBar .nav-bar > li.selected ul li a {
                font-weight: normal;
                text-decoration: none;
                text-decoration-line: none;
                text-decoration-color: #549f13;
                background-clip: padding-box;
                background-image: none;
            }

                #dvNavBar .nav-bar > li.selected ul li.selected a, #dvNavBar .nav-bar > li.selected ul li a:hover {
                    font-weight: normal;
                    text-decoration: none !important;
                    text-decoration-line: none !important;
                    background-clip: padding-box;
                    background-image: none;
                }

        #dvNavBar .nav-bar > li > ul {
            background-color: transparent;
            border: 0;
            box-shadow: none;
            padding-top: 8px;
            top: 36px;
        }

            #dvNavBar .nav-bar > li > ul:after {
                border-bottom: 10px solid #FFFFFF;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                content: "";
                display: inline-block;
                left: 40px;
                position: absolute;
                top: -2px;
            }

            #dvNavBar .nav-bar > li > ul > li {
                border-left: 0;
            }

                #dvNavBar .nav-bar > li > ul > li a, #dvNavBar .nav-bar > li > ul > li a:hover {
                    color: #373638 !important;
                    font-family: 'PT Sans', sans-serif;
                    font-size: 1em;
                    background-color: #fff;
                    padding: 8px 20px;
                    background-clip: padding-box !important;
                    background-image: none !important;
                }



                #dvNavBar .nav-bar > li > ul > li:first-child a {
                    border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                    border-top: 0;
                }

                #dvNavBar .nav-bar > li > ul > li:last-child a {
                    border-bottom-left-radius: 12px;
                    border-bottom-right-radius: 12px;
                }

        #dvNavBar .nav-bar > li.has-flyout > a.flyout-toggle {
            display: none !important;
        }

        /*Last Child*/


        #dvNavBar .nav-bar > li:last-child ul {
            left: -168px !important;
        }

            #dvNavBar .nav-bar > li:last-child ul:after {
                left: 195px !important;
            }

#dvTopBar .top-bar {
    background-color: transparent;
    border-top: 0;
}

    #dvTopBar .top-bar li.name {
        background-color: #549f13;
    }


        #dvTopBar .top-bar li.name h1 a {
            color: #ffffff !important;
            font-family: 'PT Sans', sans-serif;
            font-size: 1.1em;
            font-weight: normal;
        }

    #dvTopBar .top-bar ul > li.toggle-topbar, #dvTopBar .top-bar ul > li.toggle-topbar:hover {
        background-color: #549f13;
    }

        #dvTopBar .top-bar ul > li.toggle-topbar a {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #549f13 transparent transparent;
            border-image: none;
            border-style: solid;
            border-width: 8px;
            content: "";
            display: block;
            height: 0;
            margin-top: -4px;
            padding: 0;
            position: absolute;
            right: 22.5px;
            top: 50%;
            width: 0;
        }

    #dvTopBar .top-bar ul.dropdown {
        background-color: transparent;
    }

    #dvTopBar .top-bar ul > li.has-dropdown a:after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent transparent #549f13;
        border-image: none;
        border-style: solid;
        border-width: 5px;
        content: "";
        display: block;
        height: 0;
        margin-right: 15px;
        margin-top: -4.5px;
        position: absolute;
        top: 21px;
        width: 0;
        float: right;
    }

    #dvTopBar .top-bar ul > li.has-dropdown .dropdown a:after {
        display: none !important;
    }



    #dvTopBar .top-bar ul > li a {
        color: #2451a4 !important;
        font-family: 'PT Sans', sans-serif;
        font-size: 1.1em;
        font-weight: normal;
    }

    #dvTopBar .top-bar ul > li.active {
        background-color: RGBA(255,255,255,0.8) !important;
    }

    #dvTopBar .top-bar ul > li:hover {
        background-color: RGBA(255,255,255,0.8) !important;
    }

    #dvTopBar .top-bar ul > li.divider {
        border-bottom: 0px solid RGBA(255,255,255,0.8);
        border-top: 1px solid RGBA(255,255,255,0.8);
        clear: both;
        height: 1px !important;
        margin: 0px 0 !important;
        width: 100%;
    }

    #dvTopBar .top-bar li.name h1 a {
        color: #ffffff !important;
        font-family: 'PT Sans', sans-serif;
        font-size: 1.1em;
        font-weight: normal;
    }

    #dvTopBar .top-bar ul > li.toggle-topbar, #dvTopBar .top-bar ul > li.toggle-topbar:hover {
        background-color: #549f13 !important;
    }

    #dvTopBar .top-bar ul > li.name, #dvTopBar .top-bar ul > li.name:hover {
        background-color: #549f13 !important;
    }

    #dvTopBar .top-bar ul > li.toggle-topbar a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #fff #549f13 #549f13;
        border-image: none;
        border-style: solid;
        border-width: 8px;
        content: "";
        display: block;
        height: 0;
        margin-top: -4px;
        padding: 0;
        position: absolute;
        right: 22.5px;
        top: 50%;
        width: 0;
    }

#dvTopBar ul.dropdown li {
    background-color: transparent;
}

    #dvTopBar ul.dropdown li:hover a {
        background-color: RGBA(255,255,255,0.8) !important;
    }

    #dvTopBar ul.dropdown li.title {
        background-color: RGBA(255,255,255,0.8);
    }

        #dvTopBar ul.dropdown li.title h5 {
            font-weight: bold;
        }

    #dvTopBar ul.dropdown li.active a {
        background-color: RGBA(255,255,255,0.6);
        font-weight: bold;
    }

.Normal, .Normal p {
    font-family: 'PT Sans', sans-serif;
    font-size: 1em;
    color: #000000;
    line-height: 1.4em;
    text-align: justify;
}

#dnn_footerContent .Normal, #dnn_footerContent .text-center {
    font-size: 0.95em !important;
    line-height: 1.2em !important;
}

#dnn_dnnSearch_cmdSearch {
    display: none;
}


@media only screen and (max-width: 940px) {
}

@media screen and (min-width:719px) {

    #dvNavBar .nav-bar > li:first-child {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
        /*-moz-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
        -webkit-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
        box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);*/
    }

    #dvNavBar .nav-bar > li:last-child {
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px;
        /*-moz-box-shadow: 0px 2px 1px rgba(119, 119, 119, 0.86);
        -webkit-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
        box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);*/
    }
}

#dvNavBar .nav-bar > li:hover {
    background-color: #fff;
}



#dvLeftNav .nav-bar {
    background-color: transparent;
}

    #dvLeftNav .nav-bar.vertical > li, #dvLeftNav .nav-bar.vertical > li.active {
        background-color: #fff;
        border: 1px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        -webkit-border-radius: 12px;
        margin-bottom: 8px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        line-height: 2.2em;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        display: block;
    }

        #dvLeftNav .nav-bar.vertical > li:last-child {
            background-color: #fff !important;
            border: 0;
            -webkit-border-radius: 12px;
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
            margin-bottom: 8px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
            line-height: 2.2em;
        }

        #dvLeftNav .nav-bar.vertical > li.current {
            background-image: url(../green_ar.gif);
            background-position: 200px 5px;
            background-repeat: no-repeat;
        }


        #dvLeftNav .nav-bar.vertical > li a {
            font-family: 'PT Sans', sans-serif;
            font-size: 1.1em;
            color: #333333;
        }

        #dvLeftNav .nav-bar.vertical > li.current a {
            font-weight: bold;
        }

#dvLeftNav li.current a {
    font-weight: bold;
}

#dvLeftNav ul li.selected a {
    font-weight: bold;
}

#dvLeftNav ul.SubLevel {
    background-color: transparent;
}

#dvLeftNav ul.SubLevel {
    margin-left: 0px;
}

    #dvLeftNav ul.SubLevel li {
        border-left: none;
        border-bottom: none;
    }

        #dvLeftNav ul.SubLevel li.last {
            border-bottom: 0px;
        }

        #dvLeftNav ul.SubLevel li.current a {
            font-weight: bold;
            background-image: url(../green_ar.gif);
            background-position: 95%;
            background-repeat: no-repeat;
        }

        #dvLeftNav ul.SubLevel li.last a {
            -webkit-border-radius: 12px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            line-height: 1.0em;
        }

        #dvLeftNav ul.SubLevel li a {
            background-color: #e5edf7 !important;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 32px;
        }


@media only screen and (min-width:400px) and (max-width:718px) {
    #dvLeftNav .nav-bar.vertical > li a {
        font-family: 'PT Sans', sans-serif;
        font-size: 1em;
        color: #333333;
    }

    #dvLeftNav .nav-bar.vertical > li.current {
        background-image: url(../green_ar.gif);
        background-position: 90%;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width:400px) {
    #dvLeftNav .nav-bar.vertical > li a {
        font-family: 'PT Sans', sans-serif;
        font-size: 0.8em;
        color: #333333;
    }

    #dvLeftNav .nav-bar.vertical > li.current {
        background-image: url(../green_ar.gif);
        background-position: 90%;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width:718px) and (min-width:400px) {
    #dvTopHeader .button {
        background-color: #0454a1;
        box-shadow: none;
    }

    #dvTopHeader a.button {
        font-family: 'Myriad Pro RG';
        font-size: 1em;
        font-weight: normal;
        color: #fff;
    }

    #dvTopHeader ul.inline-list li a {
        font-family: 'Myriad Pro SB';
        font-size: 1em;
        color: #0d136a;
    }
}

#dvPageTitle h3 {
    border-bottom: 2px solid #0e4898;
    margin-bottom: 20px;
    color: #0e4898;
    margin-top: 0 !important;
}

    #dvPageTitle h3 span.Normal {
        color: #0e4898;
    }

#slider_flipper {
    background-image: url(../flipper.png);
}

#slider img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Bullet Nav ---------------------- */
ul.rslides_tabs {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
    margin-left: -50px;
    padding: 0;
}

    ul.rslides_tabs li {
        float: left;
        margin-left: 5px;
        cursor: pointer;
        color: #999999;
        text-indent: -9999px;
        background: url('../images/foundation/orbit/bullets.jpg') no-repeat 4px 0;
        width: 13px;
        height: 12px;
        overflow: hidden;
    }

        ul.rslides_tabs li.rslides_here {
            color: #222222;
            background-position: -8px 0;
        }

        ul.rslides_tabs li.has-thumb {
            background: none;
            width: 100px;
            height: 75px;
        }

        ul.rslides_tabs li.rslides_here.has-thumb {
            background-position: 0 0;
            border-top: 2px solid black;
        }

/* Orbit Slide Counter */
.orbit-slide-counter {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
}

ul.orbit-bullets, ul.rslides_tabs {
    bottom: -14px !important;
    left: 82% !important;
}

div.timer {
    display: none;
}

.orbit.with-bullets {
    margin-bottom: 0 !important;
}

ul.rslides_tabs li a {
    display: block;
}

ul.orbit-bullets li, ul.rslides_tabs li {
    color: #0f4998;
    background-color: #fff;
    background-image: none !important;
    cursor: pointer;
    float: left;
    width: 40px;
    height: 25px;
    display: block;
    margin-left: 5px;
    overflow: hidden;
    text-indent: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

    ul.orbit-bullets li.active, ul.rslides_tabs li.rslides_here {
        background-color: #0f4998;
        color: #fff;
    }

#dvTopHeader .button {
    background-color: #0454a1;
    background-image: linear-gradient(rgb(15, 88, 166) 0%, rgb(10, 110, 182) 100%);
    background-image: -webkit-linear-gradient(rgb(15, 88, 166) 0%, rgb(10, 110, 182) 100%);
    padding: 6px 12px 6px;
    box-shadow: none;
}

#dvTopHeader a.button {
    font-family: 'PT Sans', sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #fff;
}

@media only screen and (max-width:767px) {
    ul.rslides_tabs {
        display: none;
    }
}

#dvTopHeader ul.inline-list li a {
    font-family: 'PT Sans', sans-serif;
    font-size: 1em;
    color: #0d136a;
}

#mobileSearch {
    background-color: RGBA(255,255,255,0.8);
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

    #mobileSearch .NormalTextBox {
        background-color: transparent !important;
    }

    #mobileSearch .searchbotton {
        background-color: transparent !important;
        border: 0 !important;
    }

.searchbotton {
    /*border-bottom-right-radius:18px;*/ background-color: #fff !important;
    border: 0 !important;
    /*-moz-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
    -webkit-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
    box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);*/
    padding-left: 34%;
}

.searchLabel {
    /*border-bottom-left-radius:18px;background-color:#fff !important;*/ border: 0 !important;
    display: block;
    /*-moz-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
    -webkit-box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);
    box-shadow: 0px 1px 1px rgba(119, 119, 119, 0.86);*/
    background-color: transparent !important;
}

    .searchLabel input[type="text"] {
        border: 0 !important;
        height: 30px !important;
        box-shadow: none !important;
    }

.boxup {
    border-bottom-left-radius: 18px;
    background-color: #fff !important;
    border: 0 !important;
    display: block;
    border-bottom-right-radius: 18px;
    background-color: #fff !important;
    padding-left: 18px;
    padding-right: 18px;
}

div.Normal h4 {
    color: #0f4998;
    margin-top: 0px;
}

div.Normal hr {
    height: 1px;
    background-color: #fff;
    border-color: #fff;
}
/* -----------------------------------------
   Home Page
----------------------------------------- */
#dvSkye {
    background-image: url(../sky.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    width: 100%;
    height: 84%;
}

#dvGrass {
    background-image: url(../Grass.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    width: 100%;
    height: 16%;
}

.featureBoxes .radius {
    border-radius: 22px;
    background-color: RGBA(255,255,255,0.9);
    padding: 0px !important;
}

.featureBoxes h4 {
    font-weight: bold !important;
    font-size: 1.7em;
    font-weight: bold;
    color: #0e4898 !important;
}

@media only screen and (max-width:700px) {
    .Body_s1_birds2_id, .Body_s1_man2_id, .Body_s1_kid2_id, .Body_s2_b22_id, .Body_s2_b32_id, .Body_s2_b12_id,
    .Body_s2_man_kid2_id, .Body_s3_man2_id, .Body_Group_id, .Body_s4_bird2_id, .Body_s4_woman2_id, .Body_s4_girl2_id, .Body_s6_tree_id, .Body_s6_boy2_id,
    .Body_s6_tree_id, .Body_s6_boy2_id, .Body_s1_birds2_id {
        display: none !important;
    }
}

@media only screen and (max-width:700px) {
    .featureBoxes h4 {
        font-weight: normal !important;
        font-size: 1.3em !important;
    }
}

/*MOBILE GE*/

#MobileNav {
    position: absolute;
    width: 300px;
    height: 100%;
    background-color: #252a2f;
}

#Layer2 {
    position: absolute;
    /*left: 500px; */
}

@media only screen and (min-width:767px) {

    #MobileNav {
        display: none;
    }
}

@media only screen and (max-width:360px) {

    ul.ProductsItems li a {
        max-width: 100px;
    }

        ul.ProductsItems li a.active {
            background-size: 15px 28px;
            background-position: 70px center !important;
        }

    ul.ProductsItems li hr {
        width: 70%;
    }

    #dvLeftNav ul.SubLevel li a, #dvLeftNav ul li.selected a {
        padding-left: 12px;
    }

    .ModNadecProductsC .four {
        padding-left: 0px !important;
    }

        .ModNadecProductsC .four div {
            margin-left: -10px;
        }
}

@media only screen and (max-width:900px) {

    .rslides {
        padding: 20px;
    }

    .FunfactsHolder .FunFactsContainer {
        line-height: normal !important;
    }

    ul.ProductsItems li a {
        white-space: normal !important;
    }

    .panel {
        margin: 25px;
    }

    .featureBoxes h4 {
        margin-left: 25px;
    }
}

@media only screen and (max-width:767px) {
    /*Contact us*/
    #SubmitButton a {
        margin-bottom: 25px;
    }
    /*----------*/


    /*Partners*/

    .partners img {
        clear: both !important;
        float: left;
        margin-bottom: 10px;
        position: relative;
        margin-left: 14%;
    }

    #dnn_ContentPane .DNNModuleContent .partners a {
        float: left;
        font-size: 1.5em;
        position: relative;
        clear: both;
        margin-bottom: 50px;
    }

    /*--------------------*/

    /*Milk Myths*/
    div.FactContainer img.ArrowHolder {
        display: none !important;
    }

    .FactContainer {
        padding-bottom: 20px;
        border-radius: 0 0 20px 20px !important;
        margin-left: -10px !important;
    }
    /*------------*/
    /*Health Benefits*/
    .BenfitsArrow {
        margin-left: 47% !important;
    }

    .trueSymbol {
        display: none !important;
    }

    .BenfitsYears {
        margin-top: 20px;
    }
    /*---------------------*/

    /*Essential Nutrients*/
    .EssentialNutrients p.ENDiscription1, .EssentialNutrients p.ENDiscription2, .EssentialNutrients p.ENDiscription3 {
        height: auto !important;
    }

    .EssentialNutrients .row img {
        margin-left: 0px !important;
        margin-top: 0px !important;
        visibility: hidden;
    }

    /*-----------------------------------*/



    /*-----------BMI Calculator--------*/
    #BMIMessage {
        position: static;
        margin-left: 15px;
    }


    /*-----------------------------------*/



    /*-------Basics of Nutrition---------*/
    .BasicsOfNutrition {
        text-align: center;
    }

        .BasicsOfNutrition p {
            text-align: center !important;
        }

    div.ModDNNHTMLC .BasicsOfNutrition ul li {
        list-style-type: none !important;
    }

    /*-----------------------------------*/

    /*-----------Awards--------*/

    .Awards {
        text-align: center !important;
    }

        .Awards .four {
            text-align: center !important;
        }

        .Awards p {
            margin: auto;
            width: 80%;
            text-align: center;
        }

    div.Awards div.row div.twelve div.four p span {
        font-size: 1.5em;
    }

    #dnn_ContentPane .DNNModuleContent .Awards a.readmore {
        margin-bottom: 50px;
    }
    /*-------------------------*/

    /*Excutive Team*/
    .Ecxutive, .EcxutiveName, .EcxutiveTitle, .Ecxutive .Name, .Ecxutive p.Title {
        text-align: center !important;
    }

        .Ecxutive p, div.personimage, div.oneperson h5, div.Headperson h5 {
            margin-bottom: 0 !important;
        }
        /*----------------*/



        /*  Supervisory Board   */
        .Ecxutive p, div.personimage, div.oneperson h5, div.Headperson h5 {
            font-size: 1.2em !important;
            margin-bottom: 50px;
            text-align: center !important;
        }

            div.personimage img {
                width: 50%;
            }

            .Ecxutive p a {
                margin-bottom: 50px;
            }
    /*----------------------------*/
    body {
        overflow: hidden;
    }

    /*Mobile navigation*/

    #footerHome {
        display: none;
    }

    .mob-Container {
        background-color: #125cad;
        margin-bottom: 40px;
    }

    div.LanguageMobileObject a {
        float: right !important;
    }

    .icon-bar {
        background-color: #F5F5F5;
        border-radius: 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        display: block;
        height: 2px;
        margin-top: 14px;
        width: 53px;
    }

    .btn-Search {
        background-image: url("/Portals/0/Skins/Nadec/Magnifier-Mob.png");
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        height: 70px;
        float: right;
        width: 70px;
        background-position: 19px 19px;
    }

    a.close-Triger {
        color: #A0E62B;
        display: block;
        font-size: 2em;
        margin: 0;
        padding: 8px;
        width: 39px;
    }

    .btn-navbar {
        width: 87px;
        height: 71px;
        float: left;
        padding: 5px 12px;
        margin: 0;
        display: block;
    }

    .Logo-btn {
        float: left;
        margin-top: 7px;
        margin-left: 1%;
    }

    #dnn_dnnSearchMob_ClassicSearch {
        float: right;
        margin: 18px 22px 0 0;
    }

        #dnn_dnnSearchMob_ClassicSearch a {
            display: none;
        }

    span.Arabic {
        background: none !important;
        font-size: 1.6em !important;
        border-radius: 0px !important;
        padding: 30px 10px !important;
        border-right: 1px solid #fff;
    }

    div#MobileNav ul li.toplevel a {
        background-color: #252a2f;
        border-bottom: 1px solid #1e1f21;
        color: #FFFFFF;
        display: inline-block;
        text-align: left;
        height: 80px;
        white-space: nowrap;
        width: 100% !important;
        padding-left: 80px;
        font-family: 'PT Sans',sans-serif;
        padding-top: 21px;
        font-size: 1.5em;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.submenu.sel-active.sub-active a, div#MobileNav ul li.toplevel ul.Sub1 li.submenu ul.Sub2 li.submenu.sub-active a, .sub-active a.Sec-Link#MobileNav ul li.toplevel ul.Sub1 li.submenu ul.Sub2 li.sel-active a.Sec-Link, div#MobileNav ul li.toplevel ul.Sub1 li.sel-active a.Sec-Link, div#MobileNav ul li.sel-active a.Sec-Link {
        background-color: #a0e62b !important;
    }

    div#MobileNav ul li.sel-active span.icon {
        opacity: 1;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.sel-active.Expanded a.Sec-Link, div#MobileNav ul li.sel-active.Expanded a {
        color: #FFFFFF !important;
    }

    div#MobileNav ul.Sub1 .submenu.sel-active.sub-active ul.Sub2 li.submenu a {
        background-color: #252A2F !important;
    }

    div#MobileNav ul li.sel-active ul.Sub1 li a {
        background-color: #252a2f !important;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.submenu a {
        padding-left: 80px;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.submenu ul.Sub2 li.submenu a {
        padding-left: 120px;
    }

    div#MobileNav ul li.submenu li a {
        color: #ffffff !important;
    }

    div#MobileNav ul li.toplevel {
        width: 100%;
        position: relative;
    }

    div#MobileNav li.submenu {
        position: relative;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.submenu a {
        color: #ffffff !important;
    }

    div#MobileNav ul li.toplevel a {
        /*  color: #ffffff; */
    }

    div#MobileNav ul li.Expanded span.Trigger {
        background-position: 0px 16px;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.Expanded span.has-sub {
        background-image: url("/Portals/0/Skins/Nadec/Arrow-up.png");
        background-position: 15px 8px;
    }

    div#MobileNav ul li.toplevel ul.Sub1 li.Expanded a.Sec-Link {
        color: #a0e62b !important;
    }

    div#MobileNav ul li.Expanded span.icon {
        opacity: 1;
    }

    div#MobileNav ul li.Expanded a {
        color: #a0e62b !important;
    }

    div#MobileNav ul li.toplevel span.Trigger, div#MobileNav li.submenu span.has-sub {
        background-image: url("/Portals/0/Skins/Nadec/Arrow-down.png");
        background-position: 15px 32px;
        background-repeat: no-repeat;
        display: inline !important;
        height: 76px;
        margin-top: 0;
        position: absolute;
        right: 6px;
        top: 3px;
        width: 55px;
    }


    div#MobileNav ul li.toplevel ul.Sub1 li.submenu {
        /*            border-top: 1px solid #1e1f21; */
    }

    div#MobileNav ul {
        margin: 0 0 0 0 !important;
        width: 100%;
    }


        div#MobileNav ul li.toplevel .icon {
            background-image: url(/Portals/0/Skins/Nadec/Mobile-icons.png);
            width: 60px;
            position: absolute;
            margin-left: 10px;
            margin-top: 12px;
            opacity: 0.2;
            height: 60px;
        }

        div#MobileNav ul li:nth-child(1) .icon {
            margin-top: 27px;
        }

        div#MobileNav ul li:nth-child(2) .icon {
            background-position: 0 -80px;
        }

        div#MobileNav ul li:nth-child(3) .icon {
            background-position: 0 -160px;
           }

        div#MobileNav ul li:nth-child(4) .icon {
            background-position: 0 -250px;
        }

        div#MobileNav ul li:nth-child(5) .icon {
            background-position: 0 -345px;
        }
        /*
            div#MobileNav ul li:nth-child(6) .icon {
            background-position: 0 -430px;
        }*/
        div#MobileNav ul li:nth-child(6) .icon {
            background-position: 0 -522px;
        }

        div#MobileNav ul li:nth-child(7) .icon {
            background-position: 0 -604px;
        }

        div#MobileNav ul li:nth-child(8) .icon {
            background-position: 0 -694px;
        }

        div#MobileNav ul li:nth-child(9) .icon {
            background-position: 0 -852px;
            margin-top: -6px;
        }

        div#MobileNav ul li:nth-child(10) .icon {
            background-position: 0 -780px;
        }

    #wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }


    .Content .FunfactsHolder {
        background: none !important;
    }

    .FunfactsHolder .FunFactsContainer {
        position: static !important;
        border-radius: 20px !important;
        padding: 10px 10px 0px 0 !important;
        line-height: normal !important;
    }

    .FunfactsHolder .Container {
        min-height: 70px;
        border-radius: 20px 0 0 20px;
        width: 30px !important;
        margin-right: 10px !important;
        padding-bottom: 10% !important;
    }

    .FunfactsHolder .ArrowHolderFunFacts {
        display: none !important;
    }
}

@media only screen and (max-width:400px) {
    div.LanguageMobileObject a {
        padding: 0px !important;
    }

    .FunfactsHolder .Container {
        text-align: right !important;
        padding-bottom: 38% !important;
    }
}

a.readmore {
    display: inline-block;
    border-radius: 1000px;
    color: #4f9d0a !important;
    padding: 4px 12px 4px 12px;
    background-color: #549F13;
    background-image: linear-gradient(rgb(91, 166, 0) 0%, rgb(135, 195, 48) 100%);
    background-image: -webkit-linear-gradient(rgb(91, 166, 0) 0%, rgb(135, 195, 48) 100%);
}

span.mobileBox {
    padding: 10px;
    display: block;
}

.reveal-modal {
    border-radius: 16px;
}

.reveal-modal-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;
}

/*Feedback sidebar*/

/**/

#sidebar {
    position: fixed;
    top: 222px;
    right: -470px;
    z-index: 999;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 500px;
}

#sidebar-scroll {
    width: 30px;
    float: left;
    height: 200px;
    background-color: #fff;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

#sidebar-form {
    background-color: #fff;
    padding: 10px;
    float: left;
    width: 470px;
    border-bottom-left-radius: 16px;
}

#sidebar:hover #sidebar-scroll {
    -moz-box-shadow: -5px 2.5px 16px 0px #888;
    box-shadow: -5px 2.5px 16px 0px #888;
}

#sidebar:hover #sidebar-form {
    /*-moz-box-shadow:-5px 2.5px 16px 0px #888; 
        box-shadow: -5px 2.5px 16px 0px #888;*/
}

#sidebar #sidebar-form input[type="text"] {
    border-radius: 1000px;
    padding-left: 10px;
}

#sidebar #sidebar-form input[type="button"] {
    border-radius: 1000px;
    padding: 8px 16px;
    background-color: #549f13;
    color: #fff;
    box-shadow: none;
    border: none;
}

#sidebar #sidebar-form textarea {
    border-radius: 16px;
    padding-left: 10px;
}

#sidebar-scroll span {
    padding-left: 5px;
    display: block;
    padding-top: 10px;
}

#sidebar-scroll.fixed {
}

#sidebar, #sidebar-scroll {
}

    #sidebar .sidebar-content {
        display: block;
        position: relative;
        top: 0;
        left: 100%;
    }


div.four div.video {
    padding-left: 18px;
    padding-right: 18px;
    background-position: left, right;
}
/* Contact form */

#SubmitButton a {
    background-image: linear-gradient(#5BA600 0%, #87C330 100%) !important;
}

/*Contacts Cards*/
div.cardBox h5 {
    padding: 0px;
    padding-left: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.card {
    padding: 14px;
}

    ul.card li {
        margin-bottom: 10px;
        border-bottom: solid #808080 1px;
        padding-bottom: 8px;
    }

li.email {
    background-image: url(../email_ico.jpg);
    background-position: right;
    background-repeat: no-repeat;
    height: 25px;
    display: block;
}

li.phone {
    background-image: url(../phone_ico.jpg);
    background-position: right;
    background-repeat: no-repeat;
    height: 25px;
    display: block;
}

li.fax {
    background-image: url(../fax_ico.jpg);
    background-position: right;
    background-repeat: no-repeat;
    height: 25px;
    display: block;
}

li.address {
    background-image: url(../address.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 25px;
    display: block;
}

#content a.button:visited {
    color: #fff;
}

#dnn_ContentPane img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


/* Leader Ship Team page  */
.positionsTitle h4 {
    font-weight: 100 !important;
    font-size: 20px !important;
}

    .positionsTitle h4 strong {
        font-size: 23px !important;
    }

/*	Health Benefits*/
h6 {
    font-size: 24px;
    color: #78ba3f;
    font-weight: normal;
}

.trueSymbol {
    margin-top: 8px;
}

.HealthBenfits ul {
    list-style: disc !important;
}

.BenfitsYears {
    background-color: #549f13 !important;
    height: 46px;
    color: #ffffff;
    padding-top: 13px;
    text-align: center !important;
    border-radius: 20px 20px 0 0;
}

.QuantityMl {
    border-radius: 0 0 20px 20px;
    background-color: #377cda;
    color: #ffffff;
    height: 46px;
    text-align: center !important;
    padding-top: 15px;
    margin-top: -20px;
}

.light {
    background-color: #7ba8e6 !important;
}

.BenfitsArrow {
    margin-left: 35px;
    margin-top: -14px;
    border-radius: 0px 0px 0px 0px !important;
}
/*Milk Myth*/
.MythContainer {
    background-color: #549f13 !important;
    color: #ffffff;
    padding-top: 20px;
    min-height: 80px;
    border-radius: 20px;
}

.ArrowHolder {
    float: left;
    margin-bottom: 10%;
    margin-left: -10px;
    margin-right: 10px;
    padding-top: 25px;
    border-radius: 0px 0px 0px 0px !important;
}

.FactContainer {
    background-color: #377cda;
    color: #ffffff;
    margin-right: -2%;
    padding-top: 20px;
    min-height: 80px;
    border-radius: 0 20px 20px 0px;
    padding-right: 20px;
}

.MythsFactsContainer {
    background-color: #549f13 !important;
    border-radius: 20px 20px 20px 20px;
}

.MythContent {
    margin-left: 2px !important;
}

.light {
    background-color: #7ba8e6 !important;
}
/*About Juice*/

/* -------------------------------------- */
.rounded-list {
    color: #ffffff;
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    padding-top: 4px;
    padding-bottom: 8px;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #0f4998;
    border-radius: 20px;
    margin-left: 0px !important;
}

    /* -------------------------------------- */
    .rounded-list span {
        position: relative;
        display: block;
        padding: .4em .4em .4em 4em;
        *padding: .4em;
        margin: .5em 0;
        color: #ffffff;
        text-decoration: none;
        border-radius: .3em;
    }

        .rounded-list span:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            left: 14px;
            top: 65%;
            margin-top: -1.3em;
            background: #ffffff;
            height: 2em;
            width: 2em;
            line-height: 20px;
            border: .3em solid #fff;
            text-align: center;
            font-weight: bold;
            -moz-border-radius: 2em;
            -webkit-border-radius: 2em;
            border-radius: 2em;
            color: #0f4998;
        }

    .rounded-list hr {
        margin: 0;
        width: 94%;
        margin-left: 20px;
    }
/*Natural Goodness*/

.NaturalGoodness h6 {
    font-size: 24px;
    color: #78ba3f;
    font-weight: 400;
}

.NaturalGoodness .four columns ul li {
    text-align: start !important;
}

.NaturalGoodness .four columns ul {
    list-style: disc !important;
}

.NaturalGoodness .JuiceDetails {
    width: 86% !important;
    list-style: disc;
    text-align: start;
}


/*Fun facts*/
.Container {
    background-color: #549f13 !important;
    color: #FFFFFF;
    float: left;
    padding-top: 20px;
    line-height: 11px;
    text-align: center;
    width: 5%;
    padding-right: 10px;
    border-radius: 20px 20px 20px 20px;
}

.ArrowHolderFunFacts {
    border-radius: 0 0 0 0 !important;
    float: left;
    margin-left: -10px;
    margin-right: 10px;
    position: relative;
    top: -10px;
}

.FunFactsContainer {
    background-color: #377cda;
    color: #ffffff;
    margin-right: -2%;
    padding-top: 20px;
    line-height: 7px;
    border-radius: 0 20px 20px 0;
}

.FunfactsHolder {
    background-color: #549f13 !important;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 15px;
}

.Content {
    margin-left: 2px !important;
}

.light {
    background-color: #7ba8e6 !important;
}

.eleven, .row .eleven {
    width: 96.667% !important;
}
/*	Excutive Team */

.MainExcutiveHolder {
    position: relative;
}

.EcxutivesHolder {
    position: absolute;
    top: 70px;
    left: 37px;
}

.EcxutiveName {
    font-size: 22px !important;
    font-weight: bold;
    color: #0f4998 !important;
    line-height: 14px;
}

.EcxutiveTitle {
    font-size: 22px !important;
    color: #0f4998 !important;
    line-height: 7px;
}


.Ecxutive .Name {
    font-size: 18px;
    font-weight: bold;
    color: #0f4998 !important;
    margin-bottom: 0 !important;
    text-align: left;
}


.Ecxutive p.Title {
    font-size: 14px;
    text-align: left;
    color: #0f4998 !important;
    text-align: left;
}


.InnerExcutive .Name {
    font-size: 18px !important;
}

.InnerExcutive .Title {
    font-size: 18px;
    color: #0f4998;
}

.InnerExcutiveRightColumns p {
    text-align: left !important;
    font-size: 12px;
}

.InnerExcutiveRightColumns .selected {
    color: #323133 !important;
}

    .InnerExcutiveRightColumns .selected a {
        color: #323133 !important;
    }

    .InnerExcutiveRightColumns .selected p a {
        color: #323133 !important;
    }

/*	InvestorsPage*/
.Links-Rounded {
    background-color: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin: auto;
    padding-TOP: 7px;
    padding-bottom: 11px;
    padding-left: 20px;
    color: #0f4998;
    margin-bottom: 11px;
}


    .Links-Rounded img {
        margin-right: 20px;
    }

/* -------------------------------------- */
ol.InvestorsList {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 13px !important;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 8px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: 20px;
    margin-left: 0px !important;
    display: none;
}
/* -------------------------------------- */
.InvestorsList span {
    position: relative;
    display: block;
    padding: .4em .4em .4em 4em;
    *padding: .4em;
    margin: .5em 0;
    color: #000000 !important;
    text-decoration: none;
    border-radius: .3em;
}

    .InvestorsList span:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: 14px;
        top: 22px;
        margin-top: -1.3em;
        background: #ffffff;
        height: 2em;
        width: 2em;
        line-height: 20px;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        -moz-border-radius: 2em;
        -webkit-border-radius: 2em;
        border-radius: 2em;
        color: #0f4998;
    }

.InvestorsList hr {
    margin: 0;
    width: 94%;
    margin-left: 20px;
}

.announcement {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

    .announcement h4 {
        font-size: 20px;
    }

    .announcement a.button {
        background-image: webkit-linear-gradient(#5BA600 0%, #87C330 100%);
        background-image: linear-gradient(#5BA600 0%, #87C330 100%);
        background-color: #549F13;
        border: none;
        box-shadow: none;
        display: block;
        width: 100px;
        font-size: 11px;
        font-weight: lighter;
    }


div.saListTemplate div span.saListTitle {
    font-weight: bold;
}
#dnn_ContentPane .DNNModuleContent div.saListTemplate div.saListContent span a {
    font-weight: bold;
    color: #549F13 !important;
}
.InnerExcutiveRightColumns .selected a {
    color: #323133 !important;
}
/* -------------------------------------- */
/*Investors Section*/

.linklist {
    font-size: 12px !important;
}

    .linklist a {
        font-size: 13px !important;
    }

video {
    cursor: pointer !important;
}


.linklist {
    background-color: #549F13;
    border-radius: 0 0 20px 20px;
    color: #ffffff !important;
}

.linkitem a {
    color: #ffffff !important;
}


ul.linklist li.linkitem {
    border-top: 1px solid #ffffff !important;
}


#dnn_ContentPane ul li {
}


#dnn_MiddlePaneRight .NadecContainer_Rounded {
    margin-top: 30px;
}

.slidesjs-pagination li {
    list-style-type: none !important;
    margin-left: 3px !important;
}



#dvLeftNav ul.SubLevel li.current a {
    font-weight: bold !important;
}

#dvLeftNav ul.SubLevel li a {
    font-weight: normal !important;
}

div.ModDNNHTMLC ul li {
    list-style-type: disc !important;
    margin-left: 18px;
}



/* -------------------------------------- */

div.NadecContainer_Rounded {
    background-color: #145DAC !important;
    border-radius: 20px 20px 20px 20px;
}

.ContainerTitle span.Head {
    color: #ffffff !important;
}



/*Basic od Basics of Nutrition*/

.BasicsOfNutrition p span {
    font-size: 18px;
    color: #0e4898;
}

#dnn_ContentPane .DNNModuleContent .BasicsOfNutrition a {
    color: #4f9d0a !important;
    font-size: 14px;
    font-weight: bold;
}

.BasicsOfNutrition p {
    margin-bottom: 10px;
}

.BasicsOfNutrition ul li {
    line-height: 16px;
}

.BasicsOfNutrition ul {
    height: 48px !important;
}


/*Essential Nutrients*/
.EssentialNutrients h5 {
    font-size: 24px;
    width: 200px !important;
    color: #4f9d0a !important;
}

#dnn_ContentPane .DNNModuleContent .EssentialNutrients a {
    color: #4f9d0a !important;
    font-size: 14px;
    font-weight: bold;
}

.EssentialNutrients .row {
    margin-bottom: 35px !important;
}

    .EssentialNutrients .row img {
        margin-top: 9px;
        margin-left: 18px;
    }

.EssentialNutrients p.ENDiscription {
    text-align: left;
}

.EssentialNutrients h5 {
    text-align: left;
}

.EssentialNutrients p.ENDiscription1 {
    text-align: left;
    height: 94px;
}

.EssentialNutrients p.ENDiscription2 {
    text-align: left;
    height: 145px;
}

.EssentialNutrients p.ENDiscription3 {
    text-align: left;
    height: 150px;
}


/*Essentialnutrients Accordion*/

ul.accordion li div {
    background-color: #78ba3f !important;
    border-radius: 10px;
}

ul.accordion li.active {
    border-top: none !important;
}

ul.accordion li {
    border-top: none !important;
    margin-bottom: 7px;
}

div.ModDNNHTMLC ul.accordion li {
    list-style-type: none !important;
}

ul.accordion li div.title {
    border-left: none !important;
    border-right: none !important;
    padding: 10px !important;
    padding-left: 14px !important;
}

    ul.accordion li div.title h5 {
        color: #ffffff !important;
        font-size: 18px;
    }

ul.accordion li div.title {
    background-image: url("/Portals/0/Skins/Nadec/accordion-sign.png") !important;
    background-position: 647px -30px !important;
    background-repeat: no-repeat !important;
    transition: none !important;
}

ul.accordion li.active div.title {
    background-position: 647px 6px !important;
    transition: none !important;
}

ul.accordion li div.content {
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
}

    ul.accordion li div.content h6 {
        color: #0e4898 !important;
        font-size: 16px;
    }

ul.accordion li div.title:after {
    border-style: none !important;
}

ul.accordion li.active div.title:after {
    border-style: none !important;
}
#dnn_ContentPane ul .whitebullet{
	margin-left:0px;
}
 div.ModDNNHTMLC ul.accordion li div.content .whitebullet li {
    list-style:none !important;
	display:block;
	padding-left:34px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(1){
   /* list-style-image: url('/portals/0/health_w/1.png') !important;*/
	background-image: url('/portals/0/health_w/1.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(2){
/*    list-style-image: url('/portals/0/health_w/2.png') !important;*/
		background-image: url('/portals/0/health_w/2.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(3){
/*    list-style-image: url('/portals/0/health_w/3.png') !important;*/
		background-image: url('/portals/0/health_w/3.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(4){
/*    list-style-image: url('/portals/0/health_w/4.png') !important;*/
		background-image: url('/portals/0/health_w/4.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(5){
/*    list-style-image: url('/portals/0/health_w/5.png') !important;
*/  
	background-image: url('/portals/0/health_w/5.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
	  }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(6){
    /*list-style-image: url('/portals/0/health_w/6.png') !important;*/
		background-image: url('/portals/0/health_w/6.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(7){
    /*list-style-image: url('/portals/0/health_w/7.png') !important;*/
		background-image: url('/portals/0/health_w/7.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(8){
 /*   list-style-image: url('/portals/0/health_w/8.png') !important;*/
		background-image: url('/portals/0/health_w/8.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
    }
    div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(9){
/*    list-style-image: url('/portals/0/health_w/9.png') !important;*/
	background-image: url('/portals/0/health_w/9.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
	}
	div.ModDNNHTMLC ul.accordion li div.content .whitebullet li:nth-child(10){
    /*list-style-image: url('/portals/0/health_w/10.png') !important;*/
		background-image: url('/portals/0/health_w/10.png') !important;
	background-repeat:no-repeat;
	background-position:0px -5px;
	}

div.ModDNNHTMLC ul.accordion li {
    margin-left: 0px !important;
}

    div.ModDNNHTMLC ul.accordion li div.content ul li {
        list-style: disc !important;
    }
	
	

ul.accordion {
    border-bottom: none !important;
}

/*-------------------------------------------------------*/

/*TOP Navigation*/
.TopHNav a {
    color: #0e4898 !important;
    font-weight: bold;
    font-size: 0.85em !important;
}

.TopHNav {
    color: #0e4898 !important;
    font-family: 'Droid Arabic Kufi',sans-serif;
    padding: 6px 0px 6px 0px;
}

.TopHNav a:last-child {
  background-color: #549F13;
  background-image: linear-gradient(#5BA600 0%, #87C330 100%) !important;
  border-radius: 20px;
  color: #FFFFFF !important;
  padding: 4px 10px;
  font-weight: normal !important;
}

/*NADEC Tabs*/
.tabs dd.active, .tabs li.active {
    border-top: none !important;
    margin-top: 0px !important;
}

.HomePageTeaser .tabs {
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.tabs dd.active a, .tabs li.active a {
    background-color: #ffffff !important;
    border-radius: 20px 20px 0 0;
    border: none;
}



.HomePageTeaser {
    background-color: transparent !important;
    border: none !important;
}

    .HomePageTeaser .tabs-content {
        background-color: #ffffff !important;
        border-radius: 0 20px 20px 20px;
    }


/*Search*/

#dnn_dnnSearch_ClassicSearch {
    float: right;
    margin: 0 10px 0 10px !important;
    opacity: 0;
    width: 0px;
}

#dnn_dnnSearch_txtSearch {
    border-width: 0 0 1px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #ffffff;
    margin-left: 12px;
    padding-left: 0;
    box-shadow: none;
    height: 28px;
    margin: 0 !important;
    outline: none;
}

input#dnn_dnnSearch_txtSearch {
    color: #ffffff !important;
}

.TopHNav {
    float: right;
}

.SlidingNav {
}

#SlideNav {
    background-image: url(/Portals/0/Skins/Nadec/Magnifier.png);
    width: 26px;
    height: 26px;
    display: block;
    background-repeat: no-repeat;
    margin-left: -20px;
    margin-top: 5px;
    cursor: pointer;
}

#SearchContainer {
}

    #SearchContainer input {
    }



    /*Social Media links*/
#SM-icons {
    position: absolute;
    right: 145px;
    top: -2px;
}

/*---------------------*/
.saDetailsContent ul li, .saDetailsContent ol li{
	margin-left:18px !important;
}
#dvAnimation{
	padding-left:40px;
}