html, body {
    font-family: Segoe UI;
    font-family: sans-serif;
    font-family: 14px;
}

.moe-navbar {
    background-color: white;
    z-index: 10;
}

.breadcrumb {
    display: none;
}


.img-viewer button:hover, .img-viewer button{
	    min-width: 135px;
	        padding: 0;
}

             .photoGal .photoGal-sliderNav .photoGal--item, .photoGal .videoGal-sliderNav .photoGal--item {
    height:175px !important;}

.photoGal--item h4{
	line-height:24px
}

.gm-control-active:hover{
	min-width:auto !important
}

img[id*=AccessibilityIcon]{
	display:none
}

img[id*=AccessibilityIcon], img[id*=imgServiceIcon]{
	margin:auto !important
}

#EventsaccordionFirst .event-text .date, #Eventsaccordion .event-text .date{
	display:none;
}
.event-text p.trimmed {
    white-space: normal;
    height: 73px !important;
    font-size:14px
   /* white-space: normal !important;*/
}
.event-text p.trimmed {
    height: auto !important;
}

#Eventsaccordion .event-text div[class^=ExternalClass] {
    font-weight: 500;
}

.org-cont{
	width: 90%;
    margin: auto;
}

/*SP*/
.ms-webpartzone-cell {
    margin: 0 auto;
}

#homePage {
    position: relative;
    /*border-top: 6px solid #a40036;*/
    /*    max-height: calc(100vh - 268px);*/
    /* overflow: hidden; */
    height: auto !important;
}

.moehe-banner img {
    width: inherit;
    /* max-width: 70%; */
    height: 100%;
    /* max-height: calc(100vh - 268px); */
    object-fit: cover;
    object-position: center 70%;
    height: 100%;
}

.page-title {
    color: #a40136;
}

.moehe-banner .item {
    z-index: -1;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0px;
    clear: none;
	height: 100%;
}
/* .moehe-banner .item:focus {
	height: 99.5%;
    margin: 1px;
    outline-style: outset !important;
} */

.moe-highlights{
	cursor:pointer;
}
.carousel-inner .item {
    z-index: -1;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
}

.carousel-inner .item h3 {
    font-size: calc(1em + 1.5vw);
    /* text-align:left;*/
}

.carousel-inner .item p {
    font-size: calc(1em + .5vw);
    /*text-align:left;*/
}

html[dir="rtl"] .carousel-inner .item h3 {
    text-align: right;
}

html[dir="rtl"] .carousel-inner .item p {
    text-align: right;
}

.black-color {
    color: black;
}

a.black-color, a.black-color:hover, a.black-color:focus, a.black-color:visited, a.black-color:visited {
    color: black;
}

.white-color {
    color: white;
}

a.white-color, a.white-color:hover, a.white-color:focus, a.white-color:visited, a.white-color:visited {
    color: white;
}

.gray-color {
    color: #666666;
}

.carousel-indicators {
    bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    top: 50%;
    width: auto;
    left: 77%;
    margin-top: 35px;
}

html[dir="rtl"] .carousel-indicators {
    bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    top: 50%;
    width: auto;
    right: auto;
    left: 75%;
}

.carousel-caption {
    right: -59%;
    left: 0;
    top: 35%;
    padding-bottom: 30px;
    /* width: auto; */
}

body:not(.editMode) .innerMenu {
    position: absolute;
    bottom: -1px;
    /*left: 50%;
    transform: translateX(-50%);*/
    width: 100%;
}

.innerMenu ul {
    width: 66.67%;
    margin-bottom: 0;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.innerMenu ul .ui-icon {
    display: none !important;
}

.innerMenu .ui-accordion .ui-accordion-header {
    margin: 0;
    padding: 0;
}

html[dir="rtl"] .innerMenu ul {
    margin-bottom: 0px;
    padding-right: 0;
}

.innerMenu ul li, #homePage .accordion-menu h3, #homePage .ui-accordion .ui-accordion-header {
    display: inline-block;
    background-color: rgb(150, 151, 153);
    color: white;
    /*min-width:10vw;*/
    width: 24%;
    /* text-align: left; */
    outline: none;
}

.innerMenu ul li a, #homePage .accordion-menu h3 a {
    padding: 15px 0;
    display: inline-block;
    color: white;
    font-size: 1.2em;
    font-family: Segoe UI;
}

.innerMenu ul li span, #homePage .accordion-menu h3 span {
    display: inline-block;
    height: 30px;
    width: 28px;
    vertical-align: middle;
}

#homePage #SchoolsnoDataMessage h3 span, #homePage #ProjectsnoDataMessage h3 span, #homePage #EventssnoDataMessage h3 span,#homePage #noNewsData h3 span{
	display:initial;
}

#homePage #SchoolsnoDataMessage, #homePage #ProjectsnoDataMessage, #homePage #EventssnoDataMessage,#homePage #noNewsData{
	text-align:center;
}

#homePage #SchoolsnoDataMessage h3:hover, #homePage #ProjectsnoDataMessage h3:hover, #homePage #EventssnoDataMessage h3:hover, #homePage #noNewsData h3:hover{
	background-color:rgb(150, 151, 153)
}

.innerMenu ul li:hover, #homePage .accordion-menu h3:hover, #homePage .ui-accordion-header-active.ui-accordion-header {
    background-color: #f2f2f2;
}

.survey-icon{
	 text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#homePage .ui-accordion-header-active.ui-accordion-header {
    border-top: 12px solid #f2f2f2;
    border-left: 1px solid #daa10b;
    border-right: 1px solid #daa10b;
    z-index: 10;
    outline: none;
}

.innerMenu ul li:hover a, #homePage .accordion-menu h3:hover a, #homePage .ui-accordion-header-active.ui-accordion-header a {
    color: #161616;
}

.innerMenu ul li span.ppHome-news-icon, #homePage .accordion-menu h3 span.ppHome-news-icon {
    background:url('../img/news-icon.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
}

.innerMenu ul li span.ppHome-events-icon, #homePage .accordion-menu h3 span.ppHome-events-icon {
    background:url('../img/events-icon.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
}

.innerMenu ul li span.ppHome-activity-icon, #homePage .accordion-menu h3 span.ppHome-activity-icon {
    background:url('../img/activities-icon.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
}

.innerMenu ul li span.ppHome-project-icon, #homePage .accordion-menu h3 span.ppHome-project-icon {
    background:url('../img/projects-icon.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 19px;
}

.innerMenu ul li:hover span.ppHome-news-icon, #homePage .accordion-menu h3:hover span.ppHome-news-icon, #homePage .ui-accordion-header-active.ui-accordion-header span.ppHome-news-icon {
    background:  url('../img/news-icon-hover.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
    transition: background-color .3s ease;
}

.innerMenu ul li:hover span.ppHome-events-icon, #homePage .accordion-menu h3:hover span.ppHome-events-icon, #homePage .ui-accordion-header-active.ui-accordion-header span.ppHome-events-icon {
    background: url('../img/events-icon-hover.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
    transition: background-color .3s ease;
}

.innerMenu ul li:hover span.ppHome-activity-icon, #homePage .accordion-menu h3:hover span.ppHome-activity-icon, #homePage .ui-accordion-header-active.ui-accordion-header span.ppHome-activity-icon {
    background:  url('../img/activities-icon-hover.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 25px;
    transition: background-color .3s ease;
}

.innerMenu ul li:hover span.ppHome-project-icon, #homePage .accordion-menu h3:hover span.ppHome-project-icon, #homePage .ui-accordion-header-active.ui-accordion-header span.ppHome-project-icon {
    background:url('../img/projects-icon-hover.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 15px 0 12px;
    transition: background-color .3s ease;
}

.navbar-nav.main-menu .dropdown-menu li {
    border: none !important;
}

#homePage .ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: rgb(242, 242, 242);
    color: black;
    transition: background-color .3s ease;
}

.carousel-indicators .active {
    width: 18px;
    height: 18px;
    margin: 0;
    border: none;
    background-color: #a40036;
}

.carousel-indicators li {
    width: 18px;
    height: 18px;
    background-color: #cccccc;
    border: none;
}

#homePage .ui-widget-content {
    position: absolute;
    top: auto;
    bottom: 60px;
    width: 130%;
    left: auto;
    right: 50%;
    background-color: rgb(242, 242, 242);
    border-raduis: 0;
    transform: translateX(50%);
}

.moehe-banner .item {
    position: relative;
    width: 100%;
    height: calc(100vh - 216px);
}

.trimmed {
    /* essential */
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    line-height: 1.4;
}

.trimmed-title {
    /* essential */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

body:not(.editMode) .item-caption {
    position: absolute;
    top: 13%;
    left: auto;
    z-index: 20;
    width: 27%;
}

.item-caption h3 {
    font-size: calc(1em + 1.1vw);
    margin-bottom: 15px;
}

.item-caption p {
    font-size: calc(1em + .4vw);
    /* font-weight: 600; */
}

body:not(.editMode) .moehe-banner .slick-dots {
    position: absolute;
    bottom: auto;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    top: 80%;
    left: auto;
    z-index: 9;
    width: 25%;
    /* left: 9%; */
}

.moehe-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.moehe-banner .slick-dots li button:before {
    width: 18px;
    height: 18px;
    font-size: 20px;
    color: #cccccc;
    opacity: 1;
}

.moehe-banner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #a40036;
}

.moehe-banner.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.projects-sec {
    font-family: Tajawal;
}

.col-lg-6 .project-title {
    font-size: calc(1em + .42vw);
    font-weight: bold;
    color: black;
    margin: 0 0 18px;
    /* text-overflow: ellipsis;
     width: calc(100% - 15px); 
    white-space: nowrap;
    overflow: hidden;*/
}

.col-lg-12 .project-title {
    color: #ab935e;
    line-height: 1.4;
}

#homePage .ui-accordion .ui-accordion-content {
    padding: 20px 3px;
    z-index: 9;
    height: 50vh;
    border: none;
    border: 1px solid #daa10b;
    box-shadow: 0px 0px 4px 0px #00000017;
    overflow: hidden;
    padding-bottom: 0;
}

div#ProjectsaccordionOne, #ProjectsaccordionTwo {
    padding: 0;
    margin: 10px;
}

#ProjectsaccordionOne, #ProjectsaccordionTwo div {
    background-color: white;
    position: relative;
}

.col-lg-6.project-wrap {
    padding: calc(15px + .54vw) calc(20px + .8vw);
}

.col-lg-12.project-wrap:first-child {
    margin-bottom: 20px;
}

.col-lg-12.project-wrap {
    padding: calc(14px + 1.2vw) calc(10px + .8vw);
}

.next {
    height: 20px;
    width: 20px;
    position: absolute;
}

.col-lg-6.project-wrap .next {
    bottom: calc(15px + .54vw);
}

.col-lg-12.project-wrap .next {
    bottom: calc(7px + .54vw);
}

.description p, .project-des {
    font-size: calc(1em + .21vw);
    color: #3c3c3d;
    line-height: 1.7;
}

#homePage .ui-state-active, #homePage .ui-widget-content #homePage .ui-state-active, #homePage .ui-widget-header #homePage .ui-state-active, #homePage a.ui-button:active, #homePage .ui-button:active, #homePage .ui-button.ui-state-active:hover {
    border: none;
    background: #f2f2f2;
}

.news-slick, .events-slick {
    margin: 0 auto;
    width: 100%;
    /* height: 90%; */
}

.more {
    /* height: 15px; */
    width: 25px;
    display: inline-block;
}

a.new-more {
    margin-top: 0px;
    display: block;
    text-align: right;
    font-size: calc(1em + .3vw);
    color: #a0004e;
    font-weight: bold;
    font-family: Segoe UI;
    padding: 0 21px;
    position: absolute;
    bottom: 10px;
}

.news-wrap, .events-wrap {
    /* background-color: rgb(255, 255, 255); */
    /* padding: calc(15px + .78vw) calc(15px + .78vw) calc(30px + 1.5vw); */
    margin: 0 20px;
    font-family: Tajawal;
    position: relative;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    /* background-image: url('/_catalogs/masterpage/PublicPortal/common/img/event-img.png'); */
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .4s;
    cursor: pointer;
}

.news-sec .slick-slide img, .events-sec .slick-slide img {
    width: 100%;
    margin-bottom: 15px;
    max-height: 160px;
    /* min-height: 200px !important; */
    margin: 0 auto;
    max-width: 100% !important;
    transition: all .5s;
}

.news-wrap .next, .events-wrap .next {
    position: absolute;
    right: calc(15px + .7vw);
    bottom: calc(15px + .7vw);
}

.news-title, .events-title {
    font-size: calc(1em + .3vw);
    font-weight: bold;
    margin: 0 0 4px;
    color: #a40136;
}

.news-wrap .date, .events-wrap .date {
    margin: 0 0 10px;
    font-weight: 600;
    color: #353535;
    margin-top: 0;
    font-size: 1.2em;
}

.news-wrap p, .events-wrap p {
    font-size: 0.9em;
}

.news-wrap p {
    font-size: 1.2em;
    /* overflow: hidden; */
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    height: 0;
    text-align: justify;
    transition: all .3s;
    font-weight: 600;
}

.news-sec .slick-dots li button:before, .events-sec .slick-dots li button:before {
    font-size: 20px;
    color: #7d7c7c;
}

.news-sec .slick-dots li, .events-sec .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px !important;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    /* border-radius: 50%; */
}

.news-sec .slick-dots, .events-sec .slick-dots {
    position: absolute !important;
    bottom: -40px;
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    text-align: center;
}

.news-sec .slick-dots li.slick-active button:before, .events-sec .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #7e242b;
}

.news-sec .slick-dots li button:hover:before, .news-sec .slick-dots li button:focus:before, .events-sec .slick-dots li button:hover:before, .events-sec .slick-dots li button:focus:before ,
.news-sec .slick-dots li button:before, .events-sec .slick-dots li button:before {
    opacity: 1;
}

/*.col-lg-6 .project-image {
    max-width: 318px;
}
.col-lg-12 .project-image {
    max-width: 265px;
}*/
.project-image {
    width: 95%;
}

/*events*/
.events-container {
    max-height: 400px;
    overflow: hidden;
}

.events-container .slick-slide.slick-current {
    opacity: 1;
    transform: scale(1) !important;
    height: 100%;
    z-index: 10 !important;
}

.events-container .slick-slide {
    transform: scale(0.8);
    height: 180px;
    transition: all .3s;
}

.events-container .slick-slide .event-item {
}

.events-container .slick-slide.slick-current .event-item {
    position: relative;
}

.events-container .slick-slide .event-item .event-details {
    display: none;
}

.events-container .slick-slide.slick-current .event-item .event-details {
    display: block;
}

.events-container .event-item .event-details h4 {
    color: #ab935e;
    padding: 15px;
    margin: 0;
}

.events-container .event-item .event-details p {
    padding: 15px;
    padding-top: 0px;
}

.events-container .slick-current .event-item {
    background: #fff;
    box-shadow: 1px 0px 14px 1px #0000002b;
}

.events-container .event-item .event-img {
    height: 180px;
}

.events-container .event-item img {
    margin: auto;
    height: 100%;
    width: 100%;
}

.event-item .date {
    padding: 0px 15px 5px 15px;
    display: inline-block;
    color: #a1004e;
}

.events-container ul.slick-dots li {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.events-container ul.slick-dots li.slick-active, .events-container ul.slick-dots li:hover {
    background-color: #a1004e;
}

.events-container .slick-dots li button {
    opacity: 0;
}

.events-container .slick-slide:after {
    content: "";
    position: absolute;
    background: #ffffffb0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.events-container .slick-slide.slick-current:after {
    display: none;
}

.moehe-banner .slick-track, .moehe-banner .slick-list, .moehe-banner {
    height: 100%;
        width: 100%;
}

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


    .menu-title {
        /* font-size: calc(1em + .3vw); */
    }

    .navbar-nav.main-menu li {
        padding: 3px calc(2px + .14vw) 5px;
        margin: 0;
    }

    #homePage {
        /* margin-top: -110px; */
    }

    .innerMenu ul {
        width: 99%;
    }

    #homePage .ui-widget-content {
        /* position: absolute; */
        /* top: auto; */
        /* bottom: 101%; */
        width: 100%;
        /* left: auto; */
        /* right: 0; */
    }

    #homePage .ui-accordion .ui-accordion-content {
        /* min-height: 65vh; */
    }

    .news-wrap {
        /* padding: 15px; */
        /* padding-bottom: 25px; */
    }

    .news-wrap .next {
        bottom: 7px;
        right: 7px;
    }

    a.new-more {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1179px) {
	.logo-slogan{
		display:none !important;
	}
}
@media screen and (max-width: 1280px) {
    .innerMenu ul {
        width: 95%;
        margin: auto;
    }

    #homePage .innerMenu ul li.accordion-li, #homePage .accordion-menu h3, #homePage .ui-accordion .ui-accordion-header {
        width: 24%;
        /* text-align: center; */
    }

    #homePage {
        /* height: calc(100vh - 267px) !important; */
    }

    #homePage .ui-accordion .ui-accordion-content {
        /* max-height: 60vh; */
        /* min-height: 50vh; */
    }
}

.text-container {
    position: absolute;
    bottom: -10px;
    width: 100%;
    background-color: rgba(223, 223, 223, 0.9098039215686274);
    padding: 3px 10px;
    transition: all .3s;
    right: 0;
    left: 0;
}

.news-wrap:hover .text-container p ,.news-wrap:focus .text-container p {
    height: 4.2em;
}

/*.school-act p {
    display: none;
}

.school-act .text-container {
    bottom: 0;
}*/

.school-act:hover img.news-img {
    transform: scale(1.1);
}

/*#Eventsaccordion .news-wrap:first-of-type {
    width: 50%;
    height: 50%;
}
#Eventsaccordion .news-wrap:last-of-type {
	
	display: block;
    width: 50%;
    margin-right: auto;
}*/
#EventsaccordionFirst, #Eventsaccordion {
    position: relative;
    width: 50%;
    overflow: hidden;
}

#EventsaccordionFirst .news-img {
    width: 100%;
    max-height: 310px;
    min-height: 310px !important;
    max-width: 100% !important;
    display: none;
}

#EventsaccordionFirst .event-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(223, 223, 223, 0.7803921568627451);
    padding: 20px;
    transition: all .3s;
    height: 45%;
    /* text-align: right; */
}

#EventsaccordionFirst .event-text p {
    height: auto;
    display: block;
}

#EventsaccordionFirst .event-date {
    position: absolute;
    top: 0;
    height: 55%;
    background: rgba(164, 1, 54, 0.6784313725490196);
    width: 90px;
    color: #fff;
    padding-top: 65px;
}

#Eventsaccordion .news-wrap {
    background: #dfdfdf;
    /* max-height: 145px; */
    margin-bottom: 1%;
    text-align: start;
    height: 49%;
}

#Eventsaccordion .event-date {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background: rgba(164, 1, 54, 0.6784313725490196);
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

#Eventsaccordion .event-text {
    display: inline-block;
    padding: 10px;
    width: 70%;
    float: left;
    height: 100%
}

/*#Eventsaccordion .event-text p {
    height: auto !Important;
}*/

#Eventsaccordion .news-wrap:hover, #EventsaccordionFirst .news-wrap:hover ,#Eventsaccordion .news-wrap:focus, #EventsaccordionFirst .news-wrap:focus {
    border: 1px solid #949494;
}

.date i, .location i {
    right: auto;
    left: auto;
    font-weight: 600;
    margin-inline-end: 6px;
    color: #353535;
}

.event-date span {
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 1.1;
}

.event-date span:nth-child(2) {
    font-size: 2.7em;
}

img.news-img {
    vertical-align: top;
}

h6.location {
    margin-top: 0;
    font-size: 1.2em;
    font-weight: 600;
    color: #353535;
}

.ui-accordion-content .row.news-sec {
    height: 96%;
    position: relative;
}

div#pagerContainer {
    height: 100%;
}

.news-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    height: 100%;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.news-slick .slick-list.draggable, .news-slick .slick-list.draggable .slick-track {
    height: 100%;
}

.projects-slick .news-wrap {
    /* background: #fff; */
    /* padding: 20px; */
    /* height: 120%; */
}

.projects-slick .slick-track {
    /* height: auto !important; */
}

h6.menu-more a {
    color: #772028 !important;
}

/*.school-act:hover {
    background-position: center;
}*/

*/

a.new-more:hover {
    color: #545454;
    /* text-decoration: underline; */
}

@media screen and (max-width: 1024px) {
    .innerMenu ul {
        width: 99%;
    }
}
@media screen and (min-width: 768px) and (max-width:1200px) and (orientation: landscape) {
	.ui-accordion-content .news-slick .slick-list.draggable, .ui-accordion-content .news-slick .slick-list.draggable .slick-track{
	height: 300px;
}

	.ui-accordion-content .news-wrap, .ui-accordion-content .events-wrap {
	height: 300px;
	}
	.ui-accordion-content .row.news-sec {
	height: 335px;
	}
}


.projects-slick p {
    /* height: auto; */
    /* display: block; */
    margin-bottom: 20px;
}

.projects-slick .next {
    top: 229px;
}

.projects-slick .date {
    display: none;
}

.projects-slick h4.news-title.trimmed {
    margin: 0;
}

@media screen and (min-width: 1281px) {
    .news-sec .slick-slide img, .events-sec .slick-slide img {
        max-height: 220px;
    }

    .projects-slick .next {
        /*top: 300px;*/
        top: 291px;
    }
      div#sub-news, div#sub-news-conf {
        width: auto !important;
    }

}

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

    nav ul.navbar-nav.main-menu>li>ul.dropdown-menu> li {
        width: 32% !important;
        display: inline-block !important;
    }

    body:not(.editMode) .moehe-banner .slick-dots {
        /* display: none !important; */
        top: 88%;
        right: 50% !important;
        transform: translateX(50%);
        left: auto !important;
        text-align: center;
    }

    nav ul.navbar-nav.main-menu>li>.dropdown-menu li ul li {
        width: 100% !important;
    }

    .navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
        /* position: absolute; */
    }

    .navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu>li {
        width: 49% !important;
    }

    .navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu {
        width: 100% !important;
        right: 0 !important;
        left: 0 !important;
    }

    body:not(.editMode) .moehe-banner .slick-dots {
        /* display: none !important; */
    }

    body:not(.editMode) .item-caption {
        width: 90%;
        top: 70%;
        bottom: auto;
        margin: auto;
    }

    #homePage, #DeltaPlaceHolderMain {
        /* height: auto !important; */
        min-height: auto;
    }

    .news-slick {
        height: 90%;
    }

    body:not(.editMode) .innerMenu {
        top: -50px !important;
        background-color: transparent !important;
    }
    

}

/*@media screen and (max-width: 860px) {
.event-text p.trimmed{
	height: 139px !important;
}
}*/
@media screen and (max-width: 767px) {
.photoGal-sliderFor.news-details button.fa.slick-right.fa-angle-right.slick-arrow {
    right: -13% !important;
    position: absolute;
}

.photoGal-sliderFor.news-details button.fa.slick-left.fa-angle-left.slick-arrow {
    position: absolute;
    left: -13%;
}

.innerMenu ul li:nth-child(n+7) {
        display: none;
    }
    #sub-news {
    min-height: 60vh;
}
    .sm-footer .call-us, .sm-footer .follow-us {
        display: block !important;
        width: 100% !important;
        padding: 10px;
        text-align: center;
    }
div#sectoraccordion, #SectorCenteraccordion, #SectorSchoolaccordion {
        min-height: 70vh;
    }
    ul.site-map li {
        width: 50% !important;
        display: inline;
    }
    .follow-us .title {
        display: block !important;
        text-align: center;
    }

    .address li .fa, .phones li .fa, .email li .fa {
        margin: 0px;
    }

    body:not(.editMode) .moehe-banner ul.slick-dots {
        display: block !important;
        right: auto;
        left: auto;
        top: 94%;
        width: 100%;
        text-align: center;
        position: relative;
    	background: #dee1e6;
    	padding-top: 7px;

    }

    #homePage, #DeltaPlaceHolderMain {
        height: auto !important;
        min-height: auto;
    }

    .innerMenu ul.slick-dots {
        bottom: 0px;
        display: inline-block;
        width: auto !important;
        max-width: 300px;
    }

    #ms-designer-ribbon {
        direction: ltr;
        display: none;
    }

    .innerMenu ul li a, #homePage .accordion-menu h3 a, body:not(.editMode) .moehe-banner .slick-dots {
        display: none !important;
    }

    .innerMenu ul li span, #homePage .accordion-menu h3 span {
        height: 25px;
        width: 20px;
        margin: 0!important;
    }

    .innerMenu ul li, #homePage .accordion-menu h3, #homePage .ui-accordion .ui-accordion-header {
        text-align: center;
    }

    .he-footer .no-padding:2th-child {
    }

    header:after {
        display: none;
    }

    #homePage .innerMenu ul li.accordion-li, #homePage .accordion-menu h3, #homePage .ui-accordion .ui-accordion-header {
        text-align: center;
        padding: 3px 0px;
    }

    .moe-navbar {
        padding: 10px 0px!important;
    }

    img.logo {
        right: auto;
        left: auto;
    }

    body:not(.editMode) .item-caption {
        width: 90%;
        top: 70%;
        bottom: auto;
        margin: auto;
    }

    .item-caption h3 {
        font-size: 1em;
        margin-top: 0;
        margin-bottom: 3px;
    }

    .item-caption p {
        font-size: 0.8em;
    }

    #homePage .ui-accordion .ui-accordion-content {
        bottom: 35px;
    }

    #EventsaccordionFirst, #Eventsaccordion {
        width: 100%;
    }

    #Eventsaccordion {
        display: none;
    }

    #EventsaccordionFirst .event-date {
        padding-top: 25px;
    }

    .ui-accordion-content a.new-more {
        padding: 0 5px;
        bottom: 7px;
    }

    footer .sm-footer {
        display: block;
    }

    /* footer .lg-footer {
        display: none;
    } */

    footer .sm-footer .address .fa {
        width: auto;
    }

    .follow-us ul {
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }

    footer.he-footer .address .fa, footer.he-footer .phones .fa, footer.he-footer .email .fa {
        width: auto;
    }

    /* .address, .phones, .email {
        height: 57px;
    } */

    .news-slick {
        height: 100%;
    }

    .news-slick .slick-list.draggable {
        height: 86%;
    }
    #sub-news.news-slick .slick-list.draggable {
    height: 100%;
}
}


@media screen and (max-width: 991px) {
#homePage .ui-accordion .ui-accordion-content {
	height: 50vh;
}
.ui-accordion-content .row.news-sec {
	height: 88%;
}
.tab-title {
display:block !important;
	    margin-top: 0;
    padding: 0 23px;
    font-family: Segoe UI;
}

    h2.ms-webpart-titleText {
        margin-top: 0px !important;
        white-space: normal !important;
        text-overflow: unset !important;
    }
    h2.ms-webpart-titleText nobr {
            white-space: normal !important;
    }
    .private-sliders .col-md-6:last-of-type, .private-sliders .col-md-6:first-of-type {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .innerMenu ul li a, #homePage .accordion-menu h3 a {
        font-size: .9em;
    }

    .dropdown-menu {
        right: 0;
        left: 0px;
    }

    div#sub-news, div#sub-news-conf {
        width: auto !important;
    }

    body:not(.editMode) .innerMenu {
        background: #dfdfdf;
        top: 0px;
        position: relative;
    }

    header:after {
        display: none;
    }

    #homePage .ui-widget-content {
        bottom: 57px;
    }

    h6.location, .event-text .date {
        margin-bottom: 3px;
        font-size: 1em;
    }

    body:not(.editMode) .item-caption {
        /* width: 50%; */
    }

    .sm-footer .call-us, .sm-footer .follow-us {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    .flex-display {
        display: block;
        height: 100% !important;
    }

    .event-tab .flex-display {
        display: flex;
    }

    .navbar-nav.main-menu>li>.dropdown-menu {
        min-width: 0;
        width: 100% !important;
        position: relative;
        left: 0 !important;
        right: 0 !important;
        /* padding: 10px; */
        padding-top: 0px;
        border: none;
        box-shadow: none;
    }

    .navbar-nav.main-menu>li:nth-child(3)>ul.dropdown-menu,
    .navbar-nav.main-menu>li:nth-child(4)>ul.dropdown-menu {
        right: 0 !important;
        left: 0 !important;
        /* position: relative; */
    }

    .navbar-nav.main-menu>li>.dropdown-menu li {
        display: block;
        width: 100% !important;
    }

    .navbar-nav.main-menu>li>.dropdown-menu .row .pull-right, .navbar-nav.main-menu>li>.dropdown-menu .row .pull-left {
        float: none !important;
    }

    img.small-image {
        display: block !important;
    }

    img.big-image {
        display: none;
    }
}

/*#Eventsaccordion .event-text p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
    display: block;
}*/

#homePage .ui-accordion .ui-accordion-content.event-tab {
    padding-bottom: 20px;
}

.event-tab a.new-more {
    bottom: 0;
    position: relative;
}

.sm-footer {
    display: none;
}

.lg-footer {
    display: block;
}

ul.site-map li {
    width: 100%;
    background-color: transparent;
}

ul.site-map li a {
    color: #595959;
    font-weight: 600;
    font-family: Segoe UI;
}

.navbar-nav.main-menu>li>.dropdown-menu .row .pull-right, .navbar-nav.main-menu>li>.dropdown-menu .row .pull-left {
    min-height: 0 !important;
}

.projects-slick .text-container h4.news-title {
    text-align: center;
    color: #fff;
    opacity: 1;
    margin-bottom: 10px;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.projects-slick .text-container {
    top: 50%;
    background: none;
    transform: translateY(-50%);
    bottom: auto;
}

.projects-slick .text-container p {
    height: auto;
    color: #fff;
    text-align: center !important;
    display: none;
}

.projects-slick .text-container h4.project-type {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 10px;
    display: block;
}

.overlay-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(2, 2, 2, 0.47843137254901963);
    right: 0;
    left: 0;
    transition: all .4s;
    background-image: url(/_catalogs/masterpage/PublicPortal/common/img/red-pattern.PNG);
    background-position: -200%;
    background-repeat: no-repeat;
}

.projects-slick .news-wrap:hover .overlay-bg ,.projects-slick .news-wrap:focus .overlay-bg{
    background-image: url(/_catalogs/masterpage/PublicPortal/common/img/red-pattern.PNG);
    background-position: 100%;
}

.projects-slick .news-wrap:hover p,.projects-slick .news-wrap:focus p {
    height: auto;
    display: block;
}

.projects-slick .news-wrap:hover h4.project-type.trimmed ,.projects-slick .news-wrap:focus h4.project-type.trimmed {
    display: none;
}

.projects-slick .slick-slide {
    margin: 0 5px;
}

img.small-image {
    display: none;
}

div#sub-news, div#sub-news-conf {
    height: 30vh;
    margin-top: 50px;
  /*  width: 1170px;*/
    margin-bottom: 60px;
}

.news-sec div#sub-news .slick-dots li.slick-active button:before,div#sub-news a,div#sub-news a:hover,div#sub-news a:focus,div#sub-news a:visited {
    color: #59409b;
}

div#sectoraccordion {
    height: 30vh;
    padding: 0;
}

#SectorCenteraccordion, #SectorSchoolaccordion {
    height: 40vh;
}

.private-sliders {
    padding: calc(20px + .89vw) calc(40px + 4.7vw) calc(25px + .89vw) calc(50px + 2.95vw);
}

.page-links h2.ms-webpart-titleText {
    text-align: center !important;
    color: #333333 !important;
    font-size: 2em;
}

.sector-title {
    text-align: right;
    /* padding-right: 20px; */
    color: #333333 !important;
    font-size: 2em;
    margin-bottom: 20px;
}

.sector-title.text-center {
    text-align: center;
}

.private-sliders .col-md-6,.private-news .col-md-6 {
    padding: 0;
}

.private-sliders .col-md-6:first-of-type {
    padding-left: 20px;
}

.private-sliders .col-md-6:last-of-type {
    padding-right: 20px;
}

.private-sliders .news-wrap {
    padding: 0 !important;
    margin: 0;
}

/*hide displayed box on hover in search results - not working on IE*/
.ms-srch-hover-outerContainer {
    display: none !important;
}
/*style search result colors*/
.ms-srch-result .ms-srch-item-summary .ms-srch-item-highlightedText{
	color:#333;
	font-weight: bold;
}
.ms-srch-result .ms-srch-item-path{
	color:#333;
}
@media screen and (min-width: 500px) and (max-width: 700px) {
    #homePage .ui-accordion .ui-accordion-content {
        height: 82vh;
    }
}

.admin-settings {
    padding: 0 !important;
}

.search-btn:hover .glyphicon {
    color: #a40136!important;
}

.school_guide {
    padding: 10px 0 20px;
    font-size: 1.2em;
}

.ms-dlgTitle {
    /*    padding-bottom: 0 !important;*/
    border-bottom: 4px solid #a40036;
    margin-bottom: 10px;
}

.ms-dlgTitleText {
    line-height: 1.3;
    font-size: 1.2em;
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 375px) and (device-width: 812px) {
    #ms-designer-ribbon {
        display: none;
    }

    #homePage {
        height: auto !important;
    }

    img.logo {
        display: block !important;
        top: 0px !important;
        width: 70px;
        right: 80px !important;
    }

    img.logo-sm {
        display: none !important;
    }
}
/*survey hover effect*/
.survey-icon{
	width:40px;
}

@media screen and (min-width: 991px) {
	.survey-popout{
	   opacity: 0;
	   transition: opacity .7s ease-in-out;
	  -moz-transition: opacity .7s ease-in-out;
	  -webkit-transition: opacity .7s ease-in-out;
	  position: relative; 
	  top:-40px;
		/*	  display:none;*/
	}
	.survey-controls{
		display:none;
	}
	.survey-cntnr:hover .survey-popout,.survey-cntnr a:focus .survey-popout{
		 opacity: 1;
		/*		 display:block;*/
	}
	.survey-cntnr:hover .survey-controls,.survey-cntnr a:focus .survey-controls{
		 display:block;
	}

}
@media screen and (max-width: 991px) {
	.survey-popout{
		display:none;
	}
	.ms-dlgContent {
	top: 50%!important;
    left: 50% !important;
    min-height: 50vh;
    height: auto !important;
    right: auto;
    transform: translate(-50%, -50%);
    max-width: 96%;
    overflow: hidden;
}
.ms-dlgContent .ms-dlgBorder {
	       min-height: 50vh;
    	   height: auto !important;
    }
.ms-dlgContent .ms-dlgBorder .ms-dlgFrameContainer, .ms-dlgContent .ms-dlgBorder .ms-dlgFrameContainer iframe.ms-dlgFrame {
	    min-height: 50vh;
	    height: auto !important;

}


}
@media screen and (width: 740px) {

    #homePage .ui-accordion .ui-accordion-content {
       height: 75vh !important;
   } 
}
@media screen and (width: 846px) {
    #ms-designer-ribbon {
        display: none !important;
    }
    #homePage .ui-accordion .ui-accordion-content {
       height: 75vh !important;
   } 
   #homePage {
       height: auto !important;
   }
   a.new-more {
	bottom: 10px;	
	}
	.ui-accordion-content .row.news-sec.flex-display {
    height: 90% !important;
}
}
@media screen and (width: 736px) {

    #homePage .ui-accordion .ui-accordion-content {
       height: 75vh !important;
   } 
}
@media only screen and (min-width:730px) and (max-width:860px) { 
  #ms-designer-ribbon {
        display: none !important;
    }
  /*  #homePage .ui-accordion .ui-accordion-content {
       height: 75vh !important;
   } 
  /* #homePage {
       height: auto !important;
   }*/

 }
 
@media only screen and (min-device-width: 560px) and (max-device-width: 860px) and (orientation: landscape){
/*	img.small-image {
        display: none !important;
    }

    img.big-image {
        display: block !important;
    }
    body:not(.editMode) .item-caption{
	    top: 13%;
	    width: 27%;
    }*/
	
}
.photoGal-sliderNav.news-details .img-item img {
    height: 70px;
    width: 130px;
    background-image: none;
    display: inline-block;
    object-fit: contain;
}
.img-viewer {
	
	overflow: hidden;
}
.photoGal-sliderNav.news-details .img-item {
    text-align: center;
    background-image: none;
    background: #000000bf;
}
.photoGal-sliderNav.news-details {
    height: 120px;
    overflow: hidden;
    width: 700px;
    margin: auto;
    
}
.photoGal-sliderNav.news-details .slick-track {
	    border: 2px solid;
}
.photoGal-sliderFor.news-details button.fa.slick-right.fa-angle-right.slick-arrow {
    right: 0;
    position: absolute;
}

.photoGal-sliderFor.news-details button.fa.slick-left.fa-angle-left.slick-arrow {
    position: absolute;
}
.tab-title {
	display: none;
}

@media screen and (max-width: 480px) {
    .moehe-banner .item {
        position: relative;
        width: 100%;
        height: 340px !important;
    }
div#sub-news-conf {
    height: 50vh;}
    }
        *:focus {

    outline: none !important;
    outline-offset: -2px;
}
#NewsContainer
{
	
	height:100%;
}
.attach-title{
	font-size:1.2em;
	font-weight:bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus,.PSOLinkButton:focus,.PSOHyperLink:focus,.BackButton:focus {
    border: 2px solid #a5e1ee;
    }
    
    .moe-underline,a.moe-underline,.moe-underline:hover,.moe-underline:focus{
	text-decoration:underline;
}
   .moe-focus-underline:hover,.moe-focus-underline:focus{
	text-decoration:underline;
}

.card-padding{
	padding-top:0 !important;
}
h2#newsTitle,h2#eventsTitle,h2#projectsTitle,h2#activityTitle{
	margin: 0;
    padding: 0;
    font-size: 1.1em;
    font-weight: 500;
}
h2.align-inherit{
	text-align: inherit !important;
}
.no-padding-top,.breadCrumb-padd.no-padding-top,h1.breadCrumb-padd.no-padding-top{
	padding-top:0 !important;
	font-size:2em;
}
.side-nav.edu-conf .page-title.section-padding{
		font-size:2em;
}

.faq-title{
	font-size:2em;
}
.faq-sub-title{
	font-size:1.5em;
}
h1.school-title{
margin-bottom:10px;
font-size:1.5em;
}

.survey-icon:focus,.survey-controls a:focus {
    outline: 4px outset -webkit-focus-ring-color !important;
    text-decoration:underline !important;
}


.user-name a:hover,.lang-btn a:hover,.main-menu ul.dropdown-menu ul  a:hover,.main-menu  li a:hover,.survey-controls .addnewBtn:hover, 
.user-name a:focus,.lang-btn a:focus,.main-menu ul.dropdown-menu ul  a:focus,.main-menu  li a:focus,.survey-controls .addnewBtn:focus,
.user-name a:active,.lang-btn a:active,.main-menu ul.dropdown-menu ul  a:active,.main-menu  li a:active,.survey-controls .addnewBtn:active,
.moe-highlights-lnk:hover,.moe-highlights-lnk:focus,
.breadCrumb a:hover,.breadCrumb a:active,.breadCrumb a:focus,
#vision-layout .vision-details-container a,#vision-layout .vision-details-container a:hover,#vision-layout .vision-details-container a:active,#vision-layout .vision-details-container a:focus,
#services-card h5.print a,
.news-attachments-container a,a.list--more,.list--title a,.mediaGallery-title a,
.guide-ar,.guide-en,a.ListingSchoolTitle,a.ListingViewMore,
a.new-more{
	text-decoration:underline !important;
}


.ms-rtestate-field a,.ms-rtestate-field a:hover,.ms-rtestate-field a:focus,.ms-rtestate-field a:active{
	text-decoration:underline !important;
}

.lg-footer .moe-inline-b{
	display:inline-block !important;
}



/*Footer*/
footer.he-footer-1{
    background-color: #dee1e6;
    border-top: 1px solid #fff;
}
footer.he-footer-1 .address a,
footer.he-footer-1 .phones a,
footer.he-footer-1 .email a{
	color:#333333;
}
footer.he-footer-1 .email li:last-child:hover a, .address li:hover a,
footer.he-footer-1 a.moe-underline:focus,footer.he-footer .moe-focus-underline:focus,footer.he-footer-1 .moe-focus-underline:hover{
	color:#a40036;
}


.d-line-f{float: right;margin: 0 10px}
.phone-body{float:right;margin-left:30px}
.email-body{float:right}


.navbar-nav.main-menu>li:nth-child(1)>ul.dropdown-menu{right:0}
.navbar-nav.main-menu .dropdown-menu li {width:100%}

a[colorcode="gray-menu-color"]{
    font-size: 14px !important;
    color: #333;}
	
.navbar-nav.main-menu>li:nth-child(4) span{display:none}
/* .navbar-nav.main-menu>li:nth-child(5) span{display:none} */
.navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
    width: 300px !important;
    left: auto;
    right: 0 !important;
    min-width: 300px;
}
.navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu li {
    width: 100%;
}
.another-color{border-top: 1px solid white;
    margin-top: 60px;
    padding-top: 15px;height:79px}
.mada{float: left;
    margin-top: 10px;margin-right:10px}
.copy-right {margin-top: 20px;}

.text-left ul{float:left}

.logo-slogan{
    display: none !important;
    margin-right: 130px;
    width: 200px;
    margin-top: 20px;}

/* Hotfix */

.innerMenu ul {
    display: none !important;
    text-align: center;
}

li.ppHome-news,
li.ppHome-events,
li.ppHome-activity,
li.ppHome-project{
    display: none !important;
}

/* Responsive's issues */

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .mada{
            margin-top: 0px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .mada-logo img{
            margin-top: auto;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .links > li:first-child {
            font-size: inherit !important;
        }

        .copy-right{
            display: none;
        }
      
        .contct-me {
            width: auto !important;
        }
        .links li a {
            font-size: 0.9em;
        }

        #homePage{
            min-height: auto !important;
            height: auto !important;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .inline-section{
            display: inline-block;
        }
        .moe-inline-b{
            display: inline !important;
            float: right !important;
        }
        ul.email{
            display: inline !important; 
        }

    }

    ul.dfwp-list>li>div>div.link-item>a {
        text-decoration: underline !important;
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

        .text-left ul{
            margin-top: 20px;
            margin-bottom: 15px;
           
        }
        .buttons-link ul.footer-news{
            margin-left: 15%;
        }
        .links > li:first-child {
            margin: 10px;
        }
       
        footer.he-footer .buttons-link{
            width: 100% !important;
        }
        .links li a {
            font-size: 0.7em ;
        }
        .inline-section,
        .moe-inline-b{
            font-size: 0.9em !important;
        }

    }

     /* Custom, iPhone Retina */ 
     @media only screen and (max-width : 405px) {
        .mada-logo img{
            margin-top: 0px;
        }
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
  
    }

    .tab-content .page-des {
  outline: none !important;
    }

    div#MSOZoneCell_WebPartctl00_ctl58_g_580b2a25_f6ca_4fff_b3b4_b806fa9ece72 {
        display: block !important;
        padding: 0 7px;
    }
div.ms-webpart-cell-vertical-inline-table{
display:block !important;
}