﻿@font-face {
    font-family: myriad pro;
    src: url(/Style%20Library/Fonts/myraid/myriad.eot);
    src: url(/Style%20Library/Fonts/myraid/myriad.eot?#iefix) format("embedded-opentype"), url(/Style%20Library/Fonts/myraid/myriad.woff) format("woff"), url(/Style%20Library/Fonts/myraid/myriad.TTF) format("truetype"), url(/Style%20Library/Fonts/myraid/myriad.svg#GESSTwoLight-Light) format("svg");
}
/*search*/

/* Fix Body Scroll */
/*#s4-workspace {
    width: auto !important;
    height: auto !important;
    overflow: hidden !important;
}

body {
    overflow: auto !important;
}*/

a#AdvancedLink {
    display: inline-block;
    background: #E59433;
    height: 37px;
    border: 0;
    outline: 0;
    font-size: 18px;
    padding: 0.25vh;
    width: 145px;
    margin-right: 2px; /* font-family: myriad pro!important; */
    cursor: pointer;
    text-align: center;
    line-height: 37px;
    color: #fff;
}

.ms-srch-result #Paging a {
    border: 0px;
    width: 15px;
    height: 15px;
    padding: 5px;
    display: inline-block;
    line-height: 15px;
}

a#PageLinkPrev:before {
    content: 'Previous';
    font-size: 15px;
}

#PageLinkNext:before {
    content: "Next";
    font-size: 15px;
}

#PagingImageLink:before { /* content: 'السابق'; */
    font-size: 15px;
}

.ms-srch-pagingNext,
.ms-srch-pagingPrev {
    content: url('');
}

.ms-srch-result #Paging a:hover { /* background-color: transparent; */
    color: #000;
}

.ms-srch-result #PagingSelf a {
    color: #fff !important;
    background-color: rgb(229, 148, 51);
    border-radius: 50%;
}

#sideNavBox {
    margin-left: 5%;
}

td.ms-advsrchText-v1 {
    text-align: left;
}

td.ms-advsrchText-v1 {
}

.srch-advancedtable {
    border: none;
    width: 90%;
    margin: 30px auto;
    padding: 0px;
}

    .srch-advancedtable h3:before,
    .srch-advancedtable h3:after {
        border: none;
    }

    .srch-advancedtable h3 {
        color: rgb(229, 148, 51);
        background-color: rgb(241, 241, 241);
        padding: 10px;
    }

div.ms-advsearch-header {
    margin: 0px;
}

.ms-advsrchbutton input {
    background-color: rgb(234, 154, 59) !important;
    color: rgb(255, 255, 255) !important;
    font-family: myriad pro !important;
    border: 0px !important;
    outline: none;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    width: 120px;
}

.ms-searchCenter-result-main { /* margin-top:130px */
}

.handle_label_section span {
    color: #4C443A !important;
}

.ms-srch-sbLarge {
    background: #FEFEFE;
    max-width: 100% !important;
    width: 100%;
    min-width: 100% !important; /* padding: 7px 18px; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #adadae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    display: inline-block;
    float: left;
    height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#SearchOptions {
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-size: 18px;
}

    #SearchOptions .ms-srch-sbLarge-link {
        margin-left: 0px; /* background: #E59433; */
        height: 37px;
        border: 0;
        outline: 0;
        font-size: 18px;
        color: #000;
        padding: 0.25vh;
        width: 145px;
        margin-left: 2px;
        font-family: myriad pro !important;
        cursor: pointer;
        text-align: center;
        line-height: 37px;
        color: #fff;
    }

        #SearchOptions .ms-srch-sbLarge-link > a {
            color: #fff;
        }

.ms-searchCenter-result-main h2:before,
.ms-searchCenter-result-main h2:after,
.ms-searchCenter-result-main h3:before,
.ms-searchCenter-result-main h3:after {
    display: none;
}

.ms-searchCenter-result-main h3 a {
    color: rgb(229, 148, 51);
    font-size: 18px;
}

.ms-ref-refiner a {
    color: rgb(229, 148, 51);
}

.ms-srch-item-path {
    color: rgb(18, 45, 83);
}

.ajax__multi_slider_default .inner_rail_horizontal {
    color: rgb(229, 148, 51); /* [ReplaceColor(themeColor:"AccentLines")] */
    background-color: rgb(229, 148, 51); /* [ReplaceColor(themeColor:"AccentLines")] */
    border-top: 1px solid rgb(229, 148, 51); /* [ReplaceColor(themeColor:"AccentLines")] */
    border-bottom: 1px solid rgb(229, 148, 51);
}

.slider_tick_active { /* [ReplaceColor(themeColor: "AccentLines")] */
    background-color: #122d53; /* [ReplaceColor(themeColor:"AccentLines")] */
    border: 1px solid #122d53;
}

.histogram_bar_active:hover,
.histogram_bar_inactive:hover { /* [ReplaceColor(themeColor:"ButtonHoverBorder")] */
    background-color: #92c0e0; /* [ReplaceColor(themeColor:"ButtonHoverBorder")] */
    border-left: 1px solid #92c0e0; /* [ReplaceColor(themeColor:"ButtonHoverBorder")] */
    border-right: 1px solid #92c0e0; /* [ReplaceColor(themeColor:"AccentLines")] */
    border-top: 2px solid #122D53;
}

.histogram_bar_active {
    border-top: 2px solid rgb(229, 148, 51); /* [ReplaceColor(themeColor: "SubtleLines")] */
    background-color: #ECECEC; /* [ReplaceColor(themeColor:"SubtleLines")] */
    border-left: 1px solid #c6c6c6; /* [ReplaceColor(themeColor:"SubtleLines")] */
    border-right: 1px solid #c6c6c6; /* [ReplaceColor(themeColor:"AccentLines")] */
}
/*end search*/
/*search end*/
/*regulations*/

.regulationsRating {
    margin-top: 30px;
}

.ms-socialCommentItem .socialcomment-contents {
    width: 90%;
    font-size: 11px;
    line-height: 16px;
}

.RegulationsBody {
    float: left;
    width: 100%;
}

[id*="RegulationsComments_socomEditBtn"] {
    background: url('/Style Library/Images/NewsIcons.png')no-repeat -70px 0;
    width: 20px;
    height: 21px; /* margin:8px 0 4px 5px; */
    display: inline-block;
    color: transparent !important;
}

    [id*="RegulationsComments_socomEditBtn"]:hover {
        background: url('/Style Library/Images/NewsIcons.png')no-repeat -70px -24px;
    }

[id*="RegulationsComments_socomDelBtn"] {
    background: url('/Style Library/Images/NewsIcons.png')no-repeat -91px 0;
    width: 18px;
    height: 21px;
    display: inline-block;
    color: transparent !important;
}

    [id*="RegulationsComments_socomDelBtn"]:hover {
        background: url('/Style Library/Images/NewsIcons.png')no-repeat -91px -23px;
    }

.ms-socialCommentItem .socialcomment-top {
    font-size: 13px;
    min-width: 56px;
}

.ms-socialCommentEdit .ms-socialCommentInputBox,
.ms-socialCommentInputBoxBorder {
    background: #FEFEFE;
    max-width: 100% !important;
    width: 100%;
    min-width: 100% !important;
    padding: 7px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #adadae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    display: inline-block;
    float: left; /* height: 80px; */
}

    .ms-socialCommentEdit .ms-socialCommentInputBox:focus,
    .ms-socialCommentInputBoxBorder:focus {
        background-color: rgb(250, 255, 189);
    }

.ms-socialCommentLoading input {
    background-color: #937f59 !important;
    color: rgb(255, 255, 255) !important;
    font-family: myriad pro !important;
    border: 0px !important;
    outline: none;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    width: 120px;
}

    .ms-socialCommentLoading input:hover {
        background-color: rgb(255, 161, 50) !important;
        boredr: 0px;
    }

.ms-socialCommentContents a:link,
.ms-socialCommentContents a:visited {
    color: rgb(231, 155, 59);
}

.ms-socialCommentItem .socialcomment-username a:link {
    color: rgb(234, 154, 59); /* font-size: 15px; */
}

.ms-socialCommentItem .socialcomment-image img {
    border-radius: 50%;
    border-color: rgb(231, 155, 59);
}
/*regulations end*/
/*mini cal*/

#inlineDatepicker { /*width: 319px;
    margin-left: 15vw;
    margin-right: 1vw;*/
    display: inline-block;
    float: left;
}

    #inlineDatepicker .calendars { /*border-color: #00eba3;*/
        border: none;
    }

.calendarTab { /* width:100%; */ /* float:left

 */
}

.calendars {
    width: auto !important;
}

.calendars-cmd:hover {
    color: #fff !important;
    background-color: transparent !important;
}

.calendars-month {
    width: auto !important;
    border-color: #00eba3 !important;
    box-sizing: border-box;
}

    .calendars-month td,
    .calendars-month a {
        background-color: #415775 !important;
        color: #fff !important;
    }

        .calendars-month a:hover {
            color: #E58349 !important;
        }

        .calendars-month td .calendars-other-month {
            background-color: #122d53 !important;
            border-color: #122d53 !important;
        }

    .calendars-month td {
        border-color: #122d53 !important;
        border-width: 2px !important;
    }

.calendars-month-header,
.calendars-month-header select,
.calendars-month-header input {
    background-color: #00eba3 !important;
}

    .calendars-month-header * {
        color: #000 !important;
    }

.calendars-month table {
    border-collapse: separate !important;
    background-color: #122D53;
    padding: 15px 17px;
}

.calendars-nav,
.calendars-ctrl {
    background-color: #00eba3 !important;
    color: #000 !important;
    border-bottom: 1px solid #5C9FBF;
    position: relative;
}

.calendars-nav {
    height: 50px;
    box-sizing: border-box;
}

    .calendars-nav *, .calendars-ctrl * {
        color: #000 !important;
    }

.calendars-cmd-today {
    text-align: center !important;
    width: 100% !important;
    line-height: 50px;
    height: 50px !important;
    font-size: 15px;
}

.calendars-cmd-prev, .calendars-cmd-next {
    position: absolute;
    font-size: 0;
    height: 100% !important;
    right: 0;
    width: 50px !important;
    box-sizing: border-box;
    padding: 0 !important;
    text-align: center !important;
}

.calendars-cmd-prev {
    right: auto;
    left: 0;
}

    .calendars-cmd-prev:before, .calendars-cmd-next:before {
        content: '→';
        font-size: 23px;
        color: #000 !important;
        font-family: Lucida Console;
        line-height: 24px;
        text-align: center;
        border-radius: 50%;
        border: 2px solid #000; /* color: #000; */
        display: inline-block;
        width: 30px;
        height: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 50%;
        position: relative;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .calendars-cmd-prev:before {
        content: '←';
    }

    .calendars-cmd-prev:hover {
        border-color: #fff !important;
    }

        .calendars-cmd-prev:hover:before {
            color: #fff !important;
        }

.calendars-cmd-next:hover {
    border-color: #fff;
}

    .calendars-cmd-next:hover:before {
        color: #fff !important;
    }

.calendars-month td {
    padding: 10px !important;
    box-sizing: border-box;
}

    .calendars-month td .calendars-today {
        color: #5BC4C5 !important;
    }

    .calendars-month td.otherMonth span,
    .calendars-month td.otherMonth {
        background-color: #122D53 !important;
    }

.calendars-month th,
.calendars-month th a {
    background-color: #122D53 !important;
    color: #E59433 !important;
    border-color: #122D53 !important;
    padding: 5px !important;
}
/*end mini cal*/
/*events home*/
#tabs-3.calendarTab {
    float: left;
    width: 100%;
}

.ListEventsItem {
    width: 48%;
    float: left;
    border: 2px solid #C4C4C4;
    box-sizing: border-box;
    margin-right: 1%;
    margin-top: 20px; /* padding: 10px; */
    position: relative;
    border-bottom: 5px solid #122D53;
    height:167px;
}

.eventItemStartDate .eventListMonth {
    color: #fff;
    position: absolute;
    top: 50%; /* margin-top: -4px; */
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 27px;
    cursor: pointer;
}

.eventListData {
    padding: 10px;
    max-width: 60%;
    box-sizing: border-box;
}

    .eventListData:after {
        content: '>';
        font-size: 20px;
        color: #122d53;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        display: inline-block;
        line-height: 17px;
        text-align: center;
        background: #937f59;
        position: absolute;
        right: 3px;
        bottom: 1px;
        z-index: 99;
        cursor: pointer;
        font-family: monospace;
    }

    .eventListData:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 55px 0 0;
        border-color: transparent #122D53 transparent transparent;
        bottom: -3px;
        position: absolute;
        right: -2px;
        z-index: 1;
        cursor: pointer;
    }

.eventItemStartDate .eventListDay {
    color: #E59433;
    display: inline-block;
    width: 140px;
    height: 140px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 42px;
    padding-top: 18px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
}

.eventItemStartDate {
    position: relative;
    background-color: #122D53;
    padding: 10px;
    box-sizing: border-box;
    max-width: 40%;
    text-align: center;
    min-width: 177px;
}

    .eventItemStartDate:hover .eventListDay,
    .eventItemStartDate:hover .eventListMonth {
        color: #122D53;
        border-color: #122D53;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

    .eventItemStartDate:hover {
        background-color: #00eba3;
        -moz-transition: background-color 1s ease-out;
        -o-transition: background-color 1s ease-out;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

.eventItemCategory {
    color: #E59433;
    font-size: 15px;
    padding-top: 10px;
}

.eventsMap {
    width: 500px;
    margin: 0 auto;
}

ul.OrgTabs.eventsTabs {
    margin: 3% 15%;
    margin-bottom: 40px;
    float: left;
    width: 70%;
}

    ul.OrgTabs.eventsTabs li {
        width: 30%;
    }
/*sharepoint calendar*/

.ms-acal-rootdiv div .ms-acal-item { /* margin-left: -123px; */ /* font-size: 14px; */ /* border-color: #122D53; */ /* border: 0; */
}

[evtid="expand_collapse"] {
    color: #E59433;
}

/*.ms-acal-ctrlitem {
    margin-left: -103px;
}*/

a.ms-cal-nav {
}

.ms-acal-time { /* display: none; */
}

.ms-acal-item {
}

.ms-acal-today {
    color: #DE8D38 !important;
    border: 0px !important;
}

.EventsCategoriesColors { /* width: 80%; */
    margin: 0 auto;
    background-color: #E6E6E6;
    overflow: hidden;
    padding: 20px 10px;
    box-sizing: border-box;
}

    .EventsCategoriesColors > div {
        float: left;
    }

.CategoryColor {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    float: left;
    margin-top: 5px;
}

.CategoryName {
    margin-right: 15px;
    float: left;
    max-width: 95%;
}

tr.ms-acal-summary-itemrow > td {
    border-color: #122D53;
    background-color: #415775; /* border-width: 2px; */ /* min-height: 100px; */
}

table.ms-acal-month {
    border: 1px solid transparent;
    background-color: #122D53 !important;
}

#AsynchronousViewDefault_CalendarView { /* width: 80%; */ /* margin: 0 auto; */
}

    #AsynchronousViewDefault_CalendarView > table * {
        background-color: red !important;
    }

table.ms-acal-month tr th:first-of-type {
    display: none;
}

.ms-acal-rootdiv th {
    color: #E59433;
    border-color: #122D53;
    text-align: center;
    background-color: #122D53;
    padding: 15px 0px;
}

tr.ms-acal-summary-dayrow > td { /* background-color: #415775 !important; */ /* border-width: 2px; */ /* margin: 0px; */
    border-color: #122D53;
    position: relative;
    height: 20px;
}

    tr.ms-acal-summary-dayrow > td div {
        color: #fff;
        text-align: center; /* position: absolute; */ /* top: 0px; */ /* bottom: -95px; */ /* margin: auto; */ /* height: 20px; */ /* width: 25px; */ /* left: 0; */ /* right: 0; */
        font-size: 23px;
    }

        tr.ms-acal-summary-dayrow > td div nobr:hover {
            text-decoration: none;
            color: #DE9038;
        }

.ms-acal-week-top td.ms-acal-hover div,
.ms-acal-summary-dayrow td.ms-acal-hover div,
.ms-acal-summary-dayrow th.ms-acal-hover {
    text-decoration: none;
    color: #DE9038;
}

table.ms-acal-month { /* border-collapse: separate; */ /* height: 130px!important; */
}

.ms-acal-summary-itemrow td div { /* min-height: 100px; */
}
/*sharepoint calendar end*/

.eventsListFilters .formfilteritem {
    width: 14% !important;
}

.eventsHomeDataCont {
    width: 100%;
}

.latestEventsMain {
    padding-top: 19vh;
    padding-right: 15vw !important;
}

/*.mainEventsHomeCont {
    position: relative;
    height: 100vh;
}*/

/*.miniCalMain {
    width: 38%;
}*/
/*flipper*/

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000; /* border: 1px solid #ccc; */
    width: 47%;
    float: left;
}

    .flip-container:hover .flipper,
    .flip-container.hover .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

.flip-container,
.front,
.back {
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width: 95%;
    float: left;
    height: 23vh;
    margin-bottom: 4.5vh;
}

.front {
    z-index: 2;
}

.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute !important;
    top: 0;
    left: 0;
}

.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #f8f8f8;
}

.front .name {
    font-size: 2em;
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    color: #f8f8f8;
    font-family: Courier;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 60px;
    left: 25%;
    position: absolute;
    text-shadow: 0.1em 0.1em 0.05em #333;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
/*end flipper*/

.eventsHomeItem {
    width: 100%;
    margin-right: 3%;
    height: 24vh;
    margin-bottom: 9vh;
    display: none;
    position: relative;
}

.eventLink {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.eventsHomeItem.eventHover {
    height: 24vh;
    margin-bottom: 4vh;
}

    .eventsHomeItem.eventHover .eventTitle {
        display: none;
    }

    .eventsHomeItem.eventHover .eventDate {
        display: block;
        overflow: hidden;
    }

    .eventsHomeItem.eventHover .eventImage {
        display: none;
    }

.eventTitle {
    background-color: rgb(18, 45, 83);
    color: #fff;
    width: 70%;
    height: 5vh;
    line-height: 3vh;
    padding: 5px;
    box-sizing: border-box;
    font-size: 2.5vh;
    position: relative;
    margin-top: -5vh;
}

    .eventTitle:hover { /* text-decoration: none; */ /* color: #122D53!important; */ /* background-color: #122D53; */ /* display: none; */
    }

.eventsHomeItem:hover .eventTitle { /* background-color: transparent; */ /* color: transparent; */
}

.eventTitle:hover:before {
    border-color: transparent #72A9C6 transparent transparent;
}

.eventTitle:visited {
    color: #fff;
}

.eventTitle:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 26px 29px 0 0;
    border-color: transparent #122D53 transparent transparent;
    bottom: 5vh;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.eventDate {
    background-color: #122d53;
    color: #fff;
    width: 55%;
    height: 99.7%;
    text-align: center;
    position: relative;
    display: none;
}

.eventImage {
    width: 70%;
    float: left;
    height: 100%;
    position: relative;
}

    .eventImage img {
        width: 100%;
        position: absolute; /* top: 0; */ /* bottom: 0; */
        margin: auto;
        height: 100%;
    }

.eventDate .dateMonth {
    font-size: 4vh;
    top: 6%;
    text-transform: uppercase;
    height: 45px;
}

.eventDate span {
    border-radius: 50%; /* border: 2px solid #fff; */
    display: inline-block;
    height: 130px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 130px;
    margin: auto;
    line-height: 60px;
}

.eventDate .dateDay {
    font-size: 6vh;
    border: 2px solid #fff;
    font-weight: bold;
}

.eventCity {
    background-color: #00eba3;
    width: 30%;
    height: 50%;
    position: relative;
}

.eventHover .eventCity {
    width: 45%;
}

.locationIcon {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #263a55 transparent transparent transparent;
    border-width: 16px 8px 8px 8px;
    margin: 25px 0 0 28px;
    display: inline-block;
}

.eventHover .locationIcon:before {
    left: 19px;
    top: 21px;
}

.eventHover .locationIcon:after {
    left: 12%;
    top: 18px;
}

.eventHover .locationIcon {
    margin: 31px 0 0 15px;
}

.locationText {
    color: #263a55; /* width: 100%; */
    text-align: center;
    display: inline-block;
    font-size: 2.5vh;
    position: absolute;
    top: 70%;
    margin-top: -9%;
    margin-left: -3%;
}

.front .locationText {
    margin-left: -23px;
}

.eventHover .locationText {
    top: 48%;
    left: 40%;
}

.locationIcon:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #00eba3;
    left: 32px;
    top: 15px;
    z-index: 2;
}

.locationIcon:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #263a55;
    left: 34%;
    top: 12px;
}

.eventDateTime {
    width: 30%;
    height: 51%;
    background-color: #72a9c6;
    font-size: 2vh;
    position: relative;
}

.eventHover .eventDateTime {
    font-size: 2vh;
}

.eventHover .eventDateTime {
    width: 45%;
    height: 50%;
}

.eventDateTime .dateTime {
    color: #122D53;
    display: inline-block;
    width: 90%;
    text-align: right; /* height: 50%; */
}

.eventHover .eventDateTime .dateTime {
    text-align: center;
}

.dateTimeIcon {
    display: inline-block;
    width: 36px;
    height: 35px;
    background-image: url('/Style Library/Images/calTime.png');
    background-repeat: no-repeat;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -13.5px;
    left: 6px;
    background-size: 60%;
}

.eventHover .dateTimeIcon {
    background-size: 70%;
}

.dateDayMonth {
    color: #263A55;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-top: 24px;
    width: 90%;
}

.eventHover .dateDayMonth {
    text-align: center;
}
/*events home end*/

.clr {
    clear: both;
    height: 0;
    font-size: 0px;
}

.showMore:after { /* content: 'المزيد'; */
    position: absolute;
    right: 0px;
    left: 0px;
    margin: auto;
}

.playButton {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 52px;
    height: 52px;
    background-size: 100px;
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
    z-index: 1;
    display: none;
}

    .playButton:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #122D53;
        position: absolute;
        right: 21px;
        top: 14px;
    }

.none {
    display: none;
}
/*masterPage start*/
.mainhead {
    padding-top: 0vh;
}
/*why KSA*/
a.whyMore:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
/*why KSA end*/
.mainNav {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    height: 5vh;
    margin-top: 0px;
    width: 90%;
    margin: 0 auto;
}

    .mainNav > li:hover {
        background-color: rgb(229, 148, 51);
    }

        .mainNav > li:hover > a { /* color: rgb(32, 80, 129); */
            text-decoration: none;
        }

.menuSecondLevel li {
    width: 150px;
    background-color: rgb(32, 80, 129);
    height: 3vh;
    line-height: 3vh;
    padding: 1vh 10px;
    border-top: 1px dotted #fff;
}

    .menuSecondLevel li:hover {
        background-color: rgb(215, 215, 215);
    }

.menuSecondLevel {
    position: absolute;
    top: 5vh;
    list-style: none;
    left: 0px;
    box-sizing: border-box;
    padding: 0px;
    z-index: 9;
}

    .menuSecondLevel li:hover > a {
        text-decoration: none;
        color: rgb(32, 80, 129);
    }

.langSwicth {
    color: #fff;
    background: #122d53;
    width: 5vh;
    height: 5vh;
    text-align: center;
    line-height: 5vh;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin: 0 2vh;
    font-size: 3.5vh;
    font-family: arial;
}

    .langSwicth:hover {
        text-decoration: none;
    }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.alert-msg {
    border: 1px solid;
    padding: 10px 20px;
    display: block;
    font-weight: bold;
}

    .alert-msg.info {
        border-color: #205081;
        color: #205081;
    }

.full-width {
    width: 100% !important;
}

.mr-f10 {
    margin-right: 10px;
}

.mr-st10 {
    margin-left: 10px;
}

.zero-mrg {
    margin: 0 !important;
}

.no-float {
    float: none !important;
}

.headerNav {
    background-color: #205081;
}

.headerTop { /* padding-top: 0.5vh; */
    height: 14vh;
}

.headerTopright {
    padding-top: 4vh;
}

.w3Logo {
    width: 90px;
    height: 5vh;
    background: url('/Style Library/Images/w3logo.png');
    margin-top: 0.6vh;
    background-repeat: no-repeat;
    margin-left: 30px;
}

.header .changeFont {
    color: #000;
    margin: 0 2vh;
}

.header .fontSize1,
.header .fontSize2,
.header .fontSize3 {
    border-color: #000;
}

.imageVideoSwitch .tab.videoTab:hover { /*background-position: 15px 0px;*/
}

.imageVideoSwitch .tab.photoTab:hover { /*background-position: 70px -35px;*/
}

.imageVideoSwitch .tab:hover {
    background-color: rgb(14, 35, 64);
    color: #fff;
}

.userImg {
    width: 60px;
    height: 60px;
    margin: 0 38px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -19px;
    border: 1px solid;
}

    .userImg img {
        width: 100%;
        height: 100%;
    }

/*.footer {
    width: 100%;
}*/

input.subscribe-mail {
    width: 370px;
    height: 40px;
    border: 0;
    outline: 0;
    background: #B6C0CE;
    font-size: 15px;
    padding: 0 20px;
    color: #383838;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #CECECE;
}

:-moz-placeholder {
    color: #CECECE;
}

::-moz-placeholder {
    color: #CECECE;
}

input:-ms-input-placeholder {
    color: #CECECE !important;
}

input.subscribe-mail::-webkit-input-placeholder {
    color: #8F99A7;
}

textarea:-ms-input-placeholder {
    color: #CECECE !important;
}

.subscribe {
    text-align: center;
    margin-top: 2.5vh;
}

[id*="div_SubscribeToEvent"] .subscribe-btn {
    height: 35px;
}

.note {
    width: 100%;
    text-align: center;
    color: #616E81;
    padding-top: 15px;
    font-size: 2.3vh;
    padding-top: 3vh;
}

.footerSubscribe {
    background: #004d32;
    height: 39vh;
}

input.subscribe-btn {
    background: #00eba3;
    height: 40px;
    border: 0;
    outline: 0;
    font-size: 15px;
    color: #000;
    padding: 2px;
    width: 145px;
    margin-right: 2px;
    font-family: GEFlow !important;
    cursor: pointer;
}

/*.newsLetterHomeValidation {
    width: 100%;
    float: right;
    font-size: 18px;
    margin: 10PX 0PX;
}*/

.newsLetterSentCont table tr {
    width: 20%;
    height: 30px;
}

.newsLetterSentCont table th {
    width: 20%;
    text-align: center;
    color: #f9a137;
    height: 30px;
    background-color: #122d53;
}

.newsLetterSentCont table td {
    border-bottom: 1px solid #ddd;
    position: relative;
    font-size: 15px;
    color: #122d53;
}

.newsletterTitleText {
    cursor: pointer;
}

.ms-acal-display {
    line-height: 27px;
}

.newsletterBody {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    height: 400px;
    width: 700px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #8d939a;
}

.newletterBodyCont {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.newsLetterSentCont {
    width: 90%;
    margin: 40px auto;
}

    .newsLetterSentCont table {
        width: 100%;
        text-align: center;
    }

.viewItem { /*width: 20px;*/
    margin: 0 auto;
    cursor: pointer;
}

    /*.viewItem:after {
        width: 4px;
        height: 4px;
        border: 2px solid #fff;
        margin-top: -5px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        content: '';
        position: absolute;
        top: 50%;
        margin-right: -6px;
    }*/

    .viewItem:before {
        content: '\e920';
        color: #205081;
        font-family: icomoon;
        font-size: 25px;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; /*width: 14px;
        height: 14px;
        margin-top: -8px;
        background: #122D53;
        -webkit-border-top-left-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -moz-border-radius: 12px 0;
        border-radius: 12px 0 12px 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 50%;*/
    }

    .viewItem:hover:before {
        color: #E59433; /*background-color: #E59433;*/
    }

.newletterBodyCont {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.newsLetterSentCont {
    width: 90%;
    margin: 40px auto;
}

.newsletterBodyTitle {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #f9a137;
    background-color: #122d53;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: red;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #004d32;
    position: relative;
}

.jspDrag {
    background: #E59433;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.closeButton {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 140px;
    right: 76%;
    font-size: 20px;
    font-family: sans-serif;
    color: #fff;
    border: 2px solid;
    text-align: center;
    border-radius: 50%;
    line-height: 26px;
    z-index: 99;
}

    .closeButton:hover {
        background-color: #205081;
        text-decoration: none;
        color: #fff;
    }

    .closeButton:visited {
        color: #fff;
    }

.newsletterBodyInner h3:before,
.newsletterBodyInner h3:after {
    display: none;
}

input.subscribe-btn:hover {
    background: #50A0C6;
    color: #fff;
}

.addthis_button_compact {
    display: inline-block;
    width: 16px;
    height: 16px;
}

#at15s.atm {
    display: none !important;
}

.contactUs:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 260px 48px 0;
    border-color: #00eba3 transparent transparent;
    content: '';
    position: absolute;
    right: -48px;
}

.footer .icon:before {
    content: '';
    width: 3vh;
    height: 3.5vh;
    display: inline-block;
    padding-right: 36px;
}

.footer .icon.mail:before {
    background: url('/Style Library/Images/mail.png') no-repeat center center;
}

.footer .icon.fax:before {
    background: url('/Style Library/Images/fax.png')no-repeat center center;
}

.fax {
    height: 40px;
}

.footer .icon.phone:before {
    background: url('/Style Library/Images/phone.png') no-repeat center center;
}

.slIcon.FB {
    background: url('/Style Library/Images/facebook.png')no-repeat center center;
}

.slIcon.linkdedIn {
    background: url('/Style Library/Images/linkdedIn.png')no-repeat center center;
}

.slIcon.network {
    background: url('/Style Library/Images/net.png')no-repeat center center;
}

.slIcon.youtube {
    background: url('/Style Library/Images/youtube.png')no-repeat center center;
}

.contactDetails {
    width: 340px;
    margin-left: 30%;
}

h3:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 5px;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #937f59; /*float: right;*/ /*position: relative;*/ /*top: 1vh;*/
}

h3.newsHead:after {
    border-width: 0 0 26px 26px;
    top: 1vh;
}

h3.newsHead:before {
    border-width: 26px 26px 0 0;
    top: 1vh;
}

.footerNav li {
    width: 16%;
    float: left;
    list-style: none;
    text-align: center;
    border-right: 1px solid #e4e4e4;
}

    .footerNav li:last-child {
        border: 0;
    }

    .footerNav li a {
        color: #e4e4e4;
        font-size: 1.8vh;
    }
/* masterPage End*/
/*homePage start*/

.newsItem {
    width: 100%;
    margin: 0 auto;
}

addthis_native_toolbox {
    overflow: hidden;
}

.newsTitle {
    color: #fff;
    font-size: 2vh;
}

.newsHomeText:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50vh 80px 0 0;
    border-color: transparent #004d32 transparent transparent;
    position: absolute;
    bottom: 0px;
    left: -80px;
}

.newsInner.flexslider ol.flex-control-nav.flex-control-paging:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5vh 10px 0 0;
    border-color: transparent #263A55 transparent transparent;
    position: absolute;
    top: 1px;
    left: -10px;
}

.newsInner.flexslider .flex-control-paging li a {
    background: #fff;
}

.newsInner .flex-control-paging li a.flex-active {
    background: rgb(234, 154, 59);
}

.newsInner .flex-direction-nav {
    display: none;
}
/*home photo video*/

.imageVideoSwitch { /*margin-right: 15vw;*/
}

.videoHomeThumb {
    max-width: 100%;
    min-width: 100%;
    height: 100%;
}

.VideoGalleryItem .videoHomeThumb img {
    height: 100%;
    width: 100%;
}

.dfwp-item {
    width: 32%;
    float: left;
    position: relative;
    margin-right: 1%;
}

    .dfwp-item .item {
        height: 100%;
        float: left;
        width: 100%;
    }

        .dfwp-item .item:hover > .link-item {
            display: block;
        }

    .dfwp-item .link-item {
        width: 100%;
        position: absolute;
        height: 12vh;
        background: #00eba3;
        line-height: 12vh;
        text-align: center;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none;
    }

.dfwp-column {
    width: 90vw !important;
    margin: 0 auto;
    float: none;
    height: 260px;
}

.dfwp-item .image-area-right {
    width: 100%;
    height: 250px;
}

    .dfwp-item .image-area-right img {
        max-width: 100%;
        max-height: 100%;
    }

.link-item a {
    color: #000;
    font-size: 1.5vw;
}
/*homePage End*/
.VideoGalleryItem.folder.emptyFolder {
    background-color: rgb(215, 215, 215);
    cursor: not-allowed;
}

    .VideoGalleryItem.folder.emptyFolder:before {
        content: 'This folder is empty';
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: 260px;
        background-color: rgba(215, 215, 215, 0.8);
        height: 170px;
        text-align: center;
        line-height: 170px;
        font-size: 20px;
        color: rgb(18, 45, 83);
    }

.photoHomeContainer .videoThumb {
}

.VideoGalleryItem .itemTitle {
    position: absolute;
    bottom: 0px;
    height: 50px;
    left: 0px;
    background-color: #173b6c;
    width: 100%;
    color: #fff;
    padding: 0px 10px;
    box-sizing: border-box;
    : both;
    height: 0;
}

.aeight: 50px; z-index: 1;
/* overflow: hidden; */
}

.emptyFolder .itemTitle {
    background-color: #364C69;
}

.VideoGalleryItem .itemTitle:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 40px 55px 0 0;
    border-color: transparent #173B6C transparent transparent;
    bottom: 47px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.VideoGalleryItem.emptyFolder .itemTitle:before {
    border-color: transparent transparent transparent #364C69;
}

.VideoGalleryItem .itemTitle:after {
    content: '\00ab';
    width: 0px;
    height: 0px;
    bottom: 84px;
    position: absolute;
    right: 8px;
    font-size: 29px;
    font-family: monospace;
    direction: rtl;
    z-index: 1;
}

.relatedPrev {
    left: -31px;
}

    .relatedPrev.dimPager,
    .relatedNext.dimPager {
        display: none;
    }

.relatedNext {
    right: -11px;
}

.playSlideShow.stopSlideShow:before {
    content: '';
    border: none;
    color: #122D53;
    width: 12px;
    font-size: 18px;
    font-weight: bold;
    right: 7px;
    top: 6px;
    height: 12px;
    background-color: rgb(18, 45, 83);
}

.playSlideShow:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #122D53;
    position: absolute;
    right: 7px;
    top: 4px;
}

.videoPopupTitle {
    position: absolute;
    bottom: -81px;
    left: 0px;
    color: #fff;
    background-color: #173b6c;
    height: 80px;
    width: 50%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.videoPageTitle {
    color: #003E74;
    font-size: 22px;
    padding: 10px 2%;
    background: #d7d7d7; /* border-radius: 5px; */ /* margin-bottom: 20px; */
    float: left;
    width: 78%;
    position: relative; /* margin-top: 20px; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    display: none;
}

    .videoPageTitle.firstPageVideo {
        width: 100%;
    }

.videoGalleryWrap {
    width: 90%;
    margin: 0 auto;
}

.emptyFolderMsg {
    width: 300px;
    height: 100px;
    color: rgb(215, 215, 215);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: rgb(32, 80, 129);
    line-height: 100px;
    text-align: center;
    font-size: 20px;
}

.videoNav {
    width: 100%;
    float: left;
    margin: 40px 0px;
}

.videoBack {
    width: 20%;
    float: left;
    padding: 10px 2%;
    box-sizing: border-box;
    background-color: #937f59;
    border-left: 4px solid #fff;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

    .videoBack.dimmedVideoBack {
        background-color: #FEE5C6;
        color: #fff;
        cursor: not-allowed;
    }

.videoPageTitle:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 8px 0 8px;
    border-color: #D7D7D7 transparent transparent transparent;
    position: absolute;
    bottom: -14px;
}

div#player {
    position: relative;
    z-index: 2; /* left: 0; */ /* margin: auto; */
}
/*calendar*/

.ms-picker-table,
.ms-picker-dayheader {
    border-top: #df5e61 0 solid;
    font-weight: 400;
    font-size: 8pt;
    color: #727272;
    border-bottom: silver 1px solid;
    font-family: tahoma;
    text-align: center;
    padding: 2px 0 3px;
}

.ms-picker-nextmonth {
    border: 0;
    background-image: url(images/en/pickback.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
}

.txtbox {
    font-family: Tahoma;
    font-size: 11px;
    height: 17px;
}

.ms-picker-daycenter {
    height: 10px;
}

.ms-picker-dayother a {
    text-decoration: none;
    background-color: #F0F0F0;
    color: #CACACA !important;
}

.ms-picker-header span {
    color: #000 !important;
    font-weight: 600;
    font-size: 10px !important;
    padding: 4px 0 3px;
    float: left;
    margin: 0 1px;
}

.ms-picker-today {
    height: 10px;
}

.ms-picker-daycenter {
    height: 10px;
    font-size: 13px;
}

TD.ms-picker-today {
    font-size: 8pt; /* border: #122D53 1px solid !important; */
    font-family: tahoma;
    text-align: center;
    background: #122D53;
}

TD.ms-picker-dayother {
    background-color: #F0F0F0;
    color: red;
    font-size: 8pt;
    font-family: tahoma;
    text-align: center;
}

TD.ms-picker-daycenter {
    font-size: 8pt;
    font-family: tahoma;
    text-align: center;
}

.ms-picker-daycenter A {
    text-decoration: none;
    color: rgb(234, 154, 59);
}

.ms-picker-today A {
    text-decoration: none;
    font-weight: 700;
    color: rgb(234, 154, 59) !important;
}

.ms-picker-dayselected A {
    text-decoration: none;
}

.ms-picker-dayother a {
    text-decoration: none;
    background-color: #F0F0F0;
    color: #CACACA !important;
}

    .ms-picker-dayother a:hover {
        text-decoration: underline;
        background-color: #F0F0F0;
        color: #CACACA;
    }

    .ms-picker-dayother a:visited {
        color: #CACACA;
    }

.ms-picker-daycenterOn A {
    color: #000;
    text-decoration: underline;
}

.mspicker-daycenterOn A:hover {
    color: #000;
    text-decoration: underline;
}

.ms-picker-table .ms-picker-daycenterOn {
    background-color: #fff;
}

TD.ms-picker-dayselected {
    font-size: 8pt;
    font-family: tahoma;
    background-color: #ffdf88;
    text-align: center;
    border: #E6B800 1px solid;
}

.ms-picker-dayselected a {
    background-color: #ffdf88;
}

table.ms-quicklaunch {
    color: #7f7f7f !important;
    background-color: #ebf3ff;
    text-align: center;
    border: #ebf3ff 1px solid !important;
    padding: 0;
    margin: 0;
}

.ms-picker-monthcenter A {
    font-size: 8pt;
    color: #039;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthcenter A:active {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:link {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:visited {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:hover {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-monthcenterOn {
    border-left: #d2b47a 1px solid;
    border-top: #d2b47a 1px solid;
    background-image: url(/_layouts/images/selectednav.gif);
    padding-bottom: 3px;
    border-right: #d2b47a 1px solid;
    cursor: pointer;
    border-bottom: #d2b47a 1px solid;
    background-repeat: repeat-x;
    background-color: #ffda8a;
    text-align: center;
}

.ms-picker-monthcenterOn A {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthcenterOn A:active {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:link {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:hover {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:visited {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-monthselected {
    border-left: #d2b47a 1px solid;
    border-top: #d2b47a 1px solid;
    background-image: url(/_layouts/images/selectednav.gif);
    padding-bottom: 3px;
    border-right: #d2b47a 1px solid;
    border-bottom: #d2b47a 1px solid;
    background-repeat: repeat-x;
    background-color: #ffda8a;
    text-align: center;
}

.ms-picker-monthselected A {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthselected A:active {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:link {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:hover {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:visited {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-footer {
    border-top: #c2dcff 1px solid;
    font-size: 8pt;
    color: #4c4c4c;
    font-family: Tahoma;
    padding: 5px;
}

.ms-picker-footer A {
    color: #039;
}

    .ms-picker-footer A:hover {
        color: #000;
        text-decoration: underline;
    }

.ms-picker-month {
    font-weight: 700;
    font-size: 8pt;
    padding: 2px 0 5px;
}

.ms-picker-line {
    border-top: #9ba3b5 2px solid;
}

.ms-quickLaunch tr:first-child td {
    background-image: url('/Style Library/eImages/en/header-bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #fcfcfc !important;
    border: none;
    height: 22px;
    padding: 0;
    text-align: center;
}

    .ms-quickLaunch tr:first-child td table {
        padding: 3px 0 0;
        margin: 0;
    }

.span-17 table.ms-picker-header {
    display: inline !important;
}

#imagesListContainer {
    width: 930px !important;
}

.galleryModule li {
    float: left !important;
}

a.remove-link {
    color: red;
}

.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    display: none !important;
}

#uploadStep2 .stepsUL {
    margin-right: 42px;
    margin-bottom: 28px;
}

.red {
    color: red !important;
    font-size: 14px;
}

.ms-picker-nextmonth,
.ms-picker-prevmonth {
    background: url('/Style Library/images/calarrows.png') no-repeat;
    width: 16px;
    height: 16px;
}

.ms-picker-nextmonth {
    background-position: -21px 0;
}

.ms-picker-prevmonth {
    background-position: 9px 0px;
}

.ms-picker-header td {
    width: 153px !important;
}

    .ms-picker-header td:first-child,
    .ms-picker-header td:last-child {
        width: 24px !important;
    }

/* Download Link */

.down-links-wrapper .down-link {
	margin: 5px;
	height: auto;
	display: inline-block;
}

.down-link{
    background: #eee url('/Style Library/Images/download-link.png') no-repeat left 15px center;
    color: #555;
    padding: 5px 15px 5px 45px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.down-link:hover {
    background-color: #e0e0e0;
    text-decoration: none;
    color: #555;
}
    
/*form*/

.mandatory {
    color: rgb(255, 0, 0);
    display: inline-block;
    float: left;
    top: 0;
    position: absolute;
    right: 18px;
    font-size: 15px;
    font-family: tahoma;
    line-height: 40px;
    right: 35px;
}

    .mandatory.down {
        line-height: 80px;
    }

    .mandatory.mid {
        line-height: 45px;
        top: 0;
    }

.dropDownList .mandatory {
    right: 8px;
}

.dropDownLabel .mandatory {
    right: 51px;
}

.displayOnly .mandatory {
    top: 21px;
}

.complaintsTakeAction .formItem .dropDownLabel {
    width: 200px;
}

.complaintsTakeAction .formItem .dropDownList {
    width: 200px;
}

.formItem .itemTitle {
    color: #E59433;
    width: 110px;
    display: inline-block;
}

.captcha table {
    direction: ltr;
}

.formButtons {
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
}

.formItem.full-width {
    width: 100%;
}

/*MICE take action*/
.takeActionCont {
    width: 90%;
    margin: 20px auto;
}

    .takeActionCont.complaintsListGrid {
        width: 100%;
        margin: auto;
        clear: both;
        margin-bottom: 20px;
    }

.LanguageSwicher input {
    background-color: #122D53;
    color: #fff;
    font-size: 3.5vh;
    height: 5vh;
    width: 5vh;
    min-width: 0;
    line-height: 3.5vh;
    padding: 0;
    border-radius: 50%;
    margin-left: 20px;
    cursor: pointer;
    font-family: arial;
    outline: none;
}

    .LanguageSwicher input:hover {
        background-color: #E59433;
        color: #FFFFFF;
        -webkit-transition: background-color 100ms linear;
        -moz-transition: background-color 100ms linear;
        -o-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
    }

.LanguageSwicher {
    float: left;
}

body {
    font-family: myriad pro !important;
}

.whyKSA {
    background: rgba(11, 32, 69, 0.5);
    color: #fff;
    height: 29vh;
    width: 80vh;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    padding: 1vh;
}

.sideNav {
    position: fixed;
    right: 5%;
    z-index: 9;
    top: 25vh;
}

    .sideNav li {
        width: 40px;
        height: 40px;
        background-image: url('/Style Library/Images/sideNav.png');
        background-color: #fff;
        border-radius: 50%;
        margin: 15px 10px;
        position: relative;
        border: 1px solid #122D53;
    }

        .sideNav li:hover {
            border-color: #E59433;
        }

        .sideNav li:after {
            content: "";
            position: absolute;
            height: 20px;
            width: 60px;
            top: 50%;
            margin-top: -10px;
            left: -64px;
            color: #fff;
            background-color: #48668f;
            text-align: center;
            line-height: 22px;
            font-size: 12px;
            visibility: hidden;
            opacity: 0;
        }

        .sideNav li:last-of-type:before {
            display: none;
        }

        .sideNav li:before {
            content: ' ';
            width: 2px;
            height: 14px;
            position: absolute;
            background-color: #fff;
            bottom: -15px;
            right: 50%;
            margin-right: -1px;
        }

li#pollLink {
    background-position: 63px 125px;
}

    li#pollLink:after {
        content: 'Poll';
    }

    li#pollLink:hover {
        background-position: -17px 125px;
    }

li#eservicesLink {
    background-position: 62px 311px;
}

    li#eservicesLink:after {
        content: 'Eservices';
    }

    li#eservicesLink:hover {
        background-position: -18px 311px;
    }

li#eventLink {
    background-position: 62px 375px;
}

    li#eventLink:after {
        content: 'Events';
    }

    li#eventLink:hover {
        background-position: -18px 375px;
    }

li#contactLink {
    background-position: 62px 64px;
}

    li#contactLink:after {
        content: "Contact Us";
    }

    li#contactLink:hover {
        background-position: 120px 64px;
    }

li#newsLink {
    background-position: 64px 252px;
}

    li#newsLink:after {
        content: 'News';
    }

    li#newsLink:hover {
        background-position: 125px 252px;
    }

.sideNav li:hover {
    background-color: rgb(229, 148, 51);
}

    .sideNav li:hover > a:before {
        visibility: visible;
        opacity: 1;
        left: -14px;
        -webkit-transition: opacity 1s ease, left 1s ease;
        transition: opacity 1s ease, right 1s ease;
    }

    .sideNav li:hover:after {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 1s ease, left 1s ease;
        transition: opacity 1s ease, right 0.4s ease;
        left: -74px;
    }

li#homeLink {
    background-position: 62px 439px;
}

    li#homeLink:after {
        content: 'Home';
    }

    li#homeLink:hover {
        background-position: 120px 439px;
    }

.sideNav ul {
    list-style: none;
}

.sideNav li a {
    display: block;
    width: 100%;
    height: 100%;
}

    .sideNav li a:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #48668F;
        content: '';
        left: -6px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        visibility: hidden;
        opacity: 0;
    }

li#galleryLink:hover {
}

li#galleryLink {
    background-position: 64px 189px;
}

    li#galleryLink:after {
        content: "Gallery";
    }

    li#galleryLink:hover {
        background-position: 120px 189px;
    }

.ms-webpartzone-cell {
}

/*.calendar-section .ms-webpartzone-cell {
    margin: auto !important;
}*/

.clr {
    clear: both;
    height: 0;
    font-size: 0px;
}

.conatiner {
    width: 90%;
    margin: 0 auto;
}

.showMore {
    color: #06446e;
    border: 1px solid #06446e;
    text-decoration: none;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin: auto;
    display: inline-block;
    clear: both;
    margin-top: 14px;
    min-width: 200px;
    max-width: 100%;
}

    .showMore:hover {
        background-color: #e59433;
        border: 1px solid #cb7a1a;
        text-decoration: none;
        color: #fff !important; /* border-color: #fff; */
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

    .showMore:visited {
        color: #06446e;
    }

.mapEventsList {
    width: 88%;
    clear: both;
    margin: 10px auto;
}

.latestEventsMain .showMore {
    bottom: 10vh;
}

.showMore:after { /* content: 'المزيد'; */
    position: absolute;
    right: 0px;
    left: 0px;
    margin: auto;
}

.playButton {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 52px;
    height: 52px;
    background-size: 100px;
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
    z-index: 1;
    display: none;
}

    .playButton:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #122D53;
        position: absolute;
        right: 21px;
        top: 14px;
    }
/*masterPage start*/

.mainhead {
    height: 18vh;
}

.sendPage .mainhead, .sendPage .footerMain, .sendPage #s4-ribbonrow {
    display: none;
}

.homeMainBanner {
    width: 100%;
    height: 82vh;
    background: url('/Style Library/Images/bannerBG.png');
    background-size: cover;
    max-width: 100%;
    position: relative;
}
/*why KSA*/
.loader {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url('/Style Library/Images/loader.gif') no-repeat;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000000;
    background-position: 50% 35%;
}

a.whyMore {
    color: #FFF;
    width: 55%;
    height: 5.5vh;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 2.5vh;
    line-height: 5.5vh;
    margin-top: 2vh;
}

    a.whyMore:hover {
        background-color: rgba(255, 255, 255, 0.4);
    }

.whyText {
    font-size: 2.7vh;
}

.whyTitle {
    font-weight: bold;
    font-size: 6.5vh;
}
/*why KSA end*/

.section {
    height: 100vh;
}

.search {
    width: 214px;
    height: 50px; /* background: url('/Style Library/Images/searchGlass.png'); */ /* background-repeat: no-repeat; */ /* margin: 0 15px; */ /* background-size: 100%
; */
    float: left; /* background-size: 31px; */ /* background-position: 100%; */
    position: relative;
}

.langSwicth {
    color: #fff;
    background: #122d53;
    width: 5vh;
    height: 5vh;
    text-align: center;
    line-height: 5vh;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin: 0 2vh;
    font-size: 3.5vh;
    font-family: arial;
}

    .langSwicth:hover {
        text-decoration: none;
    }

.headerNav {
    background-color: #205081;
}

.headerTop {
    padding-top: 2vh;
    height: 16vh;
}

.half-width {
    width: 50%; /* height: 5vw; */
}

.headerTopRight {
    height: 11vh;
}

.headerTopright {
    padding-top: 4vh;
}

.mainLogo {
    background: url('/Style Library/Images/fullLogo.png');
    background-repeat: no-repeat;
    height: 60px;
    margin-left: 5%;
    box-sizing: border-box;
    width: 45%;
}

    .mainLogo a {
        width: 51%;
        height: 100%;
        display: inline-block;
    }

.w3Logo {
    width: 90px;
    height: 5vh;
    background: url('/Style Library/Images/w3logo.png');
    margin-top: 0.6vh;
    background-repeat: no-repeat;
    margin-left: 30px;
}

.changeFont {
    color: #e4e4e4;
}

.header .changeFont {
    color: #000;
    margin: 0 2vh;
}

.changeFont div {
    float: left;
    margin-left: 6px;
}

.headerTop .changeFont div {
    color: rgb(18, 45, 83);
    border-color: rgb(18, 45, 83);
    cursor: pointer;
}

.fontSize3 {
    font-size: 3.7vh;
    border: 1px solid #e4e4e4;
    height: 6vh;
    border-radius: 50%;
    line-height: 6vh;
    text-align: center;
    width: 6vh;
}

.fontSize2 {
    font-size: 3.6vh;
    border: 1px solid #e4e4e4;
    width: 5.4vh;
    height: 5.4vh;
    border-radius: 50%;
    line-height: 5.4vh;
    text-align: center;
    margin-top: 0.3vh;
}

.fontSize1 {
    font-size: 2.2vh;
    border: 1px solid #e4e4e4;
    width: 4.5vh;
    height: 4.5vh;
    border-radius: 50%;
    line-height: 4.5vh;
    text-align: center;
    margin-top: 0.7vh;
}

.orange {
    color: #f9a137;
}

.username {
    color: #122d53;
    position: relative;
    width: auto;
    margin-top: 16px;
}

.sendToFriend .closeButton {
    top: -12px;
    left: 102%;
    background-color: rgb(18, 45, 83);
}

.sendToFriendIcon {
    width: 40px;
    height: 20px;
    background-image: url('/Style Library/Images/NewsIcons.png');
    background-repeat: no-repeat;
    background-position: 0px -2px; /* background-size: 100%; */
    float: left;
}

    .sendToFriendIcon:hover {
        background-position: 0px -23px;
    }

.sendToFriendForm {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 50%;
    height: 410px;
    z-index: 99;
    background-color: #FFFFFF;
    border: 2px solid #122D53;
}

.sendToFriend {
    float: left;
    margin-left: 5px;
    margin-top: 6px;
}

.sendToFriendWrap {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

.sendPage .mainheadead {
    display: none;
}

.username:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #122D53 transparent transparent;
    position: absolute;
    right: -22px;
    top: 1px;
    display: none;
}

.fText {
    color: #e4e4e4;
    width: 100%;
    line-height: 3vh;
}

.float {
    float: left;
}

.CapacityFilter {
}

#div_Navigation {
    height: 5vh !important;
}

.imageVideoSwitch .tab {
    width: 130px;
    border: 1px solid #004d32;
    height: 40px;
    line-height: 40px;
    padding-right: 45px;
    margin-left: 10px;
    padding-left: 12px;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .imageVideoSwitch .tab:before {
        content: "\e928";
        position: absolute;
        font: normal 25px/40px icomoon;
        right: 10px;
        color: #004d32;
        height: 40px;
    }

    .imageVideoSwitch .tab.photoTab:before {
        content: "\e91d";
    }

    .imageVideoSwitch .tab:hover:before {
        color: #fff;
    }

    .imageVideoSwitch .tab.selected:before {
        color: #fff;
    }

    .imageVideoSwitch .tab.videoTab { /*background-position: 70px 0px;*/
    }

        .imageVideoSwitch .tab.videoTab:hover { /*background-position: 15px 0px;*/
        }

    .imageVideoSwitch .tab.photoTab { /*background-position: 16px -34px;*/
    }

        .imageVideoSwitch .tab.photoTab:hover { /*background-position: 70px -35px;*/
        }

    .imageVideoSwitch .tab:hover {
        background-color: rgb(14, 35, 64);
        color: #fff;
    }

    .imageVideoSwitch .tab.photoTab.selected { /*background-position: 70px -35px;*/
    }

    .imageVideoSwitch .tab.selected {
        background-color: rgb(14, 35, 64);
        color: #fff;
    }

    .imageVideoSwitch .tab.videoTab.selected { /*background-position: 15px 0px;*/
    }

.userImg {
    width: 60px;
    height: 60px;
    margin: 0 38px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -19px;
    border: 1px solid;
}

    .userImg img {
        width: 100%;
        height: 100%;
    }

.right3 {
    width: 35%;
    padding-right: 10%;
    background-color: #0d141e;
    height: 100%;
    padding-top: 20px;
}

.left3 {
    width: 45%;
    padding-left: 10%;
    background-color: #0d141e;
    height: 100%;
    padding-top: 20px;
}

.floatO {
    float: right;
}

.footerMain {
    background: #004d32;
    float: left;
    width: 100%; /* padding-top:18px; */ /* padding-bottom:18px; */ /*height: 4.5vw;*/ /*padding: 3.5vh 0;*/
    padding-top: 20px;
}

.footerLogo {
    width: 93px;
    height: 8vh;
    background: url('/Style Library/Images/logo.png');
    background-repeat: no-repeat;
}

.subscribe {
    text-align: center;
    margin-top: 2.5vh;
}

.note {
    width: 100%;
    text-align: center;
    color: #616E81;
    padding-top: 15px;
    font-size: 2.3vh;
    padding-top: 3vh;
}

.footerSubscribe {
    background: #004d32;
    height: 39vh;
}

/*.newsLetterHomeValidation {
    width: 100%;
    float: right;
    font-size: 18px;
    margin: 10PX 0PX;
}*/

.addthis_button_compact {
    display: inline-block;
    width: 16px;
    height: 16px;
}

#at15s.atm {
    display: none !important;
}

h2:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    margin-left: 5px;
    display: inline-block;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #000 transparent; /*float: right;*/
}

h2:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    margin-right: 5px;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #000 transparent transparent; /*float: left;*/
}

h2.galleryTitle:before {
    border-color: #937f59 transparent transparent;
    border-width: 20px 20px 0 0;
}

h2.galleryTitle {
    color: #004d32;
    font: bold 1.9em 'Myriad Pro';
    display: inline-block;
    vertical-align: middle; /*width: 145px;*/ /*margin: 0;*/ /* padding-top: 8vh; */ /*font-family: myriad pro !important;*/ /*padding-bottom: 8vh;*/ /*margin-left: 15%;*/
}

    h2.galleryTitle:after {
        border-width: 0 0 20px 20px;
    }

h3.pollHead {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold; /*width: 117px;*/ /*margin: 0;*/ /*padding-top: 7vh;*/ /*font-family: myriad pro !important;*/ /*margin-bottom: 7vh;*/ /*margin-left: 15vw;*/ /*height: 5vh;*/ /*line-height: 6vh;*/
}

h2.galleryTitle:after {
    border-color: transparent transparent #937f59 transparent;
    border-width: 0 0 20px 20px;
}

.contactUs {
    background: #00eba3;
    width: 50%;
    position: relative;
    float: left;
    height: 260px;
    z-index: 10;
}

#map-canvas {
    height: 100%;
}

.map {
    width: 50%;
    float: left;
    background: url('/Style Library/Images/map.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    font-family: Myriad Pro;
}

.footer .icon:before {
    content: '';
    width: 3vh;
    height: 3.5vh;
    display: inline-block;
    padding-right: 36px;
}

.icon {
    font-size: 3vh;
    font-style: italic;
    line-height: 3.5vh;
    color: #000;
}

.footer .icon.mail:before {
    background: url('/Style Library/Images/mail.png') no-repeat center center;
}

.footer .icon.fax:before {
    background: url('/Style Library/Images/fax.png')no-repeat center center;
}

.fax {
    height: 40px;
}

.footer .icon.phone:before {
    background: url('/Style Library/Images/phone.png') no-repeat center center;
}

.address {
    position: absolute;
    margin: auto;
    background: rgba(23, 32, 45, .9);
    color: #fff;
    opacity: 1;
    padding: 20px;
    font-size: 15px;
    font-style: italic;
    z-index: 1;
    top: calc(50% + 30px);
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
}

.slIcon {
    float: left;
    width: 55px;
    list-style: none;
    height: 7vh;
}

    .slIcon.FB {
        background: url('/Style Library/Images/facebook.png')no-repeat center center;
    }

    .slIcon.twitter {
        background: url('/Style Library/Images/twitter.png')no-repeat center center;
    }

    .slIcon.linkdedIn {
        background: url('/Style Library/Images/linkdedIn.png')no-repeat center center;
    }

    .slIcon.insta {
        background: url('/Style Library/Images/insta.png')no-repeat center center;
    }

    .slIcon.network {
        background: url('/Style Library/Images/net.png')no-repeat center center;
    }

    .slIcon.youtube {
        background: url('/Style Library/Images/youtube.png')no-repeat center center;
    }

.contactDetails {
    width: 340px;
    margin-left: 30%;
}

.socialIcons {
    width: 340px;
    margin-left: 30%;
    height: 4vh;
    margin-top: 2vh;
    padding: 0;
}

.footerSubscribe h3 {
    color: #00eba3;
    font-weight: 700;
    text-align: center;
    width: 52vh;
    display: inline-block;
    position: relative;
    left: 50%;
    margin-left: -26vh;
    font-size: 3vh;
    padding-top: 3.5vh;
    font-family: myriad pro !important;
}

h2.contactTitle {
    font-size: 5vh;
    font-family: Myriad Pro;
    font-weight: 700;
    display: inline-block;
    padding-top: 5vh;
    padding-bottom: 5vh;
}

h3.newsHead:after {
    border-width: 0 0 26px 26px;
    top: 1vh;
}

h3:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    margin-right: 5px;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #937f59 transparent transparent; /*float: left;*/ /*position: relative;*/ /*top: 1vh;*/
}

h3.newsHead:before {
    border-width: 26px 26px 0 0;
    top: 1vh;
}

.footerNav {
    width: 70%;
    margin: 0 auto;
    height: 2vw;
    padding-left: 0; /* margin-top: 8vh; */
    padding-top: 3vw; /* padding-bottom: 3vw; */
    background-color: #004d32;
}

.footerBottom {
    width: 100%;
    float: left;
    height: 6vw;
    background: #0d141e;
    padding-top: 2vw;
}

.footerNav li:last-child {
    border: 0;
}

/* masterPage End*/
/*homePage start*/

.newsContainer {
    width: 100%;
    background: url('/Style Library/Images/newsBG.png');
    background-size: cover;
    height: 100vh;
}

    .newsContainer .flex-control-nav li {
        float: right;
    }

.newsContainerInner [id$=lblEmptyData] {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: rgb(32, 80, 129);
    height: 40px;
    line-height: 40px;
}

.newsItem {
    width: 100%;
    margin: 0 auto;
}

.newsImageCont {
    width: 60%;
    height: 50vh;
    position: relative;
    top: -1.5vh; /* background-color: rgba(14, 35, 64,0.3); */
}

.newHomeMore {
    width: 150px;
    height: 5.5vh;
    border: 1px solid #004d32;
    display: block;
    text-decoration: none;
    font-size: 2.5vh;
    line-height: 5.5vh;
    margin-top: 2vh;
    color: #004d32;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -75px;
    top: 5vh;
}

    .newHomeMore:hover {
        background-color: #E59433;
        text-decoration: none;
        color: #fff !important; /* border-color: #fff; */
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
        text-decoration: none;
    }

    .newHomeMore:visited {
        color: #004d32;
    }

.newsImageCont * {
    height: 50vh !important;
    display: inline-block;
    width: 100%;
}

.newsImageCont .newsImage img {
    position: absolute;
    width: 100%;
    height: auto !important;
    top: 0;
    bottom: 0;
    margin-top: auto !important;
    margin-bottom: auto !important;
    max-height: 100% !important;
}

.newsImage {
    position: relative;
}

.newsHomeText {
    width: 40%;
    position: relative;
    background: #004d32;
    height: 50vh;
    color: #fff;
    box-sizing: border-box;
    padding: 3vh 2vh;
    margin-left: -3vh;
}

    .newsHomeText .addthis_toolbox {
        bottom: 16px;
        position: absolute;
        right: 0;
        z-index: 99;
        overflow: hidden;
        max-width: 300%;
        width: 100%;
    }

        .newsHomeText .addthis_toolbox > a {
            float: right;
        }

addthis_native_toolbox {
    overflow: hidden;
}

.newsDate {
    color: rgb(229, 148, 51);
    border-bottom: 1px solid #fff;
    width: 50%;
    padding-bottom: 1vh;
    font-size: 2vh;
    padding-top: 1vh;
}

.NewsBrief {
    padding-top: 5vh;
    font-size: 2vh;
}

.newsTitle {
    color: #fff;
    font-size: 2vh;
}

    .newsTitle:visited {
        color: #fff;
    }

.newsHomeText:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50vh 80px 0 0;
    border-color: transparent #004d32 transparent transparent;
    position: absolute;
    bottom: 0px;
    left: -80px;
}

.newsHomeText:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50vh 80px;
    border-color: transparent transparent transparent rgba(14, 35, 64, 1);
    position: absolute;
    top: 0px;
    right: -80px;
}

.newsHead,
.eventsHead {
    color: #263a55;
    font-size: 30px;
    font-weight: bold;
    width: 234px;
    margin: 0;
    padding-top: 7vh;
    font-family: myriad pro !important;
    margin-bottom: 7vh;
    margin-left: 15vw;
    height: 5vh;
    line-height: 6vh;
    text-transform: uppercase;
}

.eventsHead {
    display: none;
    width: 265px;
    font-size: 26px;
}

.newsInner.flexslider {
    width: 70%;
    margin: 0 auto;
    direction: ltr;
    background: transparent;
    border: none;
}

    .newsInner.flexslider ol.flex-control-nav.flex-control-paging {
        width: 11vh;
        margin: 0 auto;
        display: block;
        position: absolute;
        bottom: 10vh;
        z-index: 99;
        background: #263a55;
        padding-top: 10px;
        right: 50%;
        height: 2.5vw;
        box-sizing: border-box;
        margin-right: -0.8vw;
        display: none;
        min-width: 70px;
    }

        .newsInner.flexslider ol.flex-control-nav.flex-control-paging::before {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 2.5vw 10px;
            border-color: transparent transparent transparent #263A55;
            position: absolute;
            top: 0;
            right: -10px;
        }

        .newsInner.flexslider ol.flex-control-nav.flex-control-paging:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 2.5vw 10px 0 0;
            border-color: transparent #263A55 transparent transparent;
            position: absolute;
            top: 1px;
            left: -10px;
        }

    .newsInner.flexslider .flex-control-paging li a {
        background: #fff;
    }

.newsInner .flex-control-paging li a.flex-active {
    background: rgb(234, 154, 59);
}

.newsInner .flex-direction-nav {
    display: none;
}

.newsInner ul.slides {
    direction: ltr;
}

/*.contactUsWrap {
    height: 220px;
}*/
/*home photo video*/

.imageVideoSwitch {
    display: inline-block;
    vertical-align: middle; /*margin-right: 15vw;*/
}

.galleryHead {
    overflow: hidden;
}

.videoTitle {
    width: 100%;
    position: absolute;
    height: 10vh;
    background-color: #937f59;
    line-height: 10vh;
    text-align: center;
    top: 50%;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 2;
    font-size: 1.5vw;
    color: #FFF;
    margin-top: -5vh;
    opacity: 0;
}

.videoHomeThumb {
    max-width: 100%;
    min-width: 100%;
    height: 100%;
}

.VideoGalleryItem .videoHomeThumb img {
    height: 100%;
    width: 100%;
}

.dfwp-item {
    width: 32%;
    float: left;
    position: relative;
    margin-right: 1%;
}

    .dfwp-item .item {
        height: 100%;
        float: left;
        width: 100%;
    }

        .dfwp-item .item:hover > .link-item {
            display: block;
        }

    .dfwp-item .link-item {
        width: 100%;
        position: absolute;
        height: 12vh;
        background: #00eba3;
        line-height: 12vh;
        text-align: center;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none;
    }

.dfwp-column {
    width: 90vw !important;
    margin: 0 auto;
    float: none;
    height: 260px;
}

.videoHomeContainer { /*width: 70vw;*/
    margin: 0 auto; /*height: 28vw;*/ /* display: none; */
    position: relative;
    text-align: center;
}

.homeEmptyGallery {
    width: 100%;
    font-size: 25px;
    color: #263a55;
    text-align: center;
    padding-top: 5%;
}

.emptyGallery {
    width: 100%;
    font-size: 25px;
    color: #263a55;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}

.dfwp-item .image-area-right {
    width: 100%;
    height: 250px;
}

    .dfwp-item .image-area-right img {
        max-width: 100%;
        max-height: 100%;
    }

.link-item a {
    color: #000;
    font-size: 1.5vw;
}
/*homePage End*/
.surveyForm input[type="button"] {
    background-color: rgb(234, 154, 59) !important;
    color: rgb(255, 255, 255) !important;
    font-family: myriad pro !important;
    border: 0 !important;
    outline: none;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    width: 120px;
    margin: 0 0 0 10px !important;
}

.surveyForm .ms-formtable > tbody > tr:first-of-type > td:first-of-type {
    font-size: 20px;
    color: #48586F; /*border-bottom: 1px solid #937f59;*/
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
}

.surveyForm .ms-formtable > tbody > tr:nth-of-type(2) > td {
    padding: 10px;
    border: 1px solid #D8DFE4;
    border-radius: 3px;
    background-color: #E8ECEF;
}

.surveyForm .ms-formline {
    border-top: none;
}

.surveyForm .ms-formtable tr:first-of-type td:first-of-type span.ms-accentText {
    color: red;
}
/*UAT Comment*/
.ms-dialog table {
    width: 100%;
}

.ms-dialog input[type="button"] {
    background-color: #937f59 !important;
    color: #fff !important;
    font-family: myriad pro !important;
    border: 0 !important;
    outline: none;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    width: 120px;
    margin: 0 0 0 10px !important;
}

.ms-dialog .ms-formtable > tbody > tr:first-of-type > td:first-of-type {
    font-size: 20px;
    color: #48586F;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
}

.ms-dialog .ms-formtable > tbody > tr:nth-of-type(2) > td {
    padding: 10px;
    border: 1px solid #D8DFE4;
    border-radius: 3px;
    background-color: #E8ECEF;
}

.ms-dialog .ms-formline {
    border-top: none;
}

.ms-dialog .ms-formtable tr:first-of-type td:first-of-type span.ms-accentText {
    color: red;
}
/*UAT Comment*/
.surveyViewCont {
    margin: 10px auto;
    overflow: hidden;
}

    .surveyViewCont > div {
        width: 49%;
        float: left;
        margin: 10px .5%;
        background-color: rgb(241, 241, 241);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*height: 37px;*/
        height: auto;
    }

    .surveyViewCont #div_Buttons {
        margin: 20px auto;
        float: right;
        width: 100%;
    }


    .surveyViewCont > div span:first-of-type {
        background-color: #122D53;
        /* font-weight: bold; */
        color: rgb(234, 154, 59);
        box-sizing: border-box;
    }

span#ctl00_SPWebPartManager1_g_70e2840f_b890_470d_9a19_9fb3cd42985a_lbl_StartDate {
}

.surveyViewCont > div.formButtons {
    background-color: transparent;
    float: none;
    width: 100%;
}

.surveyViewCont > div#div_PageError {
    background-color: transparent;
}

.surveyViewCont > div > span {
    padding: 10px 20px;
    display: block;
}

div#div_Description span:last-of-type {
    padding: 10px;
    display: inline-block;
    line-height: 20px;
}

div#div_Description {
    height: auto !important;
}

.surveyViewCont > div > span > div {
    padding: 10px;
    display: inline-block;
}

.surveyViewCont div.btn a {
    color: #fff;
    line-height: 35px;
}

    .surveyViewCont div.btn a:hover {
        text-decoration: none;
    }

.surveyViewCont div.btn {
    display: inline-block;
    width: 160px;
}

.conatiner.surveyListCont {
    margin: 20px auto;
}

.surveyListItem {
    width: 48%;
    float: left;
    background-color: rgb(241, 241, 241);
    margin-right: 1%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .surveyListItem a {
        color: rgb(18, 45, 83);
        font-size: 15px;
    }

.VideoGalleryItem {
    float: left;
    width: 32%;
    height: 300px;
    border: 3px solid #eee;
    margin-right: 1%;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .VideoGalleryItem.PhotoGalleryItem.home {
        width: 33.1666667%;
        margin-right: 0.25%;
        border: 0 !important;
        height: 300px;
    }

        .VideoGalleryItem.PhotoGalleryItem.home:nth-child(3n) {
            margin-right: 0;
        }

.file.videoNoThumb {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAgAElEQVR4Xu19B3gc5Zn/O7NF2qZerC5LsmzLhWLjXgj4gCSEhJADEkJCEkiAHFwLmJagxLhCcvfPXXJPyEEKIQZCLhUcTDljW5aNe5WbbNlW713a1e7M//m9385odrWrXRVDLtL7PHp2tTs7M9/3/r73e/tINEkTegakCT36ycHTJAAmOAgmATAJgA');
    background-repeat: no-repeat;
    background-position: center;
}

.VideoGalleryItem.folder {
    background: url('/Style Library/Images/folder.png');
    base64, iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAG40lEQVR4Xu2dV6hkRRCGvxUFEbNrAEHMGGBFjKgPImJOoBgxK4qY0UVFjBhW1owPCkZMrGExYHwQH8wiKuYsglnRdc1hpfCAaS7j6frrzrRdDcu+nKr+++/v9sycTlPI0rQDU5pufTaeBKBxCBKABKBxBxpvfo4ACUDjDjTe/BwBEoDGHWi8+TkCJACNO9B483MESAAad6Dx5ucIkAA07kDjzc8RIAFo3IHGm58jQALQuAONNz9HgASgcQcab36OAAlA4w403vzJHAGsLvv3m9hzyzlPnLOZdNEArAfMBOz/RYJdNbC+Az4E7gdOA+YE11l9+kgAFgTeBZYbkUvPAFsAc0dUfxXVRgKwLXDfiF2wkWAn4JcR6xjb6iMBmA7MGIOWXwscnN8TBvdEJACXAMeMAQAm4bIx0jImlvwhIxKAW4E9xqi1BsGxORL8vUciAXgE2HyMADAptwOHAF+Pma6RyYkE4CVg7ZG1bOKKPwauAB4G3u5+Kv7c6sgQCcBnwNQxBKAmST8BrwFnALMjhEcBMD9g4qPyR3gxzjlthFoNeF8tMqqD7OXPR2qxjec7DLhK7UEUANOAF9RiG893HnCK2oMoALbsvmSp9bacz764Hqk2IAqAvYGb1GIbz3c9cIDagygAjgMuUottPN8dwG5qD6IAsM+rk9RiG8/3ILCN2oMoAK4GDlKLbTzf48Cmag+iALgb2FEttvF8LwLrqD2IAuApYEO12MbzvQOsovYgCgB7x76yWmzj+T4FllV7EAWAWmfmC3IgAQgytpa0CUAtPRWkMwEIMraWtCoADu1W2qwFLFxL4yvVaXsfbLn9ncC5wA+edigAOBG4wCMiY4sdsBdutsStuCgAMBpXLFaQgR4HvgSW8iRQAGBbshR5PO1oNfZXwFZfFRdFx9lyJZeIYvUZaKubF/fYoADgE2AZj4iMLXbgPWCl4mjR0P0qsIZHRMYWO/A8sG5xtAiAx4BNPCIyttgB23xjO6CLi+Ij4B5gh2IFGehxwN4F7OpJoADA1qrt5xGRscUOXNPtfC5OoADg4m7TZbGIDCx24ELghOJo0XeAU4GzPSIyttgB8/6c4mgRAEd0my09OjK2zAHbJ2D7BYqL4iNgT+CWYgUZ6HFgH+BmTwIFAFsBtmQ5y+Q7sF13IlpxzQoA1gfsRK4sk++AvX95wlOtAgBb/GmLQLNMvgNrducHFNesAGAx4KtiBRnoccC24dtcTHFRAGCV54xgcRe4Au0wzh89GVQA5HEwnl4oi/0eWKgs9M8oFQCvA6t7xWR8LwfsTOTle0UMeFgFgH0T3dgrJuN7OfCK4hQ2FQD3Atv3kp8Pex2wafjNvElUANwA7OsVk/G9HLA/OvcObBUA43QucC8XK374RsUfnQoAu5zhzIrNrFH65cDRXuEqAGxWygRlmTwHzgJO91anAmAv76yUtyENxh8P2GIcV1EBsDXwgEtJBvd14EDgur5B/3xeBcAGwNNeMRnfy4FdgLt6RQx4WAWAnV3zlldMxvdywO5ieLRXRCAASwC2UTHL5DlgJ4bZyWGuohoBLI/dzDWfS00G93FgBeCDPgGDnlUBYLk/925V9jamsfhFgW+8bVYC8EZ3qYFXU8YPd8BG2wWGPzb8CSUATwIbDa8ynxA4YKPt0oI80oMd7JZQuy00S7wD9ovLrpBxF+UIYJMTtk49S7wDtgpbchSvEoBLFZMT8d79L2p4CLC3r+6iBMAmJux6syzxDsxS3cqqBOCo7o7e+OZnDVcChytsUAJgn //2PSBLvAPnAycrqlECYL8A7JdAlngH7DqeGYpqlADYOwB7F5Al3gHZJZJKAFYF3oxve9YA7A7cpnBCCcCSwBcKUZljqAO2Jd9uP3cXJQA2E2h7BHNG0N0tQxPYApxnhz71Hx5QAmDV2ZoAWxuQJdYB+7iVbMlXA2DvqOU3W8V6WWX2qaqPWzUAeV1cPE/zuqlgOyncXdQA5Iygu0uGJpgD2KEckqIGwJYp7y9RlkkmcsB+asu24qsBmK56Q5X9P6EDdi3vzip/1ADYpVEvq8RlnoEO2CSQTQZJihoAE5XrAiRdMzDJc93R/K5zgf6aOQIAy2+nh9v18dO6Lyz5cqgcim+73/yzgZnA3PJU/46MAkCpMXMFOpAABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6t8BK4KzgWg1IrgAAAAASUVORK5CYII=;
    base64, iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAG40lEQVR4Xu2dV6hkRRCGvxUFEbNrAEHMGGBFjKgPImJOoBgxK4qY0UVFjBhW1owPCkZMrGExYHwQH8wiKuYsglnRdc1hpfCAaS7j6frrzrRdDcu+nKr+++/v9sycTlPI0rQDU5pufTaeBKBxCBKABKBxBxpvfo4ACUDjDjTe/BwBEoDGHWi8+TkCJACNO9B483MESAAad6Dx5ucIkAA07kDjzc8RIAFo3IHGm58jQALQuAONNz9HgASgcQcab36OAAlA4w403vzJHAGsLvv3m9hzyzlPnLOZdNEArAfMBOz/RYJdNbC+Az4E7gdOA+YE11l9+kgAFgTeBZYbkUvPAFsAc0dUfxXVRgKwLXDfiF2wkWAn4JcR6xjb6iMBmA7MGIOWXwscnN8TBvdEJACXAMeMAQAm4bIx0jImlvwhIxKAW4E9xqi1BsGxORL8vUciAXgE2HyMADAptwOHAF+Pma6RyYkE4CVg7ZG1bOKKPwauAB4G3u5+Kv7c6sgQCcBnwNQxBKAmST8BrwFnALMjhEcBMD9g4qPyR3gxzjlthFoNeF8tMqqD7OXPR2qxjec7DLhK7UEUANOAF9RiG893HnCK2oMoALbsvmSp9bacz764Hqk2IAqAvYGb1GIbz3c9cIDagygAjgMuUottPN8dwG5qD6IAsM+rk9RiG8/3ILCN2oMoAK4GDlKLbTzf48Cmag+iALgb2FEttvF8LwLrqD2IAuApYEO12MbzvQOsovYgCgB7x76yWmzj+T4FllV7EAWAWmfmC3IgAQgytpa0CUAtPRWkMwEIMraWtCoADu1W2qwFLFxL4yvVaXsfbLn9ncC5wA+edigAOBG4wCMiY4sdsBdutsStuCgAMBpXLFaQgR4HvgSW8iRQAGBbshR5PO1oNfZXwFZfFRdFx9lyJZeIYvUZaKubF/fYoADgE2AZj4iMLXbgPWCl4mjR0P0qsIZHRMYWO/A8sG5xtAiAx4BNPCIyttgB23xjO6CLi+Ij4B5gh2IFGehxwN4F7OpJoADA1qrt5xGRscUOXNPtfC5OoADg4m7TZbGIDCx24ELghOJo0XeAU4GzPSIyttgB8/6c4mgRAEd0my09OjK2zAHbJ2D7BYqL4iNgT+CWYgUZ6HFgH+BmTwIFAFsBtmQ5y+Q7sF13IlpxzQoA1gfsRK4sk++AvX95wlOtAgBb/GmLQLNMvgNrducHFNesAGAx4KtiBRnoccC24dtcTHFRAGCV54xgcRe4Au0wzh89GVQA5HEwnl4oi/0eWKgs9M8oFQCvA6t7xWR8LwfsTOTle0UMeFgFgH0T3dgrJuN7OfCK4hQ2FQD3Atv3kp8Pex2wafjNvElUANwA7OsVk/G9HLA/OvcObBUA43QucC8XK374RsUfnQoAu5zhzIrNrFH65cDRXuEqAGxWygRlmTwHzgJO91anAmAv76yUtyENxh8P2GIcV1EBsDXwgEtJBvd14EDgur5B/3xeBcAGwNNeMRnfy4FdgLt6RQx4WAWAnV3zlldMxvdywO5ieLRXRCAASwC2UTHL5DlgJ4bZyWGuohoBLI/dzDWfS00G93FgBeCDPgGDnlUBYLk/925V9jamsfhFgW+8bVYC8EZ3qYFXU8YPd8BG2wWGPzb8CSUATwIbDa8ynxA4YKPt0oI80oMd7JZQuy00S7wD9ovLrpBxF+UIYJMTtk49S7wDtgpbchSvEoBLFZMT8d79L2p4CLC3r+6iBMAmJux6syzxDsxS3cqqBOCo7o7e+OZnDVcChytsUAJgn //2PSBLvAPnAycrqlECYL8A7JdAlngH7DqeGYpqlADYOwB7F5Al3gHZJZJKAFYF3oxve9YA7A7cpnBCCcCSwBcKUZljqAO2Jd9uP3cXJQA2E2h7BHNG0N0tQxPYApxnhz71Hx5QAmDV2ZoAWxuQJdYB+7iVbMlXA2DvqOU3W8V6WWX2qaqPWzUAeV1cPE/zuqlgOyncXdQA5Iygu0uGJpgD2KEckqIGwJYp7y9RlkkmcsB+asu24qsBmK56Q5X9P6EDdi3vzip/1ADYpVEvq8RlnoEO2CSQTQZJihoAE5XrAiRdMzDJc93R/K5zgf6aOQIAy2+nh9v18dO6Lyz5cqgcim+73/yzgZnA3PJU/46MAkCpMXMFOpAABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6gSghl4K1JgABJpbQ+oEoIZeCtSYAASaW0PqBKCGXgrUmAAEmltD6t8BK4KzgWg1IrgAAAAASUVORK5CYII=;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
}

    .VideoGalleryItem.folder.emptyFolder {
        background-color: rgb(215, 215, 215);
        cursor: not-allowed;
    }

        .VideoGalleryItem.folder.emptyFolder:before {
            content: 'This folder is empty';
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            margin: auto;
            width: 260px;
            background-color: rgba(215, 215, 215, 0.8);
            height: 170px;
            text-align: center;
            line-height: 170px;
            font-size: 20px;
            color: rgb(18, 45, 83);
        }

.videoThumb {
    width: 100%;
    height: 100%;
    background-color: #ECECEC;
    position: relative;
}

.VideoGalleryItem .itemTitle {
    position: absolute;
    bottom: 0px;
    height: 50px;
    left: 0px;
    background-color: #173b6c;
    width: 100%;
    color: #fff;
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 50px;
    z-index: 1; /* overflow: hidden; */
}

.emptyFolder .itemTitle {
    background-color: #364C69;
}

.VideoGalleryItem .itemTitle:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 40px 55px 0 0;
    border-color: transparent #173B6C transparent transparent;
    bottom: 47px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.VideoGalleryItem.emptyFolder .itemTitle:before {
    border-color: transparent transparent transparent #364C69;
}

.VideoGalleryItem .itemTitle:after {
    content: '\00ab';
    width: 0px;
    height: 0px;
    bottom: 84px;
    position: absolute;
    right: 8px;
    font-size: 29px;
    font-family: monospace;
    direction: rtl;
    z-index: 1;
}

.VideoGalleryItem.home {
    width: 33%;
    position: relative; /* border: 0px; */
    width: 33%;
    margin-right: 0.25%;
    border: 0px !important;
}

    .VideoGalleryItem.home:hover > .videoTitle {
        display: block;
        opacity: 1;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

#iframePlayer {
    right: 0;
    left: 0;
    position: absolute;
    margin: auto;
    width: 588px;
    height: 441px;
    top: 0;
    bottom: 80px;
}

.photoContainer {
    background: #122d53;
    border: 3px solid #000;
    padding-bottom: 80px;
    border: 1px solid #8d939a;
    z-index: 3;
    height: 100%;
}

.photoPopup {
}

#iframePlayer .prev,
#iframePlayer .next {
    position: absolute;
    bottom: -48px;
    color: #fff;
    height: 23px;
    width: 23px;
    right: 60px;
}

.relatedPrev,
.relatedNext {
    position: absolute;
    bottom: 10px;
    color: #fff;
    height: 23px;
    width: 23px;
}

.relatedPrev {
    left: -31px;
}

    .relatedPrev.dimPager,
    .relatedNext.dimPager {
        display: none;
    }

.relatedNext {
    right: -11px;
}

.relatedPrev:before {
    content: '<';
    font-size: 23px;
    color: #fff;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.5vw;
    text-align: center;
    margin-left: 12px; /* border: 3px solid; */
    cursor: pointer;
}

.relatedNext:before {
    content: '>';
    font-size: 23px;
    color: #fff;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.5vw;
    text-align: center;
    margin-left: 0.5vw; /* border: 3px solid; */
    cursor: pointer;
}

#iframePlayer .next {
    right: 28px;
}

.playSlideShow {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    border: 3px solid #fff;
    border-radius: 50%;
    float: right;
    margin-top: 464px;
    z-index: 1;
    margin-right: 247px;
    background-color: #fff;
    cursor: pointer;
}

.downloadPhoto {
    display: inline-block;
    width: 59px;
    height: 62px;
    position: relative; /* border: 3px solid #fff; */
    border-radius: 50%;
    float: right;
    margin-top: 460px;
    z-index: 1;
    margin-right: -200px;
    background: url('/Style Library/Images/dowloadPhoto.png');
    background-repeat: no-repeat;
    background-size: 60%;
    cursor: pointer;
}

.playSlideShow.stopSlideShow:before {
    content: '';
    border: none;
    color: #122D53;
    width: 12px;
    font-size: 18px;
    font-weight: bold;
    right: 7px;
    top: 6px;
    height: 12px;
    background-color: rgb(18, 45, 83);
}

.playSlideShow:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #122D53;
    position: absolute;
    right: 7px;
    top: 4px;
}

.photoContainer img {
    max-width: 100%;
    max-height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
}

}

.videoPopupTitle {
    position: absolute;
    bottom: -81px;
    left: 0px;
    color: #fff;
    background-color: #173b6c;
    height: 80px;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

#iframePlayer .next:before {
    content: '>';
    font-size: 20px;
    color: #fff;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
    line-height: 17px;
    text-align: center;
    margin-left: 4px;
    border: 2px solid;
    cursor: pointer;
    font-family: cursive;
}

#iframePlayer .prev:before {
    content: '<';
    font-size: 20px;
    color: #fff;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
    line-height: 17px;
    text-align: center;
    margin-left: 0;
    border: 2px solid;
    cursor: pointer;
    font-family: cursive;
}

.related {
    margin-left: -45%;
    width: 90%;
    left: 50%;
    position: absolute;
    bottom: 45px;
    z-index: 9; /* display: block!important; */
}

.photoPopup .related {
    bottom: 15px;
}

.related .videoThumb {
    width: 45px;
    height: 45px;
    float: right;
    margin: 0px 7px;
    border: 3px solid #122D53;
    display: none;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.videoThumb.currentrelatedPage {
    display: block;
}

.videoThumb.hlThumb {
    border: 4px solid #937f59;
}

.related .videoThumb img {
    width: 100%;
    height: 100%;
}

#iframePlayer iframe {
    background: #122d53;
    border: 3px solid #000;
    padding-bottom: 80px;
    border: 1px solid #8d939a;
    z-index: 3;
}

.videoPopupTitle {
    position: absolute;
    bottom: -81px;
    left: 0px;
    color: #fff;
    background-color: #173b6c;
    height: 80px;
    width: 50%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 60px;
}

iframe {
}

#sendIframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

iframe#sendIframe html body .mainhead {
    display: none;
}

.videoClose {
    color: #FFFFFF;
    font-size: 23px;
    display: block;
    line-height: 26px;
    position: absolute;
    right: -38px;
    top: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #FFF;
    text-decoration: none;
    font-family: tahoma;
}

    .videoClose:hover {
        text-decoration: none;
        background: #122D53;
    }

.videoPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

.videoPageTitle {
    color: #003E74;
    font-size: 22px;
    padding: 10px 2%;
    background: #d7d7d7; /* border-radius: 5px; */ /* margin-bottom: 20px; */
    float: left;
    width: 78%;
    position: relative; /* margin-top: 20px; */
    box-sizing: border-box;
    text-transform: uppercase;
    display: none;
}

.videoPageTitleEnglish {
    color: #003E74;
    font-size: 22px;
    padding: 10px 2%;
    background: #d7d7d7; /* border-radius: 5px; */ /* margin-bottom: 20px; */
    float: left;
    width: 78%;
    position: relative; /* margin-top: 20px; */
    box-sizing: border-box;
    text-transform: uppercase;
}

    .videoPageTitleEnglish.firstPageVideo {
        width: 98%;
    }

.videoGalleryWrap {
    width: 90%;
    margin: 0 auto;
}

.emptyFolderMsg {
    width: 300px;
    height: 100px;
    color: rgb(215, 215, 215);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: rgb(32, 80, 129);
    line-height: 100px;
    text-align: center;
    font-size: 20px;
}

.videoNav {
    width: 100%;
    float: left;
    margin: 40px 0px;
}

.videoBack {
    width: 20%;
    float: left;
    padding: 10px 2%;
    box-sizing: border-box;
    background-color: #937f59;
    border-left: 4px solid #fff;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

    .videoBack.dimmedVideoBack {
        background-color: #FEE5C6;
        color: #fff;
        cursor: not-allowed;
    }

.videoPageTitle:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 8px 0 8px;
    border-color: #D7D7D7 transparent transparent transparent;
    position: absolute;
    bottom: -14px;
}

div#player {
    position: relative;
    z-index: 2; /* left: 0; */ /* margin: auto; */
}

.VideoGalleryItem img {
    max-height: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0; /* margin: 2%; */
}
/*calendar*/

.ms-picker-table,
.ms-picker-dayheader {
    border-top: #df5e61 0 solid;
    font-weight: 400;
    font-size: 8pt;
    color: #727272;
    border-bottom: silver 1px solid;
    font-family: tahoma;
    text-align: center;
    padding: 2px 0 3px;
}

.ms-picker-nextmonth {
    border: 0;
    background-image: url(images/en/pickback.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
}

.txtbox {
    font-family: Tahoma;
    font-size: 11px;
    height: 17px;
}

.ms-picker-daycenter {
    height: 10px;
}

.ms-picker-dayother a {
    text-decoration: none;
    background-color: #F0F0F0;
    color: #CACACA !important;
}

.ms-picker-header span {
    color: #000 !important;
    font-weight: 600;
    font-size: 10px !important;
    padding: 4px 0 3px;
    float: left;
    margin: 0 1px;
}

.ms-picker-today {
    height: 10px;
}

.ms-picker-daycenter {
    height: 10px;
    font-size: 13px;
}

TD.ms-picker-today {
    font-size: 8pt; /* border: #122D53 1px solid !important; */
    font-family: tahoma;
    text-align: center;
    background: #122D53;
}

TD.ms-picker-dayother {
    background-color: #F0F0F0;
    color: red;
    font-size: 8pt;
    font-family: tahoma;
    text-align: center;
}

TD.ms-picker-daycenter {
    font-size: 8pt;
    font-family: tahoma;
    text-align: center;
}

div[id$=CalFromDate_div] {
    width: 158px !important;
}

.ms-picker-daycenter A {
    text-decoration: none;
    color: rgb(234, 154, 59);
}

.ms-picker-today A {
    text-decoration: none;
    font-weight: 700;
    color: rgb(234, 154, 59) !important;
}

.ms-picker-dayselected A {
    text-decoration: none;
}

.ms-picker-dayother a {
    text-decoration: none;
    background-color: #F0F0F0;
    color: #CACACA !important;
}

    .ms-picker-dayother a:hover {
        text-decoration: underline;
        background-color: #F0F0F0;
        color: #CACACA;
    }

    .ms-picker-dayother a:visited {
        color: #CACACA;
    }

.ms-picker-daycenterOn A {
    color: #000;
    text-decoration: underline;
}

.mspicker-daycenterOn A:hover {
    color: #000;
    text-decoration: underline;
}

.ms-picker-table .ms-picker-daycenterOn {
    background-color: #fff;
}

TD.ms-picker-dayselected {
    font-size: 8pt;
    font-family: tahoma;
    background-color: #ffdf88;
    text-align: center;
    border: #E6B800 1px solid;
}

.ms-picker-dayselected a {
    background-color: #ffdf88;
}

table.ms-quicklaunch {
    color: #7f7f7f !important;
    background-color: #ebf3ff;
    text-align: center;
    border: #ebf3ff 1px solid !important;
    padding: 0;
    margin: 0;
}

.ms-picker-monthcenter A {
    font-size: 8pt;
    color: #039;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthcenter A:active {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:link {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:visited {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenter A:hover {
        font-size: 8pt;
        color: #039;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-monthcenterOn {
    border-left: #d2b47a 1px solid;
    border-top: #d2b47a 1px solid;
    background-image: url(/_layouts/images/selectednav.gif);
    padding-bottom: 3px;
    border-right: #d2b47a 1px solid;
    cursor: pointer;
    border-bottom: #d2b47a 1px solid;
    background-repeat: repeat-x;
    background-color: #ffda8a;
    text-align: center;
}

.ms-picker-monthcenterOn A {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthcenterOn A:active {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:link {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:hover {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthcenterOn A:visited {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-monthselected {
    border-left: #d2b47a 1px solid;
    border-top: #d2b47a 1px solid;
    background-image: url(/_layouts/images/selectednav.gif);
    padding-bottom: 3px;
    border-right: #d2b47a 1px solid;
    border-bottom: #d2b47a 1px solid;
    background-repeat: repeat-x;
    background-color: #ffda8a;
    text-align: center;
}

.ms-picker-monthselected A {
    font-size: 8pt;
    cursor: pointer;
    color: #000;
    font-family: Tahoma;
    text-decoration: none;
}

    .ms-picker-monthselected A:active {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:link {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:hover {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

    .ms-picker-monthselected A:visited {
        font-size: 8pt;
        cursor: pointer;
        color: #000;
        font-family: Tahoma;
        text-decoration: none;
    }

TABLE.ms-picker-table,
TD.ms-picker-footer {
    border-top: #c2dcff 1px solid;
    font-size: 8pt;
    color: #4c4c4c;
    font-family: Tahoma;
    padding: 5px;
}

.ms-picker-footer A {
    color: #039;
}

    .ms-picker-footer A:hover {
        color: #000;
        text-decoration: underline;
    }

.ms-picker-month {
    font-weight: 700;
    font-size: 8pt;
    padding: 2px 0 5px;
}

.ms-picker-line {
    border-top: #9ba3b5 2px solid;
}

.ms-quickLaunch tr:first-child td {
    background-image: url('/Style Library/eImages/en/header-bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #fcfcfc !important;
    border: none;
    height: 22px;
    padding: 0;
    text-align: center;
}

    .ms-quickLaunch tr:first-child td table {
        padding: 3px 0 0;
        margin: 0;
    }

.span-17 table.ms-picker-header {
    display: inline !important;
}

#imagesListContainer {
    width: 930px !important;
}

.galleryModule li {
    float: left !important;
}

a.remove-link {
    color: red;
}

.jspPane {
    margin-left: 0 !important;
}

.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    display: none !important;
}

#uploadStep2 .stepsUL {
    margin-right: 42px;
    margin-bottom: 28px;
}

.red {
    color: red !important;
    font-size: 14px;
}

.ms-picker-nextmonth,
.ms-picker-prevmonth {
    background: url('/Style Library/images/calarrows.png') no-repeat;
    width: 16px;
    height: 16px;
}

.ms-picker-nextmonth {
    background-position: -21px 0;
}

.ms-picker-prevmonth {
    background-position: 9px 0px;
}

.ms-picker-header td {
    width: 153px !important;
}

    .ms-picker-header td:first-child,
    .ms-picker-header td:last-child {
        width: 24px !important;
    }
/*form*/

.form .placeholder {
    display: none;
}

.customfile-button {
    height: 40px;
    line-height: 20px;
}

.customfile-input {
    height: 5px !important;
}

.displayOnly .mandatory {
    top: 13.5px;
}

.form .formItem {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    margin: 15px 0;
}
.form .formItem.bigger{width:100%;}
.form .formItem.bigger .custom-input-list td{padding:14px 20px}
.modal .close{min-width:0;float:left;font-size:25px}

    .form .formItem.hinted .rfv-val[style*="inline"] {
        display: block !important;
        margin-top: 5px;
    }

    .form .formItem.fixed-height {
        min-height: 58px;
    }

.dateFromTo.dateFromToTime { /*width: 100%;*/
    padding: 0 15px;
}

    .dateFromTo.dateFromToTime .dateTo,
    .dateFromTo.dateFromToTime .dateFrom { /*width: 46%;*/ /*float: left;*/ /*margin-right: 2%;*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dateFromToTime .formItem.Width100 {
    width: 100% !important;
    padding: 0px;
}

.complaintsTakeAction .formItem .dropDownLabel {
    width: 200px;
}

.complaintsTakeAction .formItem .dropDownList {
    width: 200px;
}

.formItem .itemTitle {
    color: #E59433;
    width: 110px;
    display: inline-block;
}

.formItem.MICEAddDate {
    height: 40px;
    line-height: 40px;
    color: rgb(18, 45, 83);
}

.captcha table {
    direction: ltr;
}

#recaptcha_privacy {
    display: none;
}

.formButtons {
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
    margin: 10px 0px;
}

.formItem.full-width {
    width: 100%;
}

.form {
    width: 90%;
    margin: 20px auto;
}

    .form .formItem .dropDownLabel {
        height: 40px;
    }

        .form .formItem .dropDownLabel span {
            line-height: 40px;
        }

    .form .hint {
        color: #B3B3B3;
        font-size: 12px;
        margin: 5px 0 10px;
        display: inline-block;
    }

/*.searchForm .form {
    width: 95%;
    margin: 0px auto;
}*/

.searchTextBox {
    height: 35px;
    width: 160px; /*border: 1px solid #D7D7D7 !important;*/ /*background-color: rgb(241, 241, 241) !important;*/
    outline: 0; /*border-radius: 5px;*/
    padding-right: 40px !important;
}

.homePage .searchBtn {
    border: 0px !important;
    background-color: transparent !important;
    background: url('/Style Library/Images/searchGlass.png');
    background-repeat: no-repeat;
    margin: 0 15px;
    float: left;
    background-size: 31px;
    background-position: 100%;
    color: transparent !important;
    position: absolute;
    right: 0px;
    top: 5px;
    height: 32px;
    outline: none;
}

.searchBtn {
    border: 0px !important;
    background-color: transparent !important;
    background: url('/Style Library/Images/searchGlass.png');
    background-repeat: no-repeat;
    margin: 0 15px;
    float: left;
    background-size: 31px;
    background-position: 100%;
    color: transparent !important;
    position: absolute;
    right: 0px;
    top: 5px;
    height: 32px;
    outline: none;
}

.formfilteritem.formItem {
    padding-left: 0px;
    padding-right: 5px;
}

.SitesNameFilter .formfilteritem.formItem {
    width: 13% !important;
}

.formItem .textBox {
    background: #FEFEFE;
    max-width: 100% !important;
    width: 100%;
    min-width: 100% !important;
    padding: 7px 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #adadae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    display: inline-block;
    float: left;
    margin-bottom: 0;
}

    .formItem .textBox:not(.textArea) {
        height: 40px !important;
    }

    .formItem .textBox[id$="txt_Subject"] {
        height: 180px !important;
        resize: none;
    }

.dateFromTo.lg-cal-icon > div > img {
    height: 40px;
    width: auto;
}

.formfilteritem .FilterTxtbox {
    height: 35px;
}

[id$="txt_Subject"] {
    height: 180px !important;
    resize: none;
}

[id$="txt_SubjectOfInterview"] {
    height: 180px !important;
    resize: none;
}

.formItem .textArea {
    background: #FEFEFE;
    max-width: 100% !important;
    width: 100%;
    min-width: 100% !important;
    padding: 7px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #adadae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    display: inline-block;
    float: left;
    min-height: 80px !important;
    resize: vertical !important;
    height: auto !Important;
}

    .formItem .textArea:focus,
    .formItem .textBox:focus {
        background-color: rgb(250, 255, 189);
    }
/*form*/
/*MICE take action*/

.takeActionCont {
    width: 90%;
    margin: 20px auto;
}

a.AddLink {
    font-size: 20px;
    line-height: 29px;
}

.form .takeActionCont {
    width: 100%;
}

.takeActionCont.complaintsListGrid {
    width: 100%;
    margin: auto;
}

.takeActionCont table {
    width: 100%;
    text-align: center;
}

.tableValidator {
    color: red;
    width: 100%;
    float: right;
    padding-top: 5px;
}

.takeActionCont table tr {
    width: 20%; /*height: 30px;*/
}

.takeActionCont table th {
    text-align: center;
    width: 20%;
    color: rgb(249, 161, 55);
    height: 30px;
    background-color: rgb(18, 45, 83);
}

.takeActionCont table td {
}

.gridBtns input {
    background-color: #937f59 !important;
    color: #fff !important;
    font-family: GEFlow !important;
    border: 0 !important;
    outline: none;
    height: 2.5vw;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    width: 27%;
}

.gridBtns {
    width: 280px;
}

a.actionTaken {
    display: block;
    width: 100%;
    height: 24px;
    cursor: default;
}

    a.actionTaken:hover {
        text-decoration: none;
    }

a.takeActionLink {
    color: rgb(249, 161, 55);
}

a.actionTaken:before {
    content: '\2713';
    color: rgb(23, 186, 23);
    font-size: 20px;
}
/*related Links*/

.relatedLinksCont {
    width: 90%;
    margin: 20px auto;
}

.relatedLinksPhoto {
    width: 19%;
    margin-right: 1%;
    height: 200px;
    background-color: #F2F2F2;
    float: left;
    margin-bottom: 1%;
}

    .relatedLinksPhoto a {
        width: 100%;
        height: 100%;
        display: block;
    }

        .relatedLinksPhoto a img {
            position: absolute;
            top: 0;
            bottom: 0px;
            right: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
            max-height: 100%;
        }

.relatedLinksCont table {
    width: 100%;
    margin: auto;
}

.relatedLinksCont table {
    width: 100%;
    text-align: center;
}

    .relatedLinksCont table tr {
        width: 20%;
        height: 30px;
    }

    .relatedLinksCont table th {
        width: 20%;
        color: rgb(249, 161, 55);
        height: 30px;
        background-color: rgb(18, 45, 83);
    }

    .relatedLinksCont table td img {
        width: 50%;
    }

    .relatedLinksCont table td {
        border-bottom: 1px solid #C5C5C5;
    }

        .relatedLinksCont table td:first-of-type {
            border-right: 1px solid #C5C5C5;
        }

a.relatedLinksCont {
    display: block;
    width: 100%;
    height: 24px;
    cursor: default;
}

    a.relatedLinksCont:hover {
        text-decoration: none;
    }

a.relatedLinksCont {
    color: rgb(249, 161, 55);
}

    a.relatedLinksCont:before {
        content: '\2713';
        color: rgb(23, 186, 23);
        font-size: 20px;
    }
/*FAQ*/

#SingleCatList {
    display: none;
}

.CatsSortable {
    width: 90%;
    margin: 0 auto;
}

#categoriesContainer .catCont h4.closed:before {
    content: '+';
    position: absolute;
    right: 0px;
    width: 40px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}

#categoriesContainer .catCont h4.opened:before {
    content: '-';
    position: absolute;
    right: 0px;
    width: 40px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
}


/*end FAQ*/

.broadCastLink {
    margin: 10px;
}

    .broadCastLink a {
        color: #E59433;
    }

.eservicesLink:hover {
    background-color: #E59433;
}

.eservicesContInner {
    width: 70vw;
    margin: 0 auto !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50%;
    right: 0;
    left: 0;
    background-color: rgb(14, 35, 64) !important;
    border: none !important;
}

    .eservicesContInner .flex-direction-nav .flex-prev {
        height: 15.5vh;
        width: 5vw;
        left: -50px !important;
        margin-top: -40px;
    }

.eservicesLink img {
    width: 70%;
    height: 20vh;
}

.adsImage {
    height: 100%;
}

/*news inner*/

.newsItemInner.noImage {
    height: 100px;
    padding: 10px;
}

.GuidelinesItemInnerMain {
    color: rgb(229, 148, 51);
    background-color: rgb(18, 45, 83);
    box-sizing: border-box;
    width: 100%;
    padding: 0px 10px;
    position: relative;
    font-size: 18px;
    float: left;
}

.colapseTitle {
    margin: 5px 0px;
}

.colapseContent {
    display: none;
}

.GuidelinesItemInnerMain.closed:before {
    content: '+';
    position: absolute;
    right: 0px;
    width: 40px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}

.GuidelinesItemInnerMain.opened:before {
    content: '-';
    position: absolute;
    right: 0px;
    width: 40px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.GuidelinesItemInnerMainCont {
    width: 100%;
    float: left; /* margin-right: 1%; */
}

.newsItemInner:nth-of-type(even) {
    margin-right: 0px !important;
}


.GuidelinesContainerInner {
    display: none;
}

.nextPagingBunch {
    font-family: monospace;
    font-size: 25px;
    display: inline-block;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.prevPagingBunch {
    font-family: monospace;
    font-size: 25px;
    display: inline-block;
}

.pager .pageNumberText {
    margin: 0px 6px;
    width: 80px;
    height: 25px;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    position: relative;
}

    .pager .pageNumberText:nth-child(3), .pager .pageNumberText:nth-last-child(3) {
        font-size: 45px;
        height: 50px;
        line-height: 34px;
        font-family: Lucida Console;
        width: 35px;
        top: 5px;
    }

.pageNumberText.dimPager {
    color: rgb(215, 219, 223);
    cursor: not-allowed;
}

.nextPage.pageNumberText:before { /* content: '\00ab'; */
    width: 0px;
    height: 0px;
    font-size: 29px;
    font-family: monospace;
    direction: ltr;
    position: absolute;
    left: 7px;
    top: -2px;
}

.previousPage.pageNumberText:after { /* content: '\00ab'; */
    width: 0;
    height: 0px;
    font-size: 29px;
    font-family: monospace;
    padding-left: 6px;
}

.pager span {
    cursor: pointer;
}

.pager .pageNumber {
    margin: 0 7px;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    display: none;
}

.pageNumber.currentPagerPages {
    display: inline-block;
}

.pager a {
    margin: 0 7px;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    color: rgb(18, 45, 83);
}

.pager .selected {
    background-color: rgb(230, 148, 51);
    border-radius: 50%;
    color: #fff;
}

.noImage .addThisNewsInner {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
}

.addThisNewsInner a {
}

a.atc_s.addthis_button_compact {
}

.addThisNewsInner .ddthis_button_compact {
    width: 100%;
}

.noImage .addThisNewsInner.addThisGuidelinesInner > div > a {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 20% !important;
    border: 0px;
}

.addThisNewsInner a:last-of-type {
    border: 0;
}

.newsTitleInner.eventTitleInner:hover {
    text-decoration: none;
    color: #E59433;
}

.newsTitleInner.eventTitleInner {
    font-weight: bold;
    position: relative;
    display: block;
    padding-bottom: 10px;
}

    .newsTitleInner.eventTitleInner:before {
        content: '';
        width: 50%;
        position: absolute;
        bottom: 0px;
        height: 2px;
        background-color: #122D53;
    }

.downloadIcon {
    background: url('/Style Library/Images/downloadOrange.png');
    display: block;
    width: 58px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}

.newsItemInner.noImage .newsDateInner {
    border: 0;
    margin-top: 10px;
}

.GuidelinesDateInner.newsDateInner {
    padding-top: 0.75vw;
}

.dropDownLabel.disabled span {
    color: rgb(177, 177, 184) !important;
}

.dropDownLabel.disabled .mandatory {
    display: none;
}

.dropDownLabel.disabled {
    border-color: rgb(177, 177, 186);
    cursor: not-allowed;
}

.form .dropDownLabel .placeholder {
    display: block;
}

.dropDownLabel.disabled:before {
    outline: #B2B2B2 solid 17px;
    border-color: #FFFFFF #B2B2B2 #B2B2B2 #B2B2B2;
}

.txtboxCal, .text-datepicker {
    height: 2.5vw;
    padding: 0 1vw !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 !important;
    background-position: 100%;
}

.dateFromTo select {
    width: 54px;
    border-radius: 3px;
    color: rgb(18, 45, 83);
}


.dateFromTo > div > img { /* display: none; */
    position: ABSOLUTE;
    width: 34px;
    height: 34px;
    right: 0px;
    content: url('/Style Library/Images/calIcon.png');
}

.dateFromTo input {
    box-sizing: border-box;
    width: inherit;
    padding: 0px 10px !important;
    height: 35px;
    width: 100%;
}
/*end news inner*/
/*news details*/
.newsDetCont.newsDetContEdit .newsDetImage {
    float: left;
    margin-left: 0px;
}

.newsDetCont.newsDetContEdit .newsDetBrief {
}

.newsDetCont.newsDetContEdit .newsDetBody {
    float: left;
}

.newsRating {
    width: 33%;
}

    .newsRating * {
        float: right;
    }

/*.newsDetBody * {
    font-family: myriad pro !important;
    font-size: 13px !important;
}*/
.newsDetBody .ms-rtestate-field p, .newsDetBody p.ms-rteElement-P, .newsDetBody p, .newsDetBody span, .newsDetBody div, .newsDetBody a {
    font-family: 'myriad pro' !important;
    font-size: 13px;
}

.newsDetBrief {
    font-weight: bold;
    color: rgb(32, 80, 129);
    float: left;
}

.newsDetImage img {
    width: 100%;
}

.newsDetTitle:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #e79b3b transparent;
    float: right;
}

.newsDetTitle:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e79b3b transparent transparent;
    float: left;
}
/*end news details*/
/*sharepint*/

.s4-breadcrumb,
.tableCol-75,
#searchIcon {
    display: none;
}

.welcome-content {
    margin: 0;
    height: 0px;
}

.breadCrumb .pageTitle { /*width: 90%;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 10px;
}

.breadCrumb .backTo { /*width: 90%;*/
    color: #fff;
    font-size: 14px;
    margin: auto;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.s4-breadcrumb a {
    color: #fff;
}

ul.s4-breadcrumb {
}

#contentBox {
    margin-left: 0px;
    margin-right: 0px;
}

#contentRow {
    padding-top: 0px;
}
/*sharepint end*/

.takeActionCont table td {
}

a.actionTaken {
    display: block;
    width: 100%;
    height: 24px;
    cursor: default;
}

    a.actionTaken:hover {
        text-decoration: none;
    }

a.takeActionLink {
    color: rgb(249, 161, 55);
}

a.actionTaken:before {
    content: '\2713';
    color: rgb(23, 186, 23);
    font-size: 20px;
}
/*related Links*/

.relatedLinksCont {
    width: 90%;
    margin: 20px auto;
}

    .relatedLinksCont table {
        width: 100%;
        margin: auto;
    }

    .relatedLinksCont table {
        width: 100%;
        text-align: center;
    }

        .relatedLinksCont table tr {
            width: 20%;
            height: 30px;
        }

        .relatedLinksCont table th {
            width: 20%;
            color: rgb(249, 161, 55);
            height: 30px;
            background-color: rgb(18, 45, 83);
        }

        .relatedLinksCont table td img {
            width: 50%;
        }

        .relatedLinksCont table td {
            border-bottom: 1px solid #C5C5C5;
        }

            .relatedLinksCont table td:first-of-type {
                border-right: 1px solid #C5C5C5;
            }

a.relatedLinksCont {
    display: block;
    width: 100%;
    height: 24px;
    cursor: default;
}

    a.relatedLinksCont:hover {
        text-decoration: none;
    }

a.relatedLinksCont {
    color: rgb(249, 161, 55);
}

    a.relatedLinksCont:before {
        content: '\2713';
        color: rgb(23, 186, 23);
        font-size: 20px;
    }
/*FAQ*/

#SingleCatList {
    display: none;
}

.CatsSortable {
    width: 90%;
    margin: 0 auto;
}

#categoriesContainer {
    width: 100%;
    float: left;
    display: none;
    margin-top: 30px;
}

    #categoriesContainer .FAQColumn {
        float: left;
        width: 47%;
        margin: 0 1%;
    }

    #categoriesContainer .catCont {
        width: 100%;
        float: left;
        margin: 5px 0px;
    }

        #categoriesContainer .catCont h4 {
            color: rgb(255 255 255);
            background-color: rgb(19 77 49);
            height: 40px;
            line-height: 40px;
            box-sizing: border-box;
            width: 100%;
            padding: 0px 10px;
            position: relative;
            font-size: 18px;
        }

            #categoriesContainer .catCont h4.closed:before {
                content: '+';
                position: absolute;
                right: 0px;
                width: 40px;
                text-align: center;
                background-color: #808080;
                color: #fff;
                font-size: 26px;
                font-weight: bold;
                line-height: 40px;
            }

            #categoriesContainer .catCont h4.opened:before {
                content: '-';
                position: absolute;
                right: 0px;
                width: 40px;
                text-align: center;
                background-color: #808080;
                color: #fff;
                font-size: 25px;
                font-weight: bold;
                line-height: 40px;
            }

.catCont li {
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    padding: 10px 50px;
    position: relative;
    margin: 5px 0px;
}

    .catCont li:before {
        content: '';
        width: 0;
        height: 0px;
        border-style: solid;
        border-width: 7px 6px 7px 8px;
        border-color: #bfbfbf #BFBFBF #bfbfbf #FFFFFF;
        position: absolute;
        left: 11px;
        top: 50%;
        outline: #bfbfbf solid 11px;
        top: 11px;
    }

    .catCont li.openedQ:before {
        border-color: #ffffff #1d4d30 #1d4d30 #1d4d30;
        outline: #1d4d30 solid 11px;
    }

.catCont ul {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.openedQ .question {
    color: rgb(229, 148, 51);
    font-weight: bold;
    line-height: 30px;
}

.openedQ .answer {
    color: rgb(18, 45, 83);
    line-height: 20px;
}
/*end FAQ*/

.broadCastCont {
    width: 90%;
    margin: 40px auto;
}

    .broadCastCont * {
        text-align: center;
    }

.broadCastLink {
    margin: 10px;
}

    .broadCastLink a {
        color: #E59433;
    }

.eservicesLink {
    display: inline-block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 2vh;
}

    .eservicesLink:hover {
        background-color: #E59433;
    }

.eservicesContInner {
    width: 70vw;
    margin: 0 auto !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 52%;
    right: 0;
    left: 0;
    background-color: rgb(14, 35, 64) !important;
    border: none !important;
}

    .eservicesContInner .flex-direction-nav .flex-next:before {
        content: ' ';
        color: #fff;
        font-weight: lighter;
        width: 5vw;
        background: url('/Style Library/Images/eservcesArrows.png');
        height: 15vh;
        background-position: 70px 0px;
    }

    .eservicesContInner .flex-direction-nav .flex-next {
        height: 15.5vh;
        width: 5vw;
        right: -50px !important;
        margin-top: -40px;
    }

    .eservicesContInner .flex-direction-nav .flex-prev {
        height: 15.5vh;
        width: 5vw;
        left: -50px !important;
        margin-top: -40px;
    }

        .eservicesContInner .flex-direction-nav .flex-prev:before {
            content: ' ';
            color: #fff;
            font-weight: lighter;
            width: 5vw;
            background: url('/Style Library/Images/eservcesArrows.png');
            height: 15vh;
            background-position: 0px 0px;
        }

    .eservicesContInner .flex-viewport * {
        height: 100%;
    }

    .eservicesContInner .flex-viewport ul li a {
        background-repeat: no-repeat;
        background-position: center 20%;
        background-size: 96px 108px;
        position: relative; /*width: 29%;
        margin-right: 3.6%;*/
        width: 33.333333%;
        border-radius: 5px;
    }

        .eservicesContInner .flex-viewport ul li a:last-of-type {
            margin-right: 0px;
        }

        .eservicesContInner .flex-viewport ul li a:first-of-type {
            margin-left: 0;
        }

    .eservicesContInner .flex-viewport {
        height: 100%;
    }

.flex-viewport {
}

.eservicesContInner.flexslider .slides > li {
    width: 10% !important;
}

    .eservicesContInner.flexslider .slides > li a:hover {
        background-color: rgb(229, 148, 51);
        -webkit-transition: background-color 1000ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }

        .eservicesContInner.flexslider .slides > li a:hover span {
            color: #004d32;
        }

.eservicesHead {
    display: none;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
    width: 191px;
    margin: 0;
    padding-top: 7vh;
    font-family: myriad pro !important;
    margin-bottom: 7vh;
    margin-left: 15vw;
    height: 5vh;
    line-height: 6vh;
    text-transform: uppercase;
}

.eservicesCont {
    width: 100%;
    height: 65vh;
    background-color: #004d32;
    position: relative;
}

.eservicesLink img {
    width: 70%;
    height: 20vh;
}

.eservicesTitle {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2.5vh;
    position: relative;
    top: 23vh;
}

.adItem {
    width: 32.9%;
    float: left;
    height: 100%;
    position: relative;
    padding: 0 0.2%;
    opacity: 0.3;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

.adsLink {
    display: block;
    width: 99%;
    height: 27vh;
    position: absolute;
    z-index: 30;
}

.adItem.currentAd { /* width: 50%; */
    opacity: 1;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

.adsImage {
    height: 100%;
}

.adsCont {
    width: 150%;
    background-color: rgb(14, 35, 64);
    float: left;
    height: 30vh;
    padding-bottom: 5vh;
    position: relative;
}

.adsWrap {
    width: 100%;
    overflow: hidden;
}

.adItem img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}
/*news inner*/

.newsItemInner {
    width: 49%;
    float: left;
    border: 1px solid #acacac;
    height: 220px; /* padding: 2%; */
    margin: 1%;
    box-sizing: border-box;
    position: relative;
}

    .newsItemInner.noImage {
        height: 160px;
        padding: 10px;
    }

.GuidelinesDataInner.newsItemInner.noImage {
    height: 142px; /* width: 100%; */ /* margin: 1% 0px; */
    WIDTH: 48%;
    MARGIN-right: 1% !IMPORTANT; /* display: none; */
    padding-right: 54px;
    margin-left: 0px;
}

    .GuidelinesDataInner.newsItemInner.noImage:nth-of-type(even) {
        margin-right: 1% !IMPORTANT;
    }

.GuidelinesItemInnerMain {
    color: #fff;
    background-color: #1e6947;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    position: relative;
    font-size: 18px;
    float: left;
}

.colapseTitle {
    margin: 5px 0px;
}

.colapseContent {
    display: none;
}

.GuidelinesItemInnerMain.closed:before {
    content: '+';
    position: absolute;
    right: 0px;
    width: 40px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}

.GuidelinesItemInnerMain.opened:before {
    content: '-';
    position: absolute;
    right: 0px;
    width: 40px;
    height: 100%;
    top: 0;
    text-align: center;
    background-color: #808080;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.GuidelinesItemInnerMainCont {
    width: 100%;
    float: left; /* margin-right: 1%; */
}

.newsItemInner:nth-of-type(even) {
    margin-right: 0px !important;
}

.GuidelinesCategoryInner {
}

.newsItemInner:nth-of-type(odd) {
    margin-left: 0px !important;
}

.newsListingCont {
    width: 90%;
    margin: 0 auto; /* float: left; */
}

.newsContainerInner {
    width: 100%;
    float: left;
}

.GuidelinesContainerInner {
    display: none;
}

.pager {
    width: 100%;
    float: left;
    text-align: center;
    height: 25px;
    margin: 25px 0;
}

.nextPagingBunch {
    font-family: monospace;
    font-size: 25px;
    display: inline-block;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.prevPagingBunch {
    font-family: monospace;
    font-size: 25px;
    display: inline-block;
}

.pager .pageNumberText {
    margin: 0px 6px;
    width: 80px;
    height: 25px;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    position: relative;
}

.pageNumberText.dimPager {
    color: rgb(215, 219, 223);
    cursor: not-allowed;
    pointer-events: none;
}

.nextPage.pageNumberText:before { /* content: '\00ab'; */
    width: 0px;
    height: 0px;
    font-size: 29px;
    font-family: monospace;
    direction: ltr;
    position: absolute;
    left: 7px;
    top: -2px;
}

.previousPage.pageNumberText:after { /* content: '\00ab'; */
    width: 0;
    height: 0px;
    font-size: 29px;
    font-family: monospace;
    padding-left: 6px;
}

.previousPage.pageNumberText {
}

.pager .pageNumber.currentPage {
    background-color: rgb(230, 148, 51);
    border-radius: 50%;
    color: #fff;
}

.pager span {
    cursor: pointer;
}

.pager .pageNumber {
    margin: 0 7px;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    display: none;
}

.pageNumber.currentPagerPages {
    display: inline-block;
}

.pager a {
    margin: 0 7px;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    color: rgb(18, 45, 83);
}

.pager .selected {
    background-color: rgb(230, 148, 51);
    border-radius: 50%;
    color: #fff;
}

.newsImageInner {
    width: 40%;
    float: right;
    height: 100%;
    z-index: 5;
    position: relative;
    background-color: #FFFFFF;
}

    .newsImageInner a {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-size: contain !important;
    }

.newsDataInner {
    width: 58%;
    float: right;
    height: 100%;
    position: relative;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}

.addThisNewsInner {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    direction: rtl;
    overflow: hidden;
}

.noImage .addThisNewsInner {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.addThisNewsInner > div > a {
    width: auto;
}

.noImage .addThisNewsInner.addThisGuidelinesInner > div > a {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 20% !important;
    border: 0px;
}

.addthis_native_toolbox.addThisGuidelinesInner.addThisNewsInner {
}

.addThisGuidelinesInner.addThisNewsInner a {
}

.addThisNewsInner a:last-of-type {
    border: 0;
}

.moreNews {
    color: rgb(234, 154, 59);
    position: absolute;
    bottom: 40px;
    right: -30px;
}

.newsItem .moreNews {
    right: 20px;
    font-size: 16px;
}

.moreNews:visited {
    color: rgb(234, 154, 59);
}

.moreNews:after {
    content: '>';
    font-size: 17px;
    color: rgb(18, 45, 83);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: rgb(234, 154, 59);
    font-family: monospace;
    font-weight: bold;
    margin-left: 5px;
    width: 25px;
    height: 25px;
}

.newsTitleInner {
    color: #2b6946;
    font-size: 18px;
}

    .newsTitleInner:visited {
        color: #004d32;
    }

.newsSort input { /*width: 77px;*/ /*height: 34px;*/
    width: auto;
    height: 35px;
}

.btn {
    background-color: #fff !important;
    color: #004d32 !important;
    font-family: myriad pro !important;
    border: 0px !important;
    outline: none;
    height: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px !important;
    min-width: 120px;
    margin-left: 5px !important;
    border: 1px solid #004d32 !important;
}

    .btn:hover {
        background-color: rgb(255, 161, 50) !important; /* color: rgb(255, 255, 255); */
        font-family: myriad pro !important;
        border: 0px;
    }

.SitesFilters .newsSearchBtns .btn {
    height: 35px;
}

.newsSort {
    float: right;
}

ul.OrgTabs li { /*height: 32px;*/
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsDateInner {
    color: #937f59;
    font-size: 0.9em; /*border-bottom: 1px solid #122e56;*/
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.75vw;
    width: 70%;
}

.downloadIcon {
    background: url('/Style Library/Images/downloadOrange.png');
    display: block;
    width: 58px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}

.GuidelinesDateInner.newsDateInner {
    padding-top: 0.75vw;
}

.newsBriefInner {
    font-size: 0.95em;
    color: rgb(20, 46, 83);
    padding-top: 10px;
}

.newsCategoryInner {
    color: rgb(234, 154, 59);
}

.newsDataInner:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 78px 218px 0;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    right: -78px;
}

.newsImageInner img {
    width: 100%;
    height: 100%;
    display: inline-block; /*margin: auto 0px !important;
    position: absolute;
    top: 0px;
    bottom: 0px;*/
}

.categoriesUL li {
    display: block;
}

.ddlCategories {
    position: relative;
    float: left;
    z-index: 9;
}

.dropDownList {
    width: 100%;
}

    .dropDownList ul {
        padding-left: 0;
        margin: 0;
        /*background-color: #ebebeb;*/
        width: 100%;
        color: #797979;
        display: none;
        position: absolute;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 300px;
        overflow: auto;
    }

        .dropDownList ul li {
            border-bottom: 1px solid #fff;
            line-height: 40px;
            padding: 0 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            width: 100%;
            /* height: 40px; */
            background-color: #ebebeb;
            cursor: pointer;
        }

            .dropDownList ul li:hover {
                color: rgb(249, 161, 55);
            }

.categoriesUL li {
    border-bottom: 1px dotted;
    padding: 0px 1vw;
    box-sizing: border-box;
}

.lblNewsCategory {
    width: 150px;
   /* background: #122d53 !important; */
    background:#004d32 !important;
    color: #fff !important;
    height: 35px;
    line-height: 35px;
    font-size: 1.2vw;
    padding: 0 1vw;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    height: 35px;
    width: 100%;
    height: 35px;
    line-height: 2.5vw;
    font-size: 14px;
    padding: 0vw 10px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid rgb(173, 173, 174);
    overflow: hidden;
    padding-right: 42px;
}

.dropDownLabel {
    width: 100%;
    background: rgb(254, 254, 254);
    color: #797979;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 50px 0 8px;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(173, 173, 174);
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.OrganizerCityFilter .lblNewsCategory {
    width: 100% !important;
}

.dropDownLabel:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #FFF #2b6946 #2b6946;
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -3px;
    outline: #2b6946 solid 17px;
}

.dropDownLabel.disabled span {
    color: rgb(177, 177, 184) !important;
}

.dropDownLabel.disabled .mandatory {
    display: none;
}

.dropDownLabel.disabled {
    border-color: rgb(177, 177, 186);
    cursor: not-allowed;
}

    .dropDownLabel.disabled:before {
        outline: #B2B2B2 solid 17px;
        border-color: #FFFFFF #B2B2B2 #B2B2B2 #B2B2B2;
    }

.txtboxCal {
    height: 2.5vw;
    padding: 0 1vw !important;
    box-sizing: border-box; /* background: url('/Style Library/Images/calIcon.png'); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100%;
}

    .txtboxCal:after {
    }

.newsCatFilter {
    float: left;
    margin-right: 5px;
    width: 160px; /* margin-left: 10px; */
}
.eventsListFilters .newsCatFilter
{
	margin: -22px 5px 5px 5px;
}

.eventTopImage{		
	position:absolute;		
	width:90px;		
	right:0;
}


.OrganizersFilters .newsCatFilter {
    margin: 0 5px;
}

.OrganizersFilters .dropDownLabel {
    box-sizing: border-box;
}

.OrganizersFilters .formItem .textBox {
    height: 35px !important;
}

.newsFilters {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: rgb(230, 230, 230);
    border: 2px solid rgb(196, 196, 196);
    box-sizing: border-box;
    position: relative;
    margin: 20px 0;
}

.SitesFilters .formItem .textBox {
    height: 35px !Important;
    margin-bottom: 0;
    /*SECB-260 Start*/
    /*width: 309px;*/
    width: 305px;
    max-width: none !important;
    /*SECB-260 End*/
}

.SitesFilters .placeholder {
    display: none;
}

.SitesTypeFilter {
    width: 139px !important;
    height: 35px;
    margin: 0 5px;
}

.CapacityFilter .FilterTxtbox {
    box-sizing: border-box;
    height: 35px;
    width: 100%;
}

.SitesTypeFilter .lblSitesType span {
    height: 35px !important;
    margin-bottom: 0px !important;
}

.SitesTypeFilter .lblSitesType:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8px 0 8px !important;
    border-color: #FFFFFF #808080 #808080 #808080;
    position: absolute;
    right: 12px;
    top: 51%;
    margin-top: -5px !important; /* background: #808080; */
    outline: #808080 solid 13px !important;
}

.SitesTypeFilter .lblSitesType {
    height: 35px !important;
    width: 100%;
    font-size: 14px;
}

.lstboxSitesType {
    /*top: 35px !important;*/
    top: 0;
    position: relative;
    z-index: 10;
    display: none;
    width: 100%;
}

    .lstboxSitesType tr td {
        height: 35px;
    }

.newsFilters [id$="LblErrorMessage"] {
    position: absolute;
    bottom: -55px;
    left: 0px;
    display: block;
    height: 40px;
    line-height: 40px;
}

.newsFilters .lblDate {
    float: left;
    background: rgb(30 104 71);
    color: rgb(255 255 255);
    height: 35px;
    font-size: 12px;
    line-height: 31px;
    width: 5vw;
    text-align: center;
}

.dateFromTo {
    float: left;
}

.data-filter .dateFromTo {
    height: auto;
}

.dateFromTo select {
    width: 54px;
    border-radius: 3px;
    color: rgb(18, 45, 83);
}

.newsSearchBtns {
    float: left;
}

.OrganizerItemInner .OrganizerNameInner, .SitesItemInner .SiteNameInner {
    font-size: 20px;
}

.OrganizerItemInner .OrganizerDescriptionInner, .SitesItemInner .SiteDescriptionInner {
    font-size: 15px;
}

.newsRss {
    width: 25px;
    margin-left: 20px;
    background-color: #EFEFEF;
    border-radius: 50%;
    padding: 5px;
}

    .newsRss:hover {
        background-color: #FFFFFF;
    }

.dateFromTo > div { /*display: inline-block;
    position: relative;
    height: 35px;
    width: 49%;
    margin-right: 0.5%;*/
    display: inline-block;
    position: relative;
    width: 140px;
    margin-right: 5px;
}

    .dateFromTo > div .txtboxCal {
        height: 35px;
    }

    .dateFromTo > div > img,
    .dateFromTo > div > div > img {
        content: url('/Style Library/Images/calIcon.png');
        width: 35px;
        height: 35px;
        position: absolute;
        right: 0px;
        top: 0;
    }

.calPlaceHolder {
    display: none;
}

.ddlCategories select {
    display: none;
}

.lblNewsCategory:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #FFFFFF #808080 #808080 #808080;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px; /* background: #808080; */
    outline: #808080 solid 13px;
}
/*end news inner*/
/*news details*/

.newsDetTitle {
    color: rgb(18, 45, 83);
    font-family: myriad pro !important;
    width: auto;
    float: left;
    font-size: 20px;
    margin-top: 30px;
}

.newsDetImage {
    float: right;
    width: 40%;
    margin-left: 2%;
    margin-bottom: 2%;
}

.newsDetCont.newsDetContEdit .newsDetImage {
    float: left;
    margin-left: 0px;
}

.newsDetCont.newsDetContEdit .newsDetBrief {
}

.newsDetCont.newsDetContEdit .newsDetBody {
    float: left;
}

.newsDetText {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.newsRating {
    width: 33%;
}

    .newsRating * {
        float: right;
    }

.newsDetDate {
    float: left;
    width: 33%;
    color: rgb(18, 45, 83);
}

.newsDetCategory {
    color: rgb(231, 155, 59);
    width: 33%;
    margin: 0;
    text-align: center;
}

.newsDetBody {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.newsDetBrief {
    font-weight: bold;
    color: rgb(32, 80, 129);
    float: left;
}

.newsDetImage img {
    width: 100%;
}

.addthis_native_toolboxr > div { /* background-color: #F1F1F1; */
    padding-top: 10px;
    padding-bottom: 10px;
}

.addthis_native_toolbox > div > a {
    height: 30px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: #ABABAB;*/
    background-color: transparent;
    text-align: center;
}

.newsDetCont {
    width: 90%;
    margin: 0 auto;
}

.newsDetTitle:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #937f59 transparent;
    float: right;
}

.newsDetTitle:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #937f59 transparent transparent;
    float: left;
}
/*end news details*/

/*sharepint*/

.s4-breadcrumb,
.tableCol-75 {
    display: none;
}
/*poll*/

/*.pollCont input[type=button] {
    float: none!important;
    clear: both;
}*/

.pollCont table[id$=Answers] {
    width: 100%; /*width: 69% !important;*/ /*margin-left: 2% !important;*/
}

    .pollCont table[id$=Answers] td label {
        color: #fff !important;
    }

.pollCont a[id$=ShowHideResultsButton] {
    margin: 10px 10px 0 0;
}

.pollCont { /*padding-top: 10vh !important;*/
    max-height: 100vh !important;
}

    .pollCont > div { /*width: 70%;*/ /*margin: auto !important;*/
        margin-top: 20px !important;
    }

    .pollCont p { /*width: 71% !important;*/ /* height: 5vh; */
    }

        .pollCont p:nth-child(5) img[id$=_ImageBar],
        .pollCont p:nth-child(3) img[id$=_ImageBar],
        .pollCont p:nth-child(2) img[id$=_ImageBar],
        .pollCont p:nth-child(1) img[id$=_ImageBar] { /* max-width: 35%!important; */ /* padding: 1.6vh 0!important; */
        }

        .pollCont p:nth-child(3) span[id$=_AnswerLabel] { /* width: 50%!important; */
        }

        .pollCont p:nth-child(4) img[id$=_ImageBar] { /* padding: 1.6vh 0!important; */ /* max-width: 35%!important; */
        }

        .pollCont p span[id$=NumericResultLabel] { /*margin-left: 5px;*/
        }

        .pollCont p span[id$=AnswerLabel] { /*width: 30% !important;*/
            width: 19%;
            font-size: 0.9em !important;
            color: #fff !important; /* height: 3.1vh!important; */
        }

        /*.pollCont input[type=button]:hover {
    background: #50A0C6 !important;
    border: 0px;
}*/

        /*.pollCont input[type=button] {
    padding: 1.4vh 1vh !important;
}*/

        .pollCont p:nth-child(1) span[id$=_AnswerLabel], .pollCont p:nth-child(2) span[id$=_AnswerLabel], .pollCont p:nth-child(3) span[id$=_AnswerLabel], .pollCont p:nth-child(4) span[id$=_AnswerLabel], .pollCont p:nth-child(5) span[id$=_AnswerLabel] {
            margin-right: 1%;
        }

    .pollCont div div .AnswersScroll .jspContainer { /* max-height: 70vh!important; */ /* height: 51vh!important; */
        min-height: 40vh !important;
    }

    .pollCont .PrevAns {
        width: 100% !important;
    }

    .pollCont a[id$=HistoryLink] {
        margin-left: 0 !important;
        float: left; /*display: block !important;*/ /*height: 17px;*/ /*margin-bottom: 5vh;*/
    }

        .pollCont a[id$=HistoryLink]:hover,
        .pollCont a[id$=ShowHideResultsButton]:hover {
            background-color: #E59433 !important;
            text-decoration: none;
            color: #fff !important; /* border-color: #fff; */
            -webkit-transition: background-color 1000ms linear;
            -moz-transition: background-color 1000ms linear;
            -o-transition: background-color 1000ms linear;
            transition: background-color 1000ms linear;
        }

    .pollCont div .AnswersScroll {
        width: 100% !important;
        margin: 0 auto;
        height: auto !important; /*max-height: 90vh;*/
    }

    .pollCont p:first-child {
        background-color: rgba(202,202,202,0.1); /*margin-left: 0 !important;*/ /*width: 26% !important;*/
        width: 40% !important;
        float: left; /*margin-right: 3% !important;*/
    }

        .pollCont p:first-child + div {
            float: left;
            width: 60%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 20px;
        }

    .pollCont > div > div > div > div > div > div > div > div[dir] {
        position: relative;
    }

    .pollCont > div > div > div > div > div > div > div > div > p:first-child {
        position: absolute;
        background: transparent;
        height: 100%;
        top: 0;
        left: 0;
    }

        .pollCont > div > div > div > div > div > div > div > div > p:first-child span {
            background: rgba(202,202,202,0.1);
        }

        .pollCont > div > div > div > div > div > div > div > div > p:first-child ~ p {
            float: left;
            font-size: 0;
            width: 60%;
            margin-left: 40%;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 20px;
        }

            .pollCont > div > div > div > div > div > div > div > div > p:first-child ~ p [id$=NumericResultLabel] {
                position: absolute;
                top: 15px;
                min-width: 30px;
                right: 5%;
                font: normal 16px 'Myriad Pro';
            }

            .pollCont > div > div > div > div > div > div > div > div > p:first-child ~ p [id$=_AnswerLabel] {
                text-align: center;
                line-height: 50px;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                font-size: 15px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            
            /*SECB-256 Start*/
            .AnswersScroll h2{
                text-align:left;
                color:#fff;
                margin-bottom:20px;
            }
            /*SECB-256 End*/
/*poll*/

.welcome.blank-wp {
    padding: 0px;
}

.welcome-content {
    margin: 0;
    height: 0px;
}

.breadCrumb {

    /*background: url('/Style Library/Images/inside_banner1.png');*/
    
    background: url('/Style Library/Images/inside_bannerNew.jpg');
    margin: 0px;
   /* background-repeat: no-repeat;*/
     background-repeat:round;

    background-size: cover;
    height: 126px;
     color: #ffffff;

    /*color: #004d32;*/
    font-size: 31px;
    text-transform: uppercase;
}

    .breadCrumb .pageTitle { /*width: 90%;*/
        margin: 0 auto;
        padding-top: 35px;
        padding-bottom: 10px;
    }

.s4-breadcrumb a {
    color: #fff;
}

ul.s4-breadcrumb {
}

#contentBox {
    margin-left: 0;
    margin-right: 0;
}

#contentRow {
    padding-top: 0px;
}
/*sharepint end*/
.confirmWrap {
    width: 100%;
    margin: 40px auto;
    text-align: left;
    font-size: 20px;
    height: 183px;
    float: left;
}

.confirmMsg.success:before {
    content: " ";
    display: block;
    border: solid 12px #4F8A10;
    border-radius: 50%;
    height: 0;
    width: 0;
    position: absolute;
    left: 7px;
    top: 13px;
}

.confirmMsg.success:after {
    content: "✔";
    display: block;
    width: 2px;
    height: 12px;
    color: #FFFFFF;
    border-width: 0 6px 6px 0;
    position: absolute;
    left: 11px;
    top: 12px;
}

.confirmMsg {
    padding: 16px;
    position: relative;
    padding-left: 35px;
    border-radius: 5px;
    display: inline-block;
    margin: 40px 10%;
    width: 80%;
    box-sizing: border-box;
}

    .confirmMsg.error {
        color: #D8000C;
        border: 2px solid #FFBABA;
    }

        .confirmMsg.error:after {
        }

        .confirmMsg.error:before {
            content: "✖";
            position: absolute;
            top: 21px;
            left: 0;
            z-index: 10;
            left: 7px;
            width: 23px;
            height: 23px;
            margin-top: -7px;
            color: #FFFFFF;
            background-color: #D8000C;
            border-radius: 50%;
            line-height: 27px;
            font-size: 16px;
            text-align: center;
        }

    .confirmMsg.success {
        color: #4F8A10;
        border: 2px solid #DFF2BF;
    }

.SitesItemInner { /*margin-right: 3%;*/
}

/* Organizers */

.OrganizersContainerInner { /*margin: 2vw 0 4vw;*/
    margin: 20px -5px;
    display: block;
}

.ui-tabs-panel#tabs-1 {
    clear: both;
    float: left;
    width: 100%;
}
/*.OrganizerItemInner:last-child{margin-left:0}*/
.OrganizerItemInner, .SitesItemInner { /*background: #e1e1e1;*/
    float: left; /*width: 22.7%;*/ /*width: 23%;*/
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /*height: 415px;*/ /*border-bottom: 3px solid #183d70;*/
    margin-bottom: 10px;
    padding: 0 5px; /*margin-right: 25px;*/ /*margin-right: 2%;*/ /*margin-right: 0;*/ /*position: relative;*/
}

.SitesItemInner {
    width: 33.333333%;
    padding: 0 15px;
}


    .OrganizerItemInner .item-list-content, .SitesItemInner .item-list-content {
        height: 415px;
        background: #e1e1e1;
        position: relative;
        border-bottom: 3px solid #183d70;
        padding-top: 10px;
    }

    .SitesItemInner .item-list-content {
        padding-top: 0;
        border: 1px solid #e1e1e1;
        border-bottom: 3px solid #183d70;
        background: #fff;
        height: 540px;
    }
/*.OrganizerItemInner .OrgImg {
        width: 77%;
        height: 51%;
        text-align: center;
        position: relative;
        right: -8%;
        margin: 20px 10px;
    }*/

.OrganizerItemInner .item-list-content .OrgImg {
    display: block;
    width: 75%;
    height: 0;
    padding-bottom: 75%;
    margin: auto;
    background-size: cover !important;
    border-radius: 50%;
}

.SitesItemInner .item-list-content .OrgImg {
    display: block;
    width: 100%;
    height: 200px;
    background-size: cover !important;
}

/*.OrganizerItemInner .OrgImg > a > img {
            width: 100%;
            height: 100%;
            display: inline-block;
            border-radius: 110px;
            border: 1px #afb0b0 solid !important;
        }*/

.OrganizerItemInner .OrganizerNameInner, .SitesItemInner .SiteNameInner {
    color: #122d53;
    font: 700 20px "Myriad Pro";
    text-align: center;
    margin: 20px 0;
    display: inline-block;
}

.SitesItemInner .SiteNameInner {
    display: block;
    text-align: left;
    padding: 20px;
    margin: 0;
}


.OrganizerItemInner .OrganizersDataInner, .SitesItemInner .OrganizersDataInner {
    text-align: center;
}

.OrganizerItemInner .ManageOrganizers, .SitesItemInner .ManageOrganizers {
    text-align: center;
    background: #c7c7c7;
}

.OrganizerItemInner .OrganizerDescriptionInner, .SitesItemInner .SiteDescriptionInner {
    color: #122d53;
    font: normal 14px "Myriad pro";
    text-align: justify;
    margin: 0 20px 10px;
    height: 73px;
}
/*Sites E guide extras*/
/*.SitesItemInner {
    background: #fff;
    float: left;
    width: 30%;
    width: 32.3%;
    margin-right: 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 435px;
    border-bottom: 3px solid #183d70;
    margin-right: 30px;
    position: relative;
    border-top: 1px #acacac solid;
    border-right: 1px #acacac solid;
    border-left: 1px #acacac solid;
    margin-bottom: 20px;
}
*/
.SiteCoordinates {
    margin: 26px 35px 9px 20px;
}

.CapacityIcn {
    background: url('/Style Library/Images/SiteIcons.png')no-repeat 0 0;
    width: 21px;
    height: 20px;
    margin: 5px 8px 0 3px;
    display: inline-block;
    vertical-align: bottom;
}

.SitesIcn {
    background: url('/Style Library/Images/SiteIcons.png')no-repeat -23px 0;
    width: 29px;
    height: 19px;
    margin: 6px 5px 0 0;
    display: inline-block;
    vertical-align: bottom;
}

.SitesItemInner .ltlSiteArea, .SitesItemInner .ltlSiteCapacity {
    width: 54%;
    border-bottom: 1px #fff solid;
    font: 700 .73em "Myriad Pro";
    color: #0e2442;
    float: left;
    background: #c6c6c6;
    padding: 0px 3px;
    display: inline-block;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 33px;
}

.SitesItemInner .SiteAreaInner, .SitesItemInner .SiteCapacityInner {
    width: 46%;
    border-bottom: 1px #fff solid;
    font: 14px "Myriad Pro";
    color: #0e2442;
    float: left;
    background: #dedede;
    padding: 6px 3px;
    display: inline-block;
    text-align: center;
    height: 33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#div_ContactUsForm #googleMap {
    width: 100% !important;
    height: 300px !important;
}

.login-actions {
    margin: 10px 0 20px !important;
    text-align: center;
}

    .login-actions .sign-up-link, .login-actions .forget-pass-link {
        text-decoration: none;
        background: #E2E2E2;
        padding: 5px 10px;
        border-radius: 3px;
        color: #555;
        margin-right: 10px;
        display: inline-block;
    }

    .login-actions .forget-pass-link {
        margin-right: 0;
    }

        .login-actions .sign-up-link:hover, .login-actions .forget-pass-link:hover {
            color: #e59433;
        }

.ms-socialCommentInputBox.ms-socialCommentInputBoxBorder:focus span {
    display: none;
}

body.ios-webview, body.ios-webview #s4-workspace {
    /*overflow-x: hidden;*/
}

body.ios-webview {
    /*padding-left: 10px;*/
}

    body.ios-webview .main-header, body.ios-webview .menu-wrapper, body.ios-webview .footer-section, body.ios-webview .formButtons [id*="btnCancel"] {
        display: none;
    }

/* Password Strength */
input[type="password"] {
    background: transparent !important;
}

    input[type="password"]:focus {
        outline: 0;
    }

.strength_meter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 43px;
    z-index: -1;
    border-radius: 5px;
    padding-right: 13px;
}

.button_strength {
    text-decoration: none;
    color: #FFF;
    font-size: 13px;
}

.strength_meter div {
    width: 0;
    height: 40px;
    text-align: right;
    color: #000;
    line-height: 43px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 12px;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .strength_meter div p {
        display: none;
    }

.veryweak {
    background-color: #8d0000;
    border-color: #F04040 !important;
    width: 25% !important;
}

.weak {
    background-color: #e65600;
    border-color: #FF853C !important;
    width: 50% !important;
}

.medium {
    background-color: #fad100;
    border-color: #FC0 !important;
    width: 75% !important;
}

.strong {
    background-color: #3dc200;
    border-color: #8DFF1C !important;
    width: 100% !important;
}

/*Start Ahmed Saeed faraht Secb-166*/
.secbAds {
    width: 100%;
    display: block;
    height: 250px;
    margin: 25px 0;
    border: 1px solid #cecece;
    box-sizing: border-box;
    background: #f1f1f1;
    padding: 10px;
}

.secbAds img {
    width: 100%;
    display: block;
    height: 230px;
    margin: 0 auto;
}
/*End Ahmed Saeed faraht Secb-166*/

@media only screen and (max-width: 1199px) {
    .SitesItemInner {
        width: 50%;
    }
}

@media only screen and (max-width: 1000px) {

    .flipper .front {
        display: none !important;
    }

    .flipper .back {
        display: block !important;
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        height: 160px;
    }

    .relatedLinksPhoto {
        width: 24%;
    }

    ul.OrgTabs.eventsTabs li:first-of-type {
        display: none;
    }

    .calendarTab {
        display: none !important;
    }

    .ms-srch-item-path {
        max-width: 90%;
        width: 90%;
        margin: 0px;
    }

    .ms-srch-hover-outerContainer {
        display: none !important;
    }

    #sideNavBox {
        width: 90%;
        margin: auto;
        float: none;
    }

    .ms-ref-refiner {
        width: 30%;
        float: left;
        padding-right: 0;
    }

    .ms-searchCenter-result-main .ms-webpart-zone.ms-fullWidth {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .ms-searchCenter-result-main {
        width: 90%;
        margin: auto;
        float: none;
    }

    .SitesNameFilter .formfilteritem.formItem {
        width: 100% !important;
    }

    .newsFilters.eventsListFilters {
        height: 300px !important;
    }

    ul.OrgTabs li { /*height: 50px;*/ /*line-height: 50px;*/
    }

    ul.OrgTabs.eventsTabs li {
        width: 47% !important;
    }

    ul.OrgTabs li span {
        font-size: 14px;
    }

    .newsFilters > a {
        /* float:none; */
        position: absolute;
        top: -13px;
        right: -13px;
        border: 3px solid #D0D0D0;
        border-radius: 50%;
        width: auto;
        height: auto;
    }

    .newsRss {
        margin-right: 0px;
    }

    .newsContainerInner {
    }

    .newsFilters {
        /*width: 90%;*/
        /*margin-left: 5%;*/
        /*height: 210px;*/
        float: left;
        width: 100%;
    }

        .newsFilters > * {
            float: left;
            width: 100%;
        }

        .newsFilters.eventsListFilters .SitesNameFilter {
            height: 30px;
        }

    .newsItemInner .addThisNewsInner {
        position: relative;
        margin: 0;
        width: 100% !important; /* max-width: none; */
    }

    .newsDataInner {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

        .newsDataInner:before {
            display: none;
        }

    .moreNews {
        bottom: 20px;
        right: 20px;
    }

    .OrganizersNameFilter {
        width: 100%;
        float: left;
        margin: 5px 0;
    }

        .OrganizersNameFilter .formfilteritem.formItem {
            width: 100% !important;
        }

    .CapacityFilter {
        width: 100% !important;
        margin: 10px 0 !important;
        clear: both;
        overflow: hidden;
        float: left;
    }

        .CapacityFilter .CapacityFilterWid {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
        }

            .CapacityFilter .CapacityFilterWid:first-child {
                padding-right: 5px;
            }

    .SitesTypeFilter {
        width: 100% !important;
        float: left;
        margin: 10px 0;
    }

    .newsCatFilter.OrganizerCityFilter {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }



    .newsFilters .newsSearchBtns .btn {
        margin-left: 0 !important;
        width: 45%;
        min-width: 45%;
    }

    .newsSort {
        width: auto !important;
        float: right !important;
    }

    .newsFilters .newsSort {
    }

    .newsSort input {
        float: right;
    }

    .newsSearchBtns {
        width: 60% !important;
        float: left !important;
        margin-left: 5%;
    }

    .newsFilters > div .newsSearchBtns {
        margin-left: 0;
    }

    .dateFromTo > div {
        width: 50%;
        float: left;
        margin: 0;
        box-sizing: border-box;
        height: 35px;
    }

        .dateFromTo > div:first-child {
            padding-right: 5px;
        }

            .dateFromTo > div:first-child img {
                right: 5px;
            }

    .dateFromTo input {
        width: 100%;
    }

    .dateFromTo {
        margin: 10px 0;
    }

    .newsFilters > div .dateFromTo {
        width: 100%;
    }

    .surveyViewCont > div {
        width: 100%;
        height: auto;
    }

    .form .formItem { /*width: 90%;*/
        width: 100%;
        margin: 15px auto;
    }

    #googleMap {
        max-width: 100%;
        width: 90%;
        /*margin: 2% auto;*/
        /*left: 50%;*/
        /*margin-left: -45%;*/
    }

    .GuidelinesDataInner.newsItemInner.noImage {
        width: 48%;
    }

    .newsSearchBtns {
        width: 255px;
        margin-top: 0;
        float: right;
        margin: 0;
    }

    .newsFilters .lblDate {
        display: none;
    }

    .newsSort {
        float: left;
        margin: 0;
    }

    .newsRss {
        margin: 0;
    }

    .OrgnewsListingCont .newsFilters {
        clear: both;
        height: auto;
    }

    .OrgnewsListingCont.SitesFilters .newsFilters {
        clear: both;
        height: auto;
    }

    .newsListingCont {
        width: 100%;
    }

    .newsFilters > a {
    }

    .dateFromTo {
    }

    .newsItemInner, .newsItemInner.noImage {
        width: 100%; /* max-width: 600px; */
        margin: 1% auto !important;
        height: auto;
    }

    .newsContainerInner {
        margin: auto;
        float: none;
        overflow: hidden; /*padding-top: 30px;*/
    }

    .ListEventsItem {
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .newsItemInner:nth-of-type(odd) {
        margin: 5px auto !important;
    }

    .footerNav {
        height: 27px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footerMain {
    }

    .footerBottom {
        height: 80px;
    }
}

@media (max-width: 992px) {
    .OrganizerItemInner, .SitesItemInner {
        width: 50%;
    }

    .SitesItemInner {
        width: 100%;
    }

        .OrganizerItemInner .item-list-content, .SitesItemInner .item-list-content {
            height: 500px;
        }

        .SitesItemInner .item-list-content {
            height: auto;
        }

    .OrganizerItemInner .item-list-content .OrgImg {
        width: 50%;
        padding-bottom: 50%;
    }

    .SitesItemInner .item-list-content .OrgImg {
        width: 100%;
        padding-bottom: 10%;
    }

    .VideoGalleryItem.home, .VideoGalleryItem.PhotoGalleryItem.home {
        height: 250px;
    }
}

@media only screen and (max-width: 767px) {
    h2:before {
        border-width: 20px 20px 0 0;
    }

    h2:after {
        border-width: 0 0 20px 20px;
    }

    #sendIframe {
        width: 80%;
    }

    .calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    }

    .dateFromTo > div > img, .dateFromTo > div > div > img { /*width: 40px;*/ /*height: 40px;*/
    }

    .section {
        height: auto;
    }
    /*.sendPage .form .formItem {
        width: 50%;
    }*/

    .relatedLinksPhoto {
        width: 32%;
    }

    .ms-advsrchText-v1 {
        width: 50%;
    }

    .ms-advsrchText-v2 {
        width: 50%;
    }

        .ms-advsrchText-v2 input {
        }

    .ms-srch-sbLarge {
        width: 90%;
    }

    div#ctl00_SPWebPartManager1_g_8b229ed3_8a1d_4f4e_a9a3_66925a745607_csr_sboxdiv {
    }

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
    }

    .ms-srch-sbLarge-fullWidth {
        width: 80%;
    }

    .ms-srch-item {
        width: 90%;
        padding: 5px 0px 5px 0px;
        margin: 10px 0px 10px -10px;
        max-width: 90%;
    }

    #SearchOptions {
        margin-left: 0px;
        margin-top: 0px;
        width: 100%;
    }

    .calendarTab {
        display: none !important;
    }

    .eventListData {
        width: 90%;
        min-height: 150px;
        max-width: 90%;
    }

    .newsFilters.eventsListFilters .SitesNameFilter {
        height: 30px;
    }

    .newsFilters.eventsListFilters {
        height: 300px !important;
    }

    .eventItemStartDate {
        width: 100%;
        max-width: 100%;
    }

        .eventItemStartDate .eventListDay {
            border: 0px;
            height: 100px;
            font-size: 30px;
        }

    .ListEventsItem {
        width: 100%;
        margin-right: 0;
    }

    .downloadPhoto {
        margin-top: 335px;
        margin-right: 80px;
    }

    .playSlideShow {
        display: none;
    }

    .OrganizersContainerInner {
        margin: 20px 0;
    }

    .OrganizerItemInner, .SitesItemInner { /*width: 90%;*/ /*max-width: 375px;*/ /*margin: 30px auto !important;*/ /*float: none;*/
        padding: 0;
        width: 100%;
    }

        .OrganizerItemInner .item-list-content .OrgImg, .SitesItemInner .item-list-content .OrgImg {
            width: 25%;
            padding-bottom: 25%;
        }

        .OrganizerItemInner .item-list-content {
            height: auto;
        }

        .SitesItemInner .item-list-content .OrgImg {
            width: 100%;
            padding-bottom: 10%;
        }

    .SitesTypeFilter {
        width: 100% !important;
        float: left;
    }

    #googleMap {
        height: 300px !important;
        width: 90% !important;
    }


    ul.OrgTabs li {
        margin: 0 !Important;
    }

    ul.OrgTabs.eventsTabs li:first-of-type {
        display: none;
    }

    ul.OrgTabs {
        margin: auto;
        clear: both;
        float: left;
        padding: 0; /*width: 343px;*/
        width: 100%;
        /*Edited by Sami , 11 Jan 2022 , For hide diplay location on Map Button */
     /*start */
    display:none;
    /*end */

        text-align: center;
        left: 0;
        position: relative;
        margin-left: 0;
    }

        ul.OrgTabs.eventsTabs {
            width: 100%;
            left: 0;
            margin: 40px 0px;
        }

    .TabsMarg {
        float: left;
        width: 100%;
    }

    ul.OrgTabs li span {
        font-size: 14px;
    }

    .SitesItemInner:last-child {
        margin-left: auto;
        margin-right: auto;
    }

    .ms-socialCommentItem * {
        max-width: 650px;
    }

    .surveyListItem {
        width: 100%;
    }

    .broadCastCont iframe {
        width: 100% !important;
    }

    #categoriesContainer .FAQColumn {
        width: 99%;
    }

    .closeButton {
        right: 90% !important;
        top: 10%;
    }

    .newsletterBody {
        width: 80% !important;
    }

        .newsletterBody .jspContainer {
            width: 100% !important;
        }

            .newsletterBody .jspContainer .jspPane {
                width: 100% !important;
            }

    .takeActionCont table tr {
        width: 100%; /*height: 211px;*/
        margin-bottom: 20px;
    }

        .takeActionCont table tr:first-of-type {
            display: none;
        }

    .takeActionCont table td:nth-of-type(1):before {
        content: "Creation Date";
    }

    .newsListingCont .takeActionCont table td:nth-of-type(1):before {
        content: "NewsLetter Title";
    }

    .takeActionCont table td:nth-of-type(4):before, .takeActionCont table td:nth-of-type(5):before {
        content: 'Review Page';
    }

    .takeActionCont table td:nth-of-type(3):before {
        content: 'English Title';
    }

    .takeActionCont table td:nth-of-type(2):before {
        content: 'Arabic Title';
    }

    .newsListingCont .takeActionCont table td:nth-of-type(2):before {
        content: 'Options';
    }

    .takeActionCont table td {
        position: relative;
        padding-left: 50%;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 0;
        border-top: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2; /*height: 30px;*/ /*line-height: 30px;*/
    }

        .takeActionCont table td:last-of-type {
            border-bottom: 1px solid #e2e2e2;
        }

        .takeActionCont table td:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            background-color: #122D53;
            color: #E59433;
            display: block;
            height: 100%;
            line-height: 38px;
        }

    .takeActionCont table {
        display: block;
    }

        .takeActionCont table tr, .takeActionCont table th, .takeActionCont table td, .takeActionCont table tbody {
            display: block;
        }

        .takeActionCont table th {
            display: none;
        }

    .newsLetterSentCont table td:nth-of-type(1):before {
        content: "Title";
    }

    .newsLetterSentCont table td:nth-of-type(2):before {
        content: "Date";
    }

    .newsLetterSentCont table td:nth-of-type(3):before {
        content: "View newsletter";
    }

    .newsLetterSentCont table tr {
        height: 140px;
    }
    /*table*/
    .newsLetterSentCont table tr {
        width: 100% !important; /* border: 1px solid #122D53; */
        margin-bottom: 20px;
    }

        .newsLetterSentCont table tr:first-of-type {
            display: none;
        }

    .newsLetterSentCont table td {
        position: relative;
        padding-left: 50%;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        border: 0;
        border-top: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        line-height: 30px;
    }

        .newsLetterSentCont table td:last-of-type {
            border-bottom: 1px solid #e2e2e2;
        }

        .newsLetterSentCont table td:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            background-color: #122D53;
            color: #E59433;
            display: block;
            height: 100%;
            line-height: 38px;
        }

    .newsLetterSentCont table {
        display: block;
    }

        .newsLetterSentCont table tr, .newsLetterSentCont table th, .newsLetterSentCont table td, .newsLetterSentCont table tbody {
            display: block;
        }

        .newsLetterSentCont table th {
            display: none;
        }
    /*end table*/

    .GuidelinesDataInner.newsItemInner.noImage {
        width: 100%;
    }

        .GuidelinesDataInner.newsItemInner.noImage:nth-of-type(even) {
            margin-left: 0px !important;
        }

    .newsDetBody {
        float: left;
    }

    .newsDetImage {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .newsDetDate {
        width: 100%;
    }

    .newsDetCategory {
        width: 100%;
        text-align: left;
        padding: 10px 0px;
    }

    .related .videoThumb, .relatedPrev, .relatedNext {
        display: none;
    }

    #iframePlayer iframe {
        width: 100%;
        height: 100%;
    }

    .pager .pageNumberText {
        display: none;
    }

    .pageNumberText.prevPagingBunch, .pageNumberText.nextPagingBunch {
        display: inline-block;
    }

    #iframePlayer {
        width: 80%;
        height: 70%;
    }

    .VideoGalleryItem {
        width: 70% !important;
        float: none;
        clear: both;
        margin: 10px auto;
    }

    .videoPageTitleEnglish.firstPageVideo {
        width: 100%;
    }

    .adItem.currentAd {
        width: 100% !important;
        display: block;
    }

    .adsCont {
        width: 100%;
    }

    .adItem {
        width: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul > li > ul > li {
        background-color: #7DB7D3;
    }

    #contentBox {
        position: relative;
        z-index: 49;
        min-width: 0;
    }

    #welcomeMenuBox {
        float: right;
        margin-right: 5%;
    }

    .sendToFriend {
        margin-left: 5%;
        margin-top: 3px;
    }

    .sendToFriendIcon { /* width: 50px; */ /* height: 50px; */ /* margin-top: -10px; */
    }

    div#welcomeMenuBox * {
        font-size: 15px !important;
    }

    .headerTopRight {
        width: 100%;
        height: 0px;
    }

    #div_Navigation {
        height: 100% !important;
        position: absolute; /*        top: 70px;*/
        top: 145px;
        z-index: 99;
        display: none;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 0.5s;
    }

        #div_Navigation.showMenu {
            display: block;
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 1;
            z-index: 9;
            visibility: visible;
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            width: 100%;
            right: 0;
        }

    .mobileMenu {
        display: block;
        width: 74px;
        height: 40px;
        background: url('/Style Library/Images/mobileMenu.png');
        background-size: 100%;
        background-repeat: no-repeat;
        float: left;
        background-position: center;
        cursor: pointer;
        position: absolute;
        right: 5%;
        top: 22px;
    }

    #DeltaTopNavigation { /* height: 100%!important; */
    }

    .ms-core-listMenu-horizontalBox { /* position: fixed; */ /* top: 0px; */ /* height: auto; */ /*height: 400px;*/
    }

        .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul { /*height: 100% !important;*/
        }

    /*Commented Menu*/
    /*.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul > li {
                width: 100% !important;
                text-align: left !important;
                height: 40px !important;
                line-height: 8px !important;
                box-sizing: border-box;
                padding: 25px !important;
            }*/

    /*.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul > li > .ms-core-listMenu-item {
                    font-size: 15px !important;
                }*/

    /*.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul > li > ul > li .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > li.static > ul > li > ul > li .ms-core-listMenu-item:link {
                    font-size: 14px;
                    line-height: 40px;
                }*/

    .adsWrap { /* width:70% */
    }

    .eservicesContInner .flex-direction-nav .flex-next:before {
        width: 50px;
        height: 100px;
        background-position: 42px -3px;
    }

    .eservicesContInner .flex-direction-nav .flex-next {
        height: 100px;
        width: 40px;
        right: -50px !important;
        margin-top: -40px;
    }

    .eservicesContInner .flex-direction-nav .flex-prev:before {
        width: 50px;
        height: 101px;
        background-position: 0 0;
    }

    .eservicesContInner .flex-direction-nav .flex-prev {
        height: 100px;
        width: 50px;
    }

    .pollCont input[type=button] {
        width: 100%;
        margin: 20px 0 10px !important; /*padding: 14px 10px;*/
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
    }

    .pollCont a[id$=ShowHideResultsButton] {
        width: 50%;
        height: 50px;
        margin: 0 -1px;
        line-height: 50px;
        padding: 0 10px;
        font-size: 12px;
    }

    .pollCont a[id$=HistoryLink] {
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50% !important;
        font-size: 13px !important;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
    }

    .pollCont > div { /*width: 80%;*/
    }

    .pollCont p span[id$=NumericResultLabel] {
        position: absolute; /*width: 70px;*/
        right: 0;
        font-size: 15px !important;
        top: 19px;
    }

    .pollCont p:first-child {
        width: 100% !important; /*min-height: 85px !important;*/ /*margin: auto 10px auto 0 !important;*/
        margin: 0 !important; /*width: 40% !important;*/
    }

        .pollCont p:first-child + div {
            padding-left: 0;
            margin-top: 20px;
            width: 100% !important;
        }

    .pollCont p span[id$=QuestionLabel] {
        width: 100%;
        margin-bottom: 20px;
    }

    .pollCont > div > div > div > div > div > div > div > div > p:first-child {
        position: static;
        height: auto;
    }

        .pollCont > div > div > div > div > div > div > div > div > p:first-child ~ p {
            width: 100%;
            margin-left: 0;
            padding-left: 0;
        }

    .pollCont p:nth-child(4) img[id$=_ImageBar], .pollCont p:nth-child(5) img[id$=_ImageBar], .pollCont p:nth-child(3) img[id$=_ImageBar], .pollCont p:nth-child(2) img[id$=_ImageBar], .pollCont p:nth-child(1) img[id$=_ImageBar] {
        padding: 0 !important; /*max-width: 50% !important;*/ /* display: block!important; */ /* float: left!important; */ /* margin-top: 10px!important; */
    }

    .pollCont p { /*height: 50px !important;*/ /*margin-bottom: 10px !important;*/
        position: relative;
    }

        .pollCont p span[id$=AnswerLabel] {
            height: 50px !important;
            font-size: 13px !important;
            padding: 0 10px !important; /*width: 40% !important;*/
        }

    .newsInner.flexslider ol.flex-control-nav.flex-control-paging::before {
        border-width: 0 0 31px 10px;
    }

    .newsInner.flexslider ol.flex-control-nav.flex-control-paging::after {
        border-width: 29px 10px 0 0;
    }

    .newsInner.flexslider ol.flex-control-nav.flex-control-paging {
        HEIGHT: 30PX;
        width: 74px;
        top: 290px;
    }

    .newsImageCont * {
        height: auto !important;
        background-color: #ECECEC;
        max-height: 100%;
        max-width: 100%;
        top: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
        right: 0;
        left: 0;
    }

    .videoTitle {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        display: block;
        opacity: 1;
        bottom: 0px;
        top: 91%;
    }

        .videoTitle:before {
            content: ' ';
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 26px 29px 0 0;
            border-color: transparent #937f59 transparent transparent;
            bottom: 60px;
            position: absolute;
            right: 0px;
            z-index: 1;
        }

    .moreNews:before { /*font-size: 20px;
        height: 19px;
        width: 19px;
        margin-top: -3px;
        line-height: 16px;*/
    }

    .NewsBrief {
        font-size: 15px;
        padding: 20px 2vh;
    }

    .newsDate {
        font-size: 13px;
    }

    .newsTitle {
        font-size: 15px;
    }

    .newsContainer {
        height: 570px;
        position: relative;
    }

    .newsHead, .eventsHead {
        padding-top: 40px;
        font-family: myriad pro !important;
        margin-bottom: 40px;
        margin-left: 15vw;
        height: 40px;
        line-height: 40px;
    }

    .newsHomeText:before {
        border-width: 0 0 250px 80px;
    }

    .newsHomeText:after {
        border-width: 250px 80px 0 0;
    }

    .newsHomeText {
        width: 80%;
        height: 250px;
        z-index: 99;
        margin-left: 0px;
        left: 50%;
        margin-left: -45%;
    }

    .newsImageCont {
        width: 100%;
        z-index: 1;
        height: 200px;
        display: none;
    }

    .videoThumb {
        height: 100%;
    }

    .videoHomeContainer { /*width: 70%;*/
    }

    .imageVideoSwitch .tab {
        width: 50%; /*border: 1px solid #004d32;*/ /*height: 40px;*/ /*line-height: 46px;*/ /*padding-right: 45px;*/
        margin-left: 0; /*padding-left: 5px;*/ /*font-size: 14px;*/
    }

        .imageVideoSwitch .tab.photoTab { /*background-position: 1px -30px;*/
        }

            .imageVideoSwitch .tab.photoTab.selected { /*background-position: 53px -31px;*/
            }

    .imageVideoSwitch {
        width: 100%;
        margin: 20px 0;
    }

        .imageVideoSwitch .tab.videoTab { /*background-position: 57px 4px;*/
        }

            .imageVideoSwitch .tab.videoTab.selected { /*background-position: 0px 4px;*/
            }

    h2.galleryTitle { /*padding-bottom: 40px;*/ /*width: 138px;*/
    }

        h2.galleryTitle:before {
            border-width: 20px 20px 0 0;
        }

        h2.galleryTitle:after {
            border-width: 0 0 20px 20px;
        }

    .photoHomeContainer .videoThumb {
        height: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .VideoGalleryItem.home {
        width: 100% !important;
        height: 350px !important;
        margin-right: 0 !important;
    }

    .latestEventsMain .showMore {
        bottom: 25px;
    }

    .showMore {
        width: 100%;
    }

    .newHomeMore {
        color: #06446e;
        width: 150px;
        height: 40px;
        border: 1px solid #06446e;
        text-decoration: none;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        right: 0;
        left: 0;
        margin: auto;
        display: block;
        position: absolute; /* bottom: 15px; */
        top: 500px;
    }

    .videoHomeContainer .showMore {
    }

    .pollCont table[id$=Answers] { /*width: 100% !important;*/ /*margin: 10px 0 !important;*/
    }

    h3.pollHead { /*width: 127px;*/ /*width: 80%;*/
        margin: 0 auto 10px;
        padding-top: 0; /*height: 20px;
        line-height: 30px;*/
    }

    h2.contactTitle {
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .icon {
        font-size: 15px;
        line-height: 25px;
    }

    .fText {
        line-height: 25px;
        text-align: center;
    }

    .footerLogo {
        height: 50px;
    }

    /*.contactUsWrap {
        height: 300px;
    }*/
    .footerSubscribe h3 {
        font-size: 20px;
        width: 340px;
        margin-left: -170px;
    }

    .adsCont {
        height: 250px;
        left: 0px !important;
    }

    .eservicesTitle {
        top: 90%;
        font-size: 20px;
        top: 65%;
    }

    .eservicesContInner {
        height: 250px;
    }

    div#slider {
    }

    .eservicesCont {
        height: 530px;
        width: 100%;
    }

    .eservicesContInner .flex-viewport ul li a {
        width: 70%;
        position: absolute;
        right: 50%;
        margin-right: -30% !important;
        background-size: 106px 118px;
    }

    .eservicesContInner.flexslider .slides > li {
        width: 10% !important;
        height: 250px;
        position: relative;
    }

    .eservicesContInner .flex-viewport ul li a:first-of-type {
        margin-left: 0px !important;
    }

    .locationIcon {
        margin: 32px 0 0 15px !important;
    }

    .locationText {
        font-size: 20px;
        margin-left: -9px;
        top: 50%;
        margin-top: -10px;
    }

    .eventDateTime .dateTime {
        font-size: 20px;
        text-align: center;
    }

    .dateDayMonth {
        font-size: 20px;
        text-align: center;
    }

    .locationIcon:after {
        left: 15px;
        top: 32px;
    }

    .eventHover .locationIcon:after {
        left: 14px;
    }

    .locationIcon:before {
        left: 20px;
        top: 37px;
    }

    .eventTitle {
        height: 40px;
        margin-top: -40px;
        font-size: 15px;
        line-height: 28px;
    }

        .eventTitle:before {
            bottom: 40px;
        }

    .calendars {
    }

    .sideNav {
        display: none;
    }

    .homeMainBanner {
        height: 540px;
    }

    .eservicesHead {
        width: 191px;
    }

    .eventsHomeItem {
        height: 180px !important;
        margin-bottom: 40px !important;
    }

    .flip-container {
        width: 100%;
        height: 200px;
    }

    .flipper {
        width: 100%;
        height: 200px;
    }

    .eventsHead {
        text-align: left;
        margin-left: 0;
        padding-top: 20px;
        height: 33px;
        width: 275px !important;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .calendars-month table {
        height: 70vw;
        padding: 15px 10px;
    }

    .calendars-month {
        width: 100% !important;
    }

    .latestEventsMain {
        width: 100%;
        float: left;
        display: block;
        padding: 0 !important;
        clear: both;
    }

    .miniCalMain {
        display: block;
    }

        .miniCalMain > div {
            display: block;
        }

    #inlineDatepicker {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
    }

    .mainEventsHomeCont {
        display: block;
    }

    .mainLogo {
        max-width: 250px;
        background-size: 100%;
        margin-right: auto;
        margin-left: 0;
        float: none;
        height: 82px;
        width: 60%;
    }

    .headerTop {
        height: 90px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .mainLogo.half-width.float {
    }

    .homePage .mainhead {
        height: 145px;
    }

    .mainhead {
        height: 230px;
    }

    .searchBtn {
        right: 15px;
        top: 67px;
        z-index: 9;
    }

    .homePage .searchForm .form {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 90%;
        overflow: hidden;
    }

    /*.searchForm {
        position: relative;
    }*/

    .search {
        width: 100%;
        height: 0;
    }

    .searchHomeValidation { /*display: none !important;*/
    }

    .homePage .searchBtn {
        top: 146px;
        right: 5%;
    }

    .homePage .searchTextBox {
        height: 50px;
        width: 81%;
        padding-right: 10% !important;
        border-radius: 0;
        position: absolute;
        bottom: -190px;
        border: 0 !important;
        z-index: 9;
        background-color: rgba(255, 255, 255,0.5) !important;
        left: 5%;
        color: #fff !important;
        font-size: 15px;
    }

    /*.searchTextBox {
        height: 50px;
        width: 81%;
        padding-right: 10% !important;
        border-radius: 0px;
        position: absolute;
        bottom: -110px;
        z-index: 9;
        background-color: rgb(241, 241, 241) !important;
        left: 5%;
        color: #fff !important;
        font-size: 15px;
    }*/

    input.subscribe-btn {
        padding: 10px;
        height: 52px;
        font-size: 20px;
    }

    .footerMain {
        height: 153px !important;
    }

    /*.footer {
        height: auto;
    }*/
    /*footer home*/

    .right3 {
        display: none;
    }

    .left3 {
        width: 100%;
        padding-left: 0px;
    }

    .contactUs:before {
        display: none;
    }

    .footerSubscribe {
        background: #004d32;
        height: auto;
        float: left;
        width: 100%;
        padding-bottom: 3vw;
    }

    .contactUs {
        width: 100%;
    }

    .slIcon {
        height: 50px;
    }

    .socialIcons {
        height: 50px;
    }

    .map {
        width: 100%;
    }

    input.subscribe-mail {
        width: 75%;
        margin-bottom: 3vw;
    }

    .footerNav {
        width: 100%;
        margin: 0 auto;
        height: 142px;
        padding-left: 0; /* margin-top: 3vw; */
    }

        .footerNav li {
            width: 30%;
            float: left;
            list-style: none;
            text-align: center;
            padding: 1vw 0;
            border-right: 0px;
        }

            .footerNav li:last-child {
                border: 0;
            }

            .footerNav li a {
                color: #e4e4e4;
                font-size: 14px;
                font-size: 15px !important;
            }

    input.subscribe-mail {
        width: 60%;
        border: 0;
        outline: 0;
        background: #2a333f;
        font-size: 15px;
        padding: 10px 15px;
        color: #fff;
        height: 33px;
        margin-bottom: 0;
    }

    .subscribe {
        text-align: center;
        margin-top: 2.5vw;
    }

    .note {
        width: 95%;
        text-align: center;
        color: #334865;
        padding-top: 15px;
        font-size: 15px;
        padding-top: 25px;
        padding: 10px 2.5%;
    }

    .footerSubscribe {
        background: #004d32;
        height: auto;
        float: left;
        width: 100%;
        padding-bottom: 3vw;
    }

    input#subscribeBtn {
        background: #00eba3;
        height: 33px;
        border: 0;
        outline: 0;
        color: #000;
        padding: 0.25vw;
        width: 145px;
        margin-left: 2px;
        font-size: 15px;
        line-height: 33px;
    }
    /*end footer home*/

    .changeFont {
        display: none;
    }

    .LanguageSwicher input {
        border-radius: 0; /* height: 40px; */ /* width: 40px; */
        margin-left: 0px;
        font-size: 20px;
        line-height: 20px;
        height: 30px;
        width: 30px;
    }

    .LanguageSwicher { /*margin-top: 0;
        left: 5%;
        position: relative;
        margin-right: 2%;*/
    }
    /*why KSA*/

    .whyKSA {
        background: rgba(11, 32, 69, 0.5);
        color: #fff;
        height: 56%;
        width: 70%;
        position: absolute;
        left: 0;
        right: 0;
        top: 200px;
        bottom: 0;
        margin: auto;
        text-align: center;
        padding: 1vh;
    }

    a.whyMore {
        color: #FFF;
        width: 65%;
        height: 40px;
        border: 1px solid #fff;
        display: inline-block;
        text-decoration: none;
        font-size: 20px;
        line-height: 37px;
        margin-top: 10px;
    }

    .whyText {
        font-size: 15px;
    }

    .whyTitle {
        font-weight: bold;
        font-size: 45px;
    }
    /*why KSA end*/
}


@media only screen and (max-width: 650px) {
    .relatedLinksPhoto {
        width: 49%;
    }

    .ms-advsrchText-v1 {
        display: block;
        width: 100%;
    }

    .ms-advsrchText-v2 {
        display: block;
        width: 100%;
    }

        .ms-advsrchText-v2 input {
        }

    td.ms-advsrchText-v2 select { /* width: 100%; */
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
    }

    .ms-ref-refiner {
        width: 100%;
        text-align: center;
    }

    ms-ref-refinername {
        width: 100%;
    }

    .ms-ref-refiner #Container {
        width: 100%;
    }

    .ms-searchCenter-result-main {
        width: 90%;
        margin-left: 5%;
        margin-right: 0px;
    }

    .eventsMap {
        width: 90%;
    }

    ul.OrgTabs.eventsTabs li {
        width: 90% !important;
        margin-left: 5%;
    }

    .newsFilters .OrganizersNameFilter {
        float: left;
    }

    .SitesTypeFilter {
        float: left !important;
    }

    .SitesItemInner {
    }

    .ms-socialCommentItem *, .ms-socialCommentItem {
        max-width: 320px;
    }

    .calendars-month table tr td, .calendars-month table tr {
        max-height: 10px;
    }

    .surveyViewCont > div {
        min-height: 80px;
    }

        .surveyViewCont > div > span {
            width: 100%;
            display: block;
            float: left;
            box-sizing: border-box;
        }

            .surveyViewCont > div > span:first-child {
                width: 100%;
            }

    .photoHomeContainer .videoThumb {
    }

    .footerLogo {
        width: 100%;
        background-position: 50%;
        height: 73px;
    }

    .footerBottom {
        height: 160px;
        text-align: center;
    }

    .left3 {
        padding-left: 0px;
    }

    .newsFilters > a {
        /* float:none; */
    }

    .newsRss {
        margin-right: 0px;
    }

    .newsContainerInner { /*padding-top: 30px;*/
    }

    .newsFilters {
        /*width: 90%;*/
        /*margin-left: 5%;*/
        width: 100%;
        float: left;
    }

        .newsFilters > * {
        }



        .newsFilters .newsSearchBtns .btn {
            margin-left: 0px !important;
            width: 45%;
            min-width: 45%;
        }

    .newsSort { /*width: 30% !important;*/ /*float: left !important;*/
    }

        .newsSort input {
            float: right;
        }

    .newsSearchBtns {
        float: left !important;
    }

    .newsFilters > div .newsSearchBtns {
        margin-left: 0;
    }

    .dateFromTo > div {
    }

        .dateFromTo > div:last-of-type {
            margin-right: 0%;
        }

    .dateFromTo input {
        width: 100%;
    }

    .dateFromTo {
    }

    .newsFilters > div .dateFromTo {
        width: 100%;
    }

    .newsImageInner {
        display: none;
    }

    .newsDataInner {
        width: 100%;
    }

    .addThisNewsInner { /*width: 90%;*/
        width: 100%;
        padding: 0;
    }

    .newsDataInner:before {
        display: none;
    }

    .VideoGalleryItem {
        width: 100% !important; /*left: 5%;*/
    }

        .VideoGalleryItem.home {
            left: 0px;
            height: 215px !important;
            margin-bottom: 30px;
        }

    .videoHomeContainer {
        height: 910px;
    }

    .newsImageCont {
    }

    .note {
        font-size: 17px;
    }

    #iframePlayer {
        height: 50%;
    }

    .footerNav li {
        width: 100%;
    }

        .footerNav li a {
            font-size: 2.5vh;
        }
}

@media only screen and (max-width: 500px) {
    .relatedLinksPhoto {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .newsHomeText:before, .newsHomeText:after {
        display: none;
    }

    .newsHomeText {
        width: 100%;
        left: 0;
        margin-left: 0;
        height: 300px;
    }

    .flipper .front {
        display: none !important;
    }

    .flipper .back {
        display: block !important;
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        height: 160px;
    }

    .flipper {
        width: 90%;
        margin-left: 5%;
    }

    ul.OrgTabs { /*width: 156px;*/ /*left: 50%;*/ /*margin-left: -78px;*/
        margin-left: 0;
        width: 100%;
        left: 0;
         /*Edited by Sami , 11 Jan 2022 , For hide diplay location on Map Button */
     /*start */
    display:none;
    /*end */

    }

        ul.OrgTabs li { /*margin-bottom: 10px;*/ /*height: 50px;*/ /*line-height: 50px;*/
            width: 100%;
            margin: 0 0 10px 0;
        }

            ul.OrgTabs li:first-child {
                margin-bottom: 10px !Important; /*margin-bottom: 10px;*/ /*height: 50px;*/ /*line-height: 50px;*/
                width: 100%;
                margin: 0 0 10px 0;
            }

        ul.OrgTabs.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
        }

    .SitesItemInner {
    }

        .SitesItemInner .ltlSiteArea, .SitesItemInner .ltlSiteCapacity {
            width: 62%;
        }

        .SitesItemInner .SiteAreaInner, .SitesItemInner .SiteCapacityInner {
            width: 38%;
        }

    .ms-socialCommentItem *, .ms-socialCommentItem {
        max-width: 240px;
    }

    .socialcomment-image {
        display: none;
    }

    .socialcomment-time {
        width: 100%;
        font-size: 9px;
    }

    .footerMain { /* background: #0d141e; */
        float: left;
        width: 100%; /* padding-top:18px; */ /* padding-bottom:18px; */
        height: 10vw;
        padding: 0;
    }

    .footerNav li {
        width: 100%;
    }

        .footerNav li a {
        }

    .footerLogo {
        height: 77px;
        background-position: center;
    }

    .footerSubscribe h3 {
        width: 90%;
        margin-left: -45%;
        font-size: 16px;
    }

    h3:before,
    h3:after {
        display: none;
    }

    h2.contactTitle {
        width: 90%;
        text-align: center;
    }

    h2:after {
        display: none;
    }

    h2:before {
        display: none;
    }

    .contactDetails {
        width: 100%;
        margin-left: 0;
    }

    .socialIcons {
        width: 100%;
        margin-left: 0;
    }

    .slIcon {
        width: 16%;
    }
}

@media (max-width: 379px) {
    .newsSearchBtns {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .newsFilters .newsSearchBtns .btn, .SitesFilters .newsSearchBtns .btn {
        margin: 0 !important;
        width: 49% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding: 0 !important;
    }

        .newsFilters .newsSearchBtns .btn:first-child, .SitesFilters .newsSearchBtns .btn:first-child {
            margin-right: 2% !important;
        }
}

/***************************************
----------Mina Asham UAT----------------
****************************************/

.Block {
    display: block !important;
}

#AsynchronousViewDefault_CalendarView table tbody tr th:nth-child(2) {
    padding: 0px;
    background-color: #fff;
    color: #000;
}

    #AsynchronousViewDefault_CalendarView table tbody tr th:nth-child(2) div {
        line-height: 30px;
        border: 0 !important;
    }

.ms-srch-sbLarge > input {
    margin: 0 0 0 6px !important;
}

#tabs-3 .ms-WPBody {
    overflow: hidden !important;
}

#tabs-3 .ms-acal-ctrlitem a:hover {
    color: #fff;
}

.chkbxSubscripe label {
    margin-left: 10px;
    vertical-align: sub;
}

.ms-srch-sbLarge.ms-srch-sb-borderFocused {
    height: 36px;
}

.ms-formfieldvaluecontainer {
    border: 0 !important;
}

#googleMap {
    clear: both;
}

/*SECB-260 Start*/
.dropDownListMultipleSelect {
    width: 100%;
}

.dropDownListMultipleSelect .mandatory {
    left: 8px;
}

.dropDownListMultipleSelect ul {
    padding-right: 0;
    margin: 0;
    background-color: #ebebeb;
    width: 100%;
    color: #797979;
    display: none;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 300px;
    overflow: auto;
}

.dropDownListMultipleSelect ul li {
    border-bottom: 1px solid #fff;
    line-height: 40px;
    padding: 0 2.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 40px;
    cursor: pointer;
}

.dropDownListMultipleSelect ul li:hover {
    color: #f9a137;
}
/*SECB-260 End*/

/*set the below element marging-top to zero instead of -60 px Start*/
.event-list-inner .event-list-item ~ .event-list-item .event-details .events-btns {
    margin-top: 0px !important;
}
/*set the below element marging-top to zero instead of -60 px End*/

/*NewIdentity 17-08-2020 Start*/
.main-header img{
content:url("/Style%20Library/Images/SCEGA2020.png") !important;
width:333px !important;
}
.address img{
display: none;
}
#pollSec{
display:none;
}
.btn:hover {
    background-color: #004d32 !important;
    color: #fff !important;
}
/*NewIdentity 17-08-2020 End*/
