/*--------------
      Item
---------------*/

#s4-workspace .ui.items > .item {
    table-layout: fixed;
    display: table;
    margin: 3em 0em;
    width: 100%;
    min-height: 0px;
    background: transparent;
    padding: 0em;
    border: none;
    border-radius: 0rem;
    box-shadow: none;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    z-index: '';
}

    #s4-workspace .ui.items > .item a {
        cursor: pointer;
    }

#s4-workspace .latest-stories .ui.items > .item a {
    font-size: 26px;
    color: #2a3036;
}

#s4-workspace .ui.items > .item a:link,
#s4-workspace .item a:visited {
    border-bottom: none !important;
}
/*--------------
      Items
---------------*/

#s4-workspace .fa.fa-search.zoom {
    background: none repeat scroll 0 0 #efefef;
    display: inline-block;
    height: 18px;
    padding: 9px 9px 10px 8px;
}

#s4-workspace .ui.items {
    margin: 2.0em 0em;
    /*Starting of news section*/
}

    #s4-workspace .ui.items:first-child {
        margin-top: 0em !important;
    }

    #s4-workspace .ui.items:last-child {
        margin-bottom: 0em !important;
    }

#s4-workspace .separator-btm {
    border-bottom: 5px #b7b7b7 solid !important;
}

#s4-workspace hr {
    border-bottom: 4px #b7b7b7 solid;
}
/*--------------
      Item
---------------*/

#s4-workspace .box.xfour.link > a:hover {
    color: #fff !important;
}

#s4-workspace .container.footer-end {
    padding: 10px;
}

#s4-workspace .mail {
    margin-left: 10px;
    font-size: 90% !important;
}

#s4-workspace .ui.items > .item {
    min-width: 100%;
}

    #s4-workspace .ui.items > .item:after {
        display: block;
        content: ' ';
        height: 0px;
        clear: both;
        overflow: hidden;
        visibility: hidden;
    }

    #s4-workspace .ui.items > .item:first-child {
        margin-top: 0em;
    }

    #s4-workspace .ui.items > .item:last-child {
        margin-bottom: 0em;
    }
    /*--------------
     Images
---------------*/

    #s4-workspace .ui.items > .item > .image {
        position: relative;
        display: table-cell;
        float: none;
        margin: 0em;
        padding: 0em;
        max-height: '';
        vertical-align: top;
    }

        #s4-workspace .ui.items > .item > .image > img {
            display: block;
            width: 100%;
            /*height: 135px !important;*/

            height: auto;
            border: none;
        }

        #s4-workspace .ui.items > .item > .image:only-child > img {
            border-radius: 0rem;
        }
    /*--------------
     Content
---------------*/

    #s4-workspace .ui.items > .item > .content {
        display: block;
        background: none;
        margin: 0em;
        padding: 0em;
        box-shadow: none;
        font-size: 1em;
        border: none;
        border-radius: 0em;
    }

        #s4-workspace .ui.items > .item > .content:after {
            display: block;
            content: ' ';
            height: 0px;
            clear: both;
            overflow: hidden;
            visibility: hidden;
        }

    #s4-workspace .ui.items > .item > .image + .content {
        width: 100%;
        display: table-cell;
        margin-left: 0em;
        vertical-align: top;
        padding-left: 1.5em;
        padding-top: 1%;
    }

    #s4-workspace .ui.items > .item > .content > .header-ui {
        display: inline-block;
        margin: -0.165em 0em 0em;
        color: #474246;
    }
        /* Default header-ui Size */

        #s4-workspace .ui.items > .item > .content > .header-ui:not(.ui) {
            font-size: 1.2em;
        }

#s4-workspace .ui.label {
    background-color: #f3f3f3;
    background-image: none;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.8em 0.2em;
    text-transform: none;
    transition: background 0.2s ease 0s;
    vertical-align: baseline;
}

    #s4-workspace .ui.label:hover {
        opacity: 1;
    }
/*--------------
     Floated
---------------*/

#s4-workspace .ui.items > .item [class*="left floated"] {
    float: left;
}

#s4-workspace .ui.items > .item [class*="right floated"] {
    float: right;
}
/*--------------
  Content Image
---------------*/

#s4-workspace .ui.items > .item .content img {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
}

#s4-workspace .ui.items > .item img.avatar,
#s4-workspace .ui.items > .item .avatar img {
    width: 2em;
    height: 2em;
    border-radius: 500rem;
}
/*--------------
   Description
---------------*/

#s4-workspace .ui.items > .item > .content > .description {
    margin-top: 0.6em;
    max-width: 550px;
    font-size: 1em;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.8);
}
/*--------------
    Paragraph
---------------*/

#s4-workspace .ui.items > .item > .content p {
    margin: 0em 0em 0.5em;
}

    #s4-workspace .ui.items > .item > .content p:last-child {
        margin-bottom: 0em;
    }
/*--------------
      Meta
---------------*/

#s4-workspace .ui.items > .item .meta {
    font-size: 15px;
    line-height: 1em;
    color: #84898d;
    margin-top: 3%;
}

    #s4-workspace .ui.items > .item .meta * {
        margin-right: 0.3em;
    }

    #s4-workspace .ui.items > .item .meta .date:after {
        content: " ";
    }

    #s4-workspace .ui.items > .item .meta:last-child {
        margin-right: 0em;
    }

    #s4-workspace .ui.items > .item .meta [class*="right floated"] {
        margin-right: 0em;
        margin-left: 0.3em;
    }
/*--------------
      Links
---------------*/
/* Generic *
#s4-workspace .ui.items > .item > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
#s4-workspace .ui.items > .item > .content a:not(.ui):hover {
  color: '';
}

/* header-ui */

#s4-workspace .ui.items > .item > .content > a.header-ui {
    color: rgba(0, 0, 0, 0.85);
}

    #s4-workspace .ui.items > .item > .content > a.header-ui:hover {
        color: #01a9e7;
    }
/* Meta */

#s4-workspace .ui.items > .item .meta > a:not(.ui) {
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

    #s4-workspace .ui.items > .item .meta > a:not(.ui):hover {
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;
    }
/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */

#s4-workspace .ui.items > .item > .content .favorite.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    #s4-workspace .ui.items > .item > .content .favorite.icon:hover {
        opacity: 1;
        color: #ffb70a;
    }

#s4-workspace .ui.items > .item > .content .active.favorite.icon {
    color: #ffb70a;
}
/*-----Like----- */
/* Icon */

#s4-workspace .ui.items > .item > .content .like.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    #s4-workspace .ui.items > .item > .content .like.icon:hover {
        opacity: 1;
        color: #ff2733;
    }

#s4-workspace .ui.items > .item > .content .active.like.icon {
    color: #ff2733;
}
/*----------------
  Extra Content
-----------------*/

#s4-workspace .ui.items > .item .extra {
    display: block;
    position: relative;
    background: none;
    margin: 0.5rem 0em 0em;
    width: 100%;
    padding: 0em 0em 0em;
    top: 0em;
    left: 0em;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    border-top: none;
}

    #s4-workspace .ui.items > .item .extra > * {
        margin: 0.25rem 0.5rem 0.25rem 0em;
    }

    #s4-workspace .ui.items > .item .extra > [class*="right floated"] {
        margin: 0.25rem 0em 0.25rem 0.5rem;
    }

    #s4-workspace .ui.items > .item .extra:after {
        display: block;
        content: ' ';
        height: 0px;
        clear: both;
        overflow: hidden;
        visibility: hidden;
    }
/*******************************
          Responsive
*******************************/
/* Default Image Width */

#s4-workspace .ui.items > .item > .image:not(.ui) {
    width: 220px;
}
/* Tablet Only */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #s4-workspace .ui.items > .item {
        margin: 2em 0em;
    }

        #s4-workspace .ui.items > .item > .image:not(.ui) {
            width: 150px;
        }

        #s4-workspace .ui.items > .item > .image + .content {
            display: block;
            padding: 0em 0em 0em 1em;
        }
}
/* Mobily Only */

@media only screen and (max-width: 767px) {
    #s4-workspace .ui.items > .item {
        margin: 2em 0em;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

        #s4-workspace .ui.items > .item > .image {
            display: block;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

            #s4-workspace .ui.items > .item > .image,
            #s4-workspace .ui.items > .item > .image > img {
                max-width: 100% !important;
                width: auto !important;
                max-height: 250px !important;
            }

                #s4-workspace .ui.items > .item > .image + .content {
                    display: block;
                    padding: 1.5em 0em 0em;
                }
}
/*******************************
           Variations
*******************************/
/*-------------------
       Aligned
--------------------*/

#s4-workspace .ui.items > .item > .image + [class*="top aligned"].content {
    vertical-align: top;
}

#s4-workspace .ui.items > .item > .image + [class*="middle aligned"].content {
    vertical-align: middle;
}

#s4-workspace .ui.items > .item > .image + [class*="bottom aligned"].content {
    vertical-align: bottom;
}
/*--------------
     Relaxed
---------------*/

#s4-workspace .ui.relaxed.items > .item {
    margin: 1.5em 0em;
}

#s4-workspace .ui[class*="very relaxed"].items > .item {
    margin: 2em 0em;
}
/*-------------------
      Divided
--------------------*/

#s4-workspace .ui.divided.items > .item {
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    margin: 0em;
    padding: 1em 0em;
}

    #s4-workspace .ui.divided.items > .item:first-child {
        border-top: none;
        margin-top: 0em !important;
        padding-top: 0em !important;
    }

    #s4-workspace .ui.divided.items > .item:last-child {
        margin-bottom: 0em !important;
        padding-bottom: 0em !important;
    }
/* Relaxed Divided */

#s4-workspace .ui.relaxed.divided.items > .item {
    margin: 0em;
    padding: 1.5em 0em;
}

#s4-workspace .ui[class*="very relaxed"].divided.items > .item {
    margin: 0em;
    padding: 2em 0em;
}
/*-------------------
        Link
--------------------*/

#s4-workspace .ui.items a.item:hover,
#s4-workspace .ui.link.items > .item:hover {
    cursor: pointer;
}

    #s4-workspace .ui.items a.item:hover .content .header-ui,
    #s4-workspace .ui.link.items > .item:hover .content .header-ui {
        color: #01a9e7;
    }
/*--------------
      Size
---------------*/

#s4-workspace .ui.items > .item {
    font-size: 1em;
}
/*******************************
           Breadcrumb
*******************************/

#s4-workspace .ui.breadcrumb {
    margin: 1em 0em;
    display: inline-block;
    vertical-align: middle;
}

#s4-workspace .ui.breadcrumb {
    margin-top: 0em;
}

    #s4-workspace .ui.breadcrumb:last-child {
        margin-bottom: 0em;
    }
    /*******************************
          Content
*******************************/
    /* Divider */

    #s4-workspace .ui.breadcrumb .divider {
        display: inline-block;
        margin: 0em 0.2rem 0em;
        font-size: 0.9em;
        color: rgba(0, 0, 0, 0.4);
        vertical-align: baseline;
    }
    /* Link */

    #s4-workspace .ui.breadcrumb a {
        color: #009fda;
    }

        #s4-workspace .ui.breadcrumb a:hover {
            color: #01a9e7;
        }
    /* Icon Divider */

    #s4-workspace .ui.breadcrumb .icon.divider {
        font-size: 0.7em;
        vertical-align: middle;
    }
    /* Section */

    #s4-workspace .ui.breadcrumb a.section {
        cursor: pointer;
    }

    #s4-workspace .ui.breadcrumb .section {
        display: inline-block;
        margin: 0em;
        padding: 0em;
    }
    /* Loose Coupling */

    #s4-workspace .ui.breadcrumb.segment {
        display: inline-block;
        padding: 0.5em 1em;
    }
    /*******************************
            States
*******************************/

    #s4-workspace .ui.breadcrumb .active.section {
    }
/*******************************
           Variations
*******************************/

#s4-workspace .ui.mini.breadcrumb {
    font-size: 0.71428571rem;
}

#s4-workspace .ui.tiny.breadcrumb {
    font-size: 0.85714286rem;
}

#s4-workspace .ui.small.breadcrumb {
    font-size: 0.92857143rem;
}

#s4-workspace .ui.breadcrumb {
    font-size: 1rem;
}

#s4-workspace .ui.large.breadcrumb {
    font-size: 1.14285714rem;
}

#s4-workspace .ui.big.breadcrumb {
    font-size: 1.28571429rem;
}

#s4-workspace .ui.huge.breadcrumb {
    font-size: 1.42857143rem;
}

#s4-workspace .ui.massive.breadcrumb {
    font-size: 1.71428571rem;
}

#s4-workspace .ui.large.breadcrumb {
    font-size: 15px;
}

#s4-workspace .ui.horizontal.label {
    background-color: #fff;
    font-size: 15px;
    color: #84898d !important;
}

#s4-workspace .filters {
    border: 0 solid;
    float: right;
    padding-left: 50px;
    position: absolute;
    right: 0;
    top: 53px;
    width: auto;
}

    #s4-workspace .filters a {
        padding-right: 50px;
    }

#s4-workspace .left_column .filters > a:link {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    color: #707070;
}

#s4-workspace .left_column .filters > ul a:link {
    border-bottom: none !important;
}

#s4-workspace .left_column .filters > a:visited {
    border-bottom: none !important;
}

#s4-workspace .filters > ul {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    top: 21px;
    margin-left: 0px;
    padding: 20px;
    width: 124px;
    border: 1px solid #999;
    list-style-type: none;
}

#s4-workspace .filters ul li {
    padding: 5px 0;
    width: 100%;
}

    #s4-workspace .filters ul li.active {
        font-weight: 700;
    }
/*--------------
      Menu
---------------*/

#s4-workspace .ui.menu-page {
    margin: 1rem 0rem;
    background: #ffffff;
    font-weight: normal;
    float: right;
}

    #s4-workspace .ui.menu-page:after {
        content: '';
        display: block;
        height: 0px;
        clear: both;
        visibility: hidden;
    }

    #s4-workspace .ui.menu-page:first-child {
        margin-top: 0rem;
    }

    #s4-workspace .ui.menu-page:last-child {
        margin-bottom: 0rem;
    }

    #s4-workspace .ui.borderless.menu-page .item .menu-page .item:before,
    #s4-workspace .ui.borderless.menu-page .item:before,
    #s4-workspace .ui.menu-page .borderless.item:before {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    }
    /*--------------
     Colors
---------------*/
    /* Text Color */

    #s4-workspace .ui.menu-page .item {
        color: rgba(0, 0, 0, 0.8);
    }

        #s4-workspace .ui.menu-page .item .item {
            color: rgba(0, 0, 0, 0.5);
        }
        /* Hover */

        #s4-workspace .ui.menu-page .item .menu a.item:hover,
        #s4-workspace .ui.menu-page .item .menu .link.item:hover {
            color: rgba(0, 0, 0, 0.85);
        }

#s4-workspace .item.now {
    background: none repeat scroll 0 0 #f4f4f3 !important;
    font-weight: bold;
}
/*--------------
      Items
---------------*/

#s4-workspace .news-head {
    margin: 20px 0 !important;
    padding: 0 !important;
}

#s4-workspace .ui.menu-page .item {
    position: relative;
    display: inline-block;
    padding: 0.78571em 0.95em;
    border-top: 0em solid transparent;
    background: none;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#s4-workspace .ui.menu-page .menu {
    margin: 0em;
}
/* Floated Content */

#s4-workspace .ui.menu-page > .item:first-child {
    border-radius: 0.2857rem 0px 0px 0.2857rem;
}

#s4-workspace .ui.menu-page:not(.vertical) .item.left,
#s4-workspace .ui.menu-page:not(.vertical) .menu.left {
    float: left;
}

#s4-workspace .ui.menu-page:not(.vertical) .item.right,
#s4-workspace .ui.menu-page:not(.vertical) .menu.right {
    float: right;
}
/*--------------
    Borders
---------------*/

#s4-workspace .ui.menu-page .item:before {
    position: absolute;
    content: '';
    top: 0%;
    right: 0px;
    width: 1px;
    height: 100%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
    background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
}

#s4-workspace .ui.menu-page > .right.menu:first-child {
    display: none;
}

#s4-workspace .ui.menu-page .menu.right .item:before,
#s4-workspace .ui.menu-page .item.right:before {
    right: auto;
    left: 0px;
}
/*--------------
  Text Content
---------------*/

#s4-workspace .ui.menu-page .text.item > *,
#s4-workspace .ui.menu-page .item > a:not(.ui),
#s4-workspace .ui.menu-page .item > p:only-child {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
}

#s4-workspace .ui.menu-page .item > p:first-child {
    margin-top: 0;
}

#s4-workspace .ui.menu-page .item > p:last-child {
    margin-bottom: 0;
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/

#s4-workspace .ui.link.menu > .item:hover,
#s4-workspace .ui.menu-page > .link.item:hover,
#s4-workspace .ui.menu-page > a.item:hover,
#s4-workspace .ui.link.menu .menu > .item:hover,
#s4-workspace .ui.menu-page .menu > .link.item:hover,
#s4-workspace .ui.menu-page .menu > a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8);
}
/*--------------
     Pressed
---------------*/

#s4-workspace .ui.link.menu .item:active,
#s4-workspace .ui.menu-page .link.item:active,
#s4-workspace .ui.menu-page a.item:active {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8);
}
/*--------------
     Active
---------------*/

#s4-workspace .ui.menu-page .active.item {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    box-shadow: 0em 2px 0em inset;
}

    #s4-workspace .ui.menu-page .active.item > i.icon {
        opacity: 1;
    }
/* Vertical */

#s4-workspace .ui.vertical.menu .active.item {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0em;
    box-shadow: 2px 0em 0em inset;
}

#s4-workspace .ui.vertical.menu > .active.item:first-child {
    border-radius: 0em 0.2857rem 0em 0em;
}

#s4-workspace .ui.vertical.menu > .active.item:last-child {
    border-radius: 0em 0em 0.2857rem 0em;
}

#s4-workspace .ui.vertical.menu > .active.item:only-child {
    border-radius: 0em 0.2857rem 0.2857rem 0em;
}

#s4-workspace .ui.vertical.menu .active.item .menu .active.item {
    border-left: none;
}

#s4-workspace .ui.vertical.menu .item .menu .active.item {
    background-color: transparent;
    box-shadow: none;
}
/*--------------
  Active Hover
---------------*/

#s4-workspace .ui.vertical.menu .active.item:hover,
#s4-workspace .ui.menu-page .active.item:hover {
    background-color: rgba(0, 0, 0, 0.03);
}
/*******************************
            Message
*******************************/

#s4-workspace .ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0em;
    background: #efefef;
    padding: 1em;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
}

    #s4-workspace .ui.message:first-child {
        margin-top: 0em;
    }

    #s4-workspace .ui.message:last-child {
        margin-bottom: 0em;
    }
    /*--------------
     Content
---------------*/
    /* header-ui */

    #s4-workspace .ui.message .header-ui {
        display: block;
        font-weight: bold;
        margin: 0em 0em 0.5rem 0em;
    }
        /* Default font size */

        #s4-workspace .ui.message .header-ui:not(.ui) {
            font-size: 1.1em;
        }
    /* Paragraph */

    #s4-workspace .ui.message p {
        opacity: 0.85;
        margin: 0.75em 0em;
    }

        #s4-workspace .ui.message p:first-child {
            margin-top: 0em;
        }

        #s4-workspace .ui.message p:last-child {
            margin-bottom: 0em;
        }

    #s4-workspace .ui.message .header-ui + p {
        margin-top: 0.25em;
    }
    /* List */

    #s4-workspace .ui.message ul.list {
        opacity: 0.85;
        list-style-position: inside;
        margin: 0.5em 0em 0em;
        padding: 0em;
    }

        #s4-workspace .ui.message ul.list:first-child {
            margin-top: 0em;
        }

        #s4-workspace .ui.message ul.list:last-child {
            margin-bottom: 0em;
        }

        #s4-workspace .ui.message ul.list li {
            position: relative;
            list-style-type: none;
            margin: 0em 0em 0.3em 1em;
            padding: 0em;
        }

            #s4-workspace .ui.message ul.list li:before {
                position: absolute;
                content: '•';
                left: -1em;
                height: 100%;
                vertical-align: baseline;
            }

            #s4-workspace .ui.message ul.list li:last-child {
                margin-bottom: 0em;
            }

#s4-workspace .resp-tabs-list.hor_1 {
    padding: 0;
}
/* Icon */

#s4-workspace .ui.message > .icon {
    margin-right: 0.6em;
}
/* Close Icon */

#s4-workspace .ui.message > .close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0em;
    top: 1.15em;
    right: 0.5em;
    opacity: 0.7;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

    #s4-workspace .ui.message > .close.icon:hover {
        opacity: 1;
    }
/* First / Last Element */

#s4-workspace .ui.message > :first-child {
    margin-top: 0em;
}

#s4-workspace .ui.message > :last-child {
    margin-bottom: 0em;
}

#s4-workspace .accordion .ksticon-add:before {
    font-size: 18px;
    padding-right: 5px;
    padding-top: 12px;
}

#s4-workspace .accordion .ksticon-icon-cancel:before {
    font-size: 18px !important;
    padding-right: 5px;
    padding-top: 10px;
}
/*******************************
            States
*******************************/
/*--------------
    Visible
---------------*/

#s4-workspace .ui.message.visible {
    display: block;
}

#s4-workspace .ui.icon.message.visible {
    display: table;
}
/*--------------
     Hidden
---------------*/

#s4-workspace .ui.message.hidden {
    display: none;
}
/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/

#s4-workspace .ui.compact.message {
    display: inline-block;
}
/*--------------
    Attached
---------------*/

#s4-workspace .ui.attached.message {
    margin-bottom: -1px;
    border-radius: 0.2857rem 0.2857rem 0em 0em;
    box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
    margin-left: -1px;
    margin-right: -1px;
}

#s4-workspace .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
    margin-top: -1px;
    border-radius: 0em;
}

#s4-workspace .ui.bottom.attached.message {
    margin-top: -1px;
    border-radius: 0em 0em 0.2857rem 0.2857rem;
    box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.bottom.attached.message:not(:last-child) {
        margin-bottom: 1em;
    }

#s4-workspace .ui.attached.icon.message {
    display: block;
    width: auto;
}
/*--------------
      Icon
---------------*/

#s4-workspace .ui.icon.message {
    display: table;
    width: 100%;
}

    #s4-workspace .ui.icon.message > .icon:not(.close) {
        display: table-cell;
        width: auto;
        vertical-align: middle;
        font-size: 3em;
        opacity: 0.8;
    }

    #s4-workspace .ui.icon.message > .content {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

    #s4-workspace .ui.icon.message .icon:not(.close) + .content {
        padding-left: 1.5rem;
    }

    #s4-workspace .ui.icon.message .circular.icon {
        width: 1em;
    }

        #s4-workspace .ui.icon.message .circular.icon + .content {
            width: auto;
            padding-left: 2em;
        }
/*--------------
    Floating
---------------*/

#s4-workspace .ui.floating.message {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
}
/*--------------
     Colors
---------------*/

#s4-workspace .ui.black.message {
    background-color: #1b1c1d;
    color: #ffffff;
}
/*--------------
     Types
---------------*/
/* Positive */

#s4-workspace .ui.positive.message {
    background-color: #eeffe7;
    color: #3c763d;
}

#s4-workspace .ui.positive.message,
#s4-workspace .ui.attached.positive.message {
    box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.positive.message .header-ui {
        color: #356e36;
    }
/* Negative */

#s4-workspace .ui.negative.message {
    background-color: #fff0f0;
    color: #a94442;
}

#s4-workspace .ui.negative.message,
#s4-workspace .ui.attached.negative.message {
    box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.negative.message .header-ui {
        color: #912d2b;
    }
/* Info */

#s4-workspace .ui.info.message {
    background-color: #e9faff;
    color: #337b92;
}

#s4-workspace .ui.info.message,
#s4-workspace .ui.attached.info.message {
    box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.info.message .header-ui {
        color: #297187;
    }
/* Warning */

.ui.warning.message {
    background-color: #fffbe6;
    color: #876a38;
}

#s4-workspace .ui.warning.message,
#s4-workspace .ui.attached.warning.message {
    box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.warning.message .header-ui {
        color: #825c01;
    }
/* Error */

#s4-workspace .ui.error.message {
    background-color: #fff0f0;
    color: #a94442;
}

#s4-workspace .ui.error.message,
#s4-workspace .ui.attached.error.message {
    box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.error.message .header-ui {
        color: #912d2b;
    }
/* Success */

#s4-workspace .ui.success.message {
    background-color: #eeffe7;
    color: #3c763d;
}

#s4-workspace .ui.success.message,
#s4-workspace .ui.attached.success.message {
    box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    #s4-workspace .ui.success.message .header-ui {
        color: #356e36;
    }
/* Colors */

#s4-workspace .ui.inverted.message,
#s4-workspace .ui.black.message {
    background-color: #1b1c1d;
    color: #ffffff;
}

#s4-workspace .ui.blue.message {
    background-color: #dff0ff;
    color: #3b83c0;
}

    #s4-workspace .ui.blue.message .header-ui {
        color: #3576ac;
    }

#s4-workspace .ui.green.message {
    background-color: #f1f2da;
    color: #7a7a0f;
}

    #s4-workspace .ui.green.message .header-ui {
        color: #7a7a02;
    }

#s4-workspace .ui.orange.message {
    background-color: #fcf2e6;
    color: #e07b53;
}

    #s4-workspace .ui.orange.message .header-ui {
        color: #dc6a3d;
    }

#s4-workspace .ui.pink.message {
    background-color: #ffe3fb;
    color: #d9499a;
}

    #s4-workspace .ui.pink.message .header-ui {
        color: #d5348e;
    }

#s4-workspace .ui.purple.message {
    background-color: #eae7ff;
    color: #564f8a;
}

    #s4-workspace .ui.purple.message .header-ui {
        color: #4c467a;
    }

#s4-workspace .ui.red.message {
    background-color: #ffe8e6;
    color: #d95c5c;
}

    #s4-workspace .ui.red.message .header-ui {
        color: #d44747;
    }

#s4-workspace .ui.teal.message {
    background-color: #e9ffff;
    color: #10a3a3;
}

    #s4-workspace .ui.teal.message .header-ui {
        color: #0e8c8c;
    }

#s4-workspace .ui.yellow.message {
    background-color: #f5ecd7;
    color: #b58105;
}

    #s4-workspace .ui.yellow.message .header-ui {
        color: #9c6f04;
    }
/*--------------
     Sizes
---------------*/

#s4-workspace .ui.small.message {
    font-size: 0.92857143em;
}

#s4-workspace .ui.message {
    font-size: 1em;
}

#s4-workspace .ui.large.message {
    font-size: 1.14285714em;
}

#s4-workspace .ui.huge.message {
    font-size: 1.42857143em;
}

#s4-workspace .ui.massive.message {
    font-size: 1.71428571em;
}
/*******************************
            List
*******************************/

#s4-workspace ul.ui.list,
#s4-workspace ol.ui.list,
#s4-workspace .ui.list {
    list-style-type: none;
    margin: 1em 0em;
    padding: 0em 0em;
}

    #s4-workspace ul.ui.list:first-child,
    #s4-workspace ol.ui.list:first-child,
    #s4-workspace .ui.list:first-child {
        margin-top: 0em;
        padding-top: 0em;
    }

    #s4-workspace ul.ui.list:last-child,
    #s4-workspace ol.ui.list:last-child,
    #s4-workspace .ui.list:last-child {
        margin-bottom: 0em;
        padding-bottom: 0em;
    }
/*******************************
            Content
*******************************/

#s4-workspace .heading h4 {
    margin-top: 35px !important;
    font-size: 18px !important;
    margin-bottom: 7px;
}
/* List Item */

#s4-workspace ul.ui.list li,
#s4-workspace ol.ui.list li,
#s4-workspace .ui.list > .item,
#s4-workspace .ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.3em 0em;
    line-height: 1.2;
}

    #s4-workspace ul.ui.list > li:first-child:after,
    #s4-workspace ol.ui.list > li:first-child:after,
    #s4-workspace .ui.list > .list > .item,
    #s4-workspace .ui.list > .item:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #s4-workspace ul.ui.list li:first-child,
    #s4-workspace ol.ui.list li:first-child,
    #s4-workspace .ui.list .list > .item:first-child,
    #s4-workspace .ui.list > .item:first-child {
        padding-top: 0em;
    }

    #s4-workspace ul.ui.list li:last-child,
    #s4-workspace ol.ui.list li:last-child,
    #s4-workspace .ui.list .list > .item:last-child,
    #s4-workspace .ui.list > .item:last-child {
        padding-bottom: 0em;
    }
/* Child List */

#s4-workspace ul.ui.list ul,
#s4-workspace ol.ui.list ol,
#s4-workspace .ui.list .list {
    clear: both;
    margin: 0em;
    padding: 0.75em 0em 0.25em 0.5em;
}
    /* Icon */

    #s4-workspace .ui.list .list > .item > .icon,
    #s4-workspace .ui.list > .item > .icon {
        display: table-cell;
        margin: 0em;
        padding-top: 0.1rem;
        padding-right: 0.3em;
        vertical-align: middle;
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

    #s4-workspace .ui.list .list > .item [class*="top aligned"].icon,
    #s4-workspace .ui.list > .item > [class*="top aligned"].icon {
        vertical-align: top;
    }

    #s4-workspace .ui.list .list > .item > .icon:only-child,
    #s4-workspace .ui.list > .item > .icon:only-child {
        display: inline-block;
        vertical-align: top;
    }
    /* Image */

    #s4-workspace .ui.list .list > .item > .image,
    #s4-workspace .ui.list > .item > .image {
        display: table-cell;
        background-color: transparent;
        margin: 0em;
        padding-right: 0.5em;
        vertical-align: middle;
    }

    #s4-workspace .ui.list .list > .item > [class*="top aligned"].image,
    #s4-workspace .ui.list > .item > [class*="top aligned"].image {
        vertical-align: top;
    }

    #s4-workspace .ui.list .list > .item > .image img,
    #s4-workspace .ui.list > .item > .image img {
        vertical-align: middle;
    }

    #s4-workspace .ui.list .list > .item > img.image,
    #s4-workspace .ui.list .list > .item > .image:only-child,
    #s4-workspace .ui.list > .item > img.image,
    #s4-workspace .ui.list > .item > .image:only-child {
        display: inline-block;
        padding-right: 0em;
    }
    /* Content */

    #s4-workspace .ui.list .list > .item > .content,
    #s4-workspace .ui.list > .item > .content {
        line-height: 1.2em;
    }

    #s4-workspace .ui.list .list > .item > .image + .content,
    #s4-workspace .ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content,
    #s4-workspace .ui.list > .item > .icon + .content {
        display: table-cell;
        padding-left: 0.5em;
        vertical-align: middle;
    }

    #s4-workspace .ui.list .list > .item > .image + .content,
    #s4-workspace .ui.list .list > .item > .icon + .content,
    #s4-workspace .ui.list > .item > .image + .content,
    #s4-workspace .ui.list > .item > .icon + .content {
        display: table-cell;
        padding-left: 0.5em;
        vertical-align: middle;
    }

    #s4-workspace .ui.list .list > .item > img.image + .content,
    #s4-workspace .ui.list > .item > img.image + .content {
        display: inline-block;
    }

    #s4-workspace .ui.list .list > .item [class*="top aligned"].content,
    #s4-workspace .ui.list > .item > [class*="top aligned"].content {
        vertical-align: top;
    }

    #s4-workspace .ui.list .list > .item > .content > .list,
    #s4-workspace .ui.list > .item > .content > .list {
        margin-left: 0em;
        padding-left: 0em;
    }
    /* Item Link */

    #s4-workspace .ui.list .list > a.item,
    #s4-workspace .ui.list > a.item {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
    }

        #s4-workspace .ui.list .list > a.item:hover,
        #s4-workspace .ui.list > a.item:hover {
            color: #01a9e7;
        }
        /* Linked Item Icons */

        #s4-workspace .ui.list .list > a.item .icon,
        #s4-workspace .ui.list > a.item .icon {
            color: rgba(0, 0, 0, 0.4);
        }
/* Linking Content */

#s4-workspace .ui.list .item a {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8) !important;
}

    #s4-workspace .ui.list .item a:hover {
        color: #01a9e7 !important;
    }
/* Header */

#s4-workspace .ui.list .list > .item .header,
#s4-workspace .ui.list > .item .header {
    display: block;
    margin: 0em;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
}

#s4-workspace .ui.list .list > .item .description,
#s4-workspace .ui.list > .item .description {
    display: block;
    color: rgba(0, 0, 0, 0.8);
}
/* Floated Content */

#s4-workspace .ui.list .list > .item [class*="left floated"],
#s4-workspace .ui.list > .item [class*="left floated"] {
    float: left;
    margin: 0em 1em 0em 0em;
}

#s4-workspace .ui.list .list > .item [class*="right floated"],
#s4-workspace .ui.list > .item [class*="right floated"] {
    float: right;
    margin: 0em 0em 0em 1em;
}
/*******************************
            Coupling
*******************************/

#s4-workspace .ui.menu .ui.list > .item,
#s4-workspace .ui.menu .ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.3em 0em;
    line-height: 1.2;
}

    #s4-workspace .ui.menu .ui.list .list > .item:before,
    #s4-workspace .ui.menu .ui.list > .item:before {
        border: none;
        background: none;
    }

    #s4-workspace .ui.menu .ui.list .list > .item:first-child,
    #s4-workspace .ui.menu .ui.list > .item:first-child {
        padding-top: 0em;
    }

    #s4-workspace .ui.menu .ui.list .list > .item:last-child,
    #s4-workspace .ui.menu .ui.list > .item:last-child {
        padding-bottom: 0em;
    }
/*******************************
            Types
*******************************/
/*-------------------
      Horizontal
--------------------*/

#s4-workspace .ui.horizontal.list {
    display: inline-block;
    font-size: 0em;
}

    #s4-workspace .ui.horizontal.list > .item {
        display: inline-block;
        margin-left: 1em;
        font-size: 1rem;
    }

        #s4-workspace .ui.horizontal.list > .item:first-child {
            margin-left: 0em !important;
            padding-left: 0em !important;
        }

    #s4-workspace .ui.horizontal.list .list {
        padding-left: 0em;
        padding-bottom: 0em;
    }
    /* Padding on all elements */

    #s4-workspace .ui.horizontal.list > .item:first-child,
    #s4-workspace .ui.horizontal.list > .item:last-child {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        width: 32%;
    }
    /* Horizontal List */

    #s4-workspace .ui.horizontal.list > .item > .icon {
        margin: 0em;
        padding: 0em 0.25em 0em 0em;
    }

        #s4-workspace .ui.horizontal.list > .item > .icon,
        #s4-workspace .ui.horizontal.list > .item > .icon + .content {
            float: none;
            display: inline-block;
        }

#s4-workspace .rg-gallery .story-image-text {
    bottom: 0 !important;
}
/*******************************
             States
*******************************/
/*-------------------
       Disabled
--------------------*/

#s4-workspace .ui.list .list > .disabled.item,
#s4-workspace .ui.list > .disabled.item {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3) !important;
}

#s4-workspace .ui.inverted.list .list > .disabled.item,
#s4-workspace .ui.inverted.list > .disabled.item {
    color: rgba(225, 225, 225, 0.3) !important;
}
/*-------------------
        Hover
--------------------*/

#s4-workspace .ui.list .list > a.item:hover .icon,
#s4-workspace .ui.list > a.item:hover .icon {
    color: rgba(0, 0, 0, 0.8);
}
/*******************************
           Variations
*******************************/
/*-------------------
       Inverted
--------------------*/

#s4-workspace .ui.inverted.list .list > a.item > .icon,
#s4-workspace .ui.inverted.list > a.item > .icon {
    color: rgba(255, 255, 255, 0.8);
}

#s4-workspace .ui.inverted.list .list > .item .header,
#s4-workspace .ui.inverted.list > .item .header {
    color: #ffffff;
}

#s4-workspace .ui.inverted.list .list > .item .description,
#s4-workspace .ui.inverted.list > .item .description {
    color: rgba(255, 255, 255, 0.8);
}
/* Item Link */

#s4-workspace .ui.inverted.list .list > a.item,
#s4-workspace .ui.inverted.list > a.item {
    cursor: pointer;
    color: #ffffff;
}

    #s4-workspace .ui.inverted.list .list > a.item:hover,
    #s4-workspace .ui.inverted.list > a.item:hover {
        color: #01a9e7;
    }
/* Linking Content */

#s4-workspace .ui.inverted.list .item a {
    cursor: pointer;
    color: #ffffff !important;
}

    #s4-workspace .ui.inverted.list .item a:hover {
        color: #01a9e7 !important;
    }
/*-------------------
       Link
--------------------*/

#s4-workspace .ui.link.list .item,
#s4-workspace .ui.link.list a.item,
#s4-workspace .ui.link.list .item a {
    color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.2s color ease;
    transition: 0.2s color ease;
}

    #s4-workspace .ui.link.list a.item:hover,
    #s4-workspace .ui.link.list .item a:hover {
        color: rgba(0, 0, 0, 0.8);
    }

    #s4-workspace .ui.link.list a.item:active,
    #s4-workspace .ui.link.list .item a:active {
        color: rgba(0, 0, 0, 0.8);
    }

#s4-workspace .ui.link.list .active.item,
#s4-workspace .ui.link.list .active.item a {
    color: rgba(0, 0, 0, 0.8);
}
/* Inverted */

#s4-workspace .ui.inverted.link.list .item,
#s4-workspace .ui.inverted.link.list a.item,
#s4-workspace .ui.inverted.link.list .item a {
    color: rgba(255, 255, 255, 0.5);
}

    #s4-workspace .ui.inverted.link.list a.item:hover,
    #s4-workspace .ui.inverted.link.list .item a:hover {
        color: #ffffff;
    }

    #s4-workspace .ui.inverted.link.list a.item:active,
    #s4-workspace .ui.inverted.link.list .item a:active {
        color: #ffffff;
    }

#s4-workspace .ui.inverted.link.list a.active.item,
#s4-workspace .ui.inverted.link.list .active.item a {
    color: #ffffff;
}
/*-------------------
      Selection
--------------------*/

#s4-workspace .ui.selection.list .list > .item,
#s4-workspace .ui.selection.list > .item {
    cursor: pointer;
    background: transparent;
    padding: 0.5em 0.5em;
    margin: 0em;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 0.5em;
    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
    transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
}

    #s4-workspace .ui.selection.list .list > .item:last-child,
    #s4-workspace .ui.selection.list > .item:last-child {
        margin-bottom: 0em;
    }

    #s4-workspace .ui.selection.list.list > .item:hover,
    #s4-workspace .ui.selection.list > .item:hover {
        background: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.8);
    }

    #s4-workspace .ui.selection.list .list > .item:active,
    #s4-workspace .ui.selection.list > .item:active {
        background: rgba(0, 0, 0, 0.05);
        color: rgba(0, 0, 0, 0.8);
    }

    #s4-workspace .ui.selection.list .list > .item.active,
    #s4-workspace .ui.selection.list > .item.active {
        background: rgba(0, 0, 0, 0.05);
        color: rgba(0, 0, 0, 0.8);
    }
/* Inverted */

#s4-workspace .ui.inverted.selection.list > .item,
#s4-workspace .ui.inverted.selection.list > .item {
    background: transparent;
    color: rgba(255, 255, 255, 0.5);
}

    #s4-workspace .ui.inverted.selection.list > .item:hover,
    #s4-workspace .ui.inverted.selection.list > .item:hover {
        background: rgba(255, 255, 255, 0.02);
        color: #ffffff;
    }

    #s4-workspace .ui.inverted.selection.list > .item:active,
    #s4-workspace .ui.inverted.selection.list > .item:active {
        background: rgba(255, 255, 255, 0.05);
        color: #ffffff;
    }

    #s4-workspace .ui.inverted.selection.list > .item.active,
    #s4-workspace .ui.inverted.selection.list > .item.active {
        background: rgba(255, 255, 255, 0.05);
        color: #ffffff;
    }
/* Celled / Divided Selection List */

#s4-workspace .ui.celled.selection.list .list > .item,
#s4-workspace .ui.divided.selection.list .list > .item,
#s4-workspace .ui.celled.selection.list > .item,
#s4-workspace .ui.divided.selection.list > .item {
    border-radius: 0em;
}
/*-------------------
       Calendar
--------------------*/

#s4-workspace #calendar .button {
    background: #fff;
    border: 1px solid #999;
    color: #707070;
    padding-bottom: 6px;
}

#s4-workspace .half {
    margin-top: 20px;
}

#s4-workspace #calendar .button:hover {
    background: #707070;
    color: #fff !important;
}

#s4-workspace .half .btn-active {
    background: #4f7dc3 !important;
    color: #fff !important;
}

#s4-workspace .half .button {
    font-size: 17px;
    display: inline-block;
    font-weight: normal;
}

#s4-workspace .calendar-control .center {
    text-align: center;
}

#s4-workspace .calendar-control h3 {
    display: inline-block;
    margin: 0 20px;
}

#s4-workspace .flt-l {
    float: left;
}

#s4-workspace .flt-r {
    float: right;
}

#s4-workspace .half .filters {
    float: left !important;
    position: unset;
    padding-left: 20px;
}

    #s4-workspace .half .filters > ul {
        top: 260px;
    }

#s4-workspace .expand {
}

#s4-workspace .calendar-control .left {
    text-align: right;
}

#s4-workspace .calendar-control {
    clear: both;
    margin: 30px 0 20px 0;
}

#s4-workspace .half {
    float: left;
    width: 50%;
    clear:
}

#s4-workspace #month table {
    border: 1px solid;
    width: 100%
}

#s4-workspace #month th {
    border: 1px solid #c9c9c9;
    padding: 10px;
    font-family: 'Raleway-Light';
    font-weight: normal !important;
    color: #2a3036;
}

#s4-workspace #month td {
    border: 1px solid #c9c9c9;
    display: table-cell;
    width: 14%;
    height: 120px;
    padding: 10px;
    vertical-align: top;
    text-align: right;
    font-size: 13px;
}

#s4-workspace .dim {
    color: #c9c9c9;
    background: #f4f4f4;
}

#s4-workspace #month span {
    background: none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 19px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    text-align: left !important;
    margin-bottom: 3px;
    cursor: pointer;
}

#s4-workspace #month .orange,
#s4-workspace #week .orange {
    background: #F7944A;
}

#s4-workspace #month .green,
#s4-workspace #week .green {
    background: #BDCC29;
}

#s4-workspace #month .turquoise,
#s4-workspace #week .turquoise {
    background: #00AB9E;
}

#s4-workspace #month .yellow,
#s4-workspace #week .yellow {
    background: #FFBF0F;
}

#s4-workspace .today {
    background: #FCF8E3;
}

#s4-workspace #week table {
    width: 100%;
}

#s4-workspace table {
    padding: 0;
}

#s4-workspace #week table tr td table tr td {
    border-bottom: 1px solid #ebebeb !important;
    border: 0;
    height: 23px;
    padding: 9px 5px 0px 5px;
}

#s4-workspace #week td {
    padding: 0;
    border: 1px solid #c9c9c9;
    width: 10%;
}

#s4-workspace #week th {
    border: 1px solid #c9c9c9;
    height: 40px;
    padding: 5px;
    color: #2a3036;
    font-family: 'Raleway-Light';
    font-weight: normal !important;
}

#s4-workspace #week .time {
    text-align: center;
    font-size:
}

#s4-workspace .event {
    float: left;
    overflow: hidden;
    width: 93% !important;
    cursor: pointer;
    color: #fff;
}

#s4-workspace #academic table {
    width: 100%;
}

#s4-workspace #academic .title {
    border-bottom: 1px solid #c9c9c9;
    font-family: 'Raleway-Light';
    font-weight: normal;
    color: #fff;
    text-align: left;
    font-size: 26px;
    padding: 10px;
    background: #4F7DC3;
}

#s4-workspace #academic .table-container {
    border: 1px solid #c9c9c9;
    margin: 30px 0;
}

#s4-workspace .academic-event {
    width: 80%
}

    #s4-workspace .academic-event .date {
        width: 30%;
    }

#s4-workspace .season {
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    padding: 10px;
    vertical-align: text-top;
    width: 20%;
    color: #2a3036;
    font-family: 'Raleway-Light';
    font-weight: normal;
}

#s4-workspace .academic-event td {
    vertical-align: text-top;
    border-bottom: 1px solid #c9c9c9;
    padding: 10px;
}

#s4-workspace .half.choose {
    display: inline-table;
    padding-bottom: 17px;
}

@media screen and (max-width: 500px) {
    #s4-workspace .half {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center;
    }

    #s4-workspace .button.today {
        display: none;
    }

    #s4-workspace #month tr {
        display: inline;
        width: 100%;
    }

    #s4-workspace #month td {
        width: 100%;
        display: inline-block;
        height: auto;
    }

    #s4-workspace #month table {
        display: inline-block;
    }

    #s4-workspace #month th {
        display: none;
    }

    #s4-workspace #month span {
        display: table-row;
    }

    #s4-workspace .day,
    #s4-workspace .week {
        display: none !important;
    }
}
/* Dropdown menu */

#s4-workspace .check {
    margin-right: 10px;
}

#s4-workspace .wrapper-demo {
    margin: 60px 0 0 0;
    *zoom: 1;
    font-weight: 400;
    width: 300px;
}

    #s4-workspace .wrapper-demo:after {
        clear: both;
        content: "";
        display: table;
    }

#s4-workspace .wrapper-dropdown-2 {
    /* Size and position */

    position: relative;
    /* Enable absolute positionning for children and pseudo elements */

    width: 110px;
    margin: 0 auto;
    padding: 9px 15px 2px 15px;
    /* Styles */

    background: #fff;
    border-left: 5px solid #fff;
    cursor: pointer;
    outline: none;
    text-align: left;
    border: 1px solid #999;
}

    #s4-workspace .wrapper-dropdown-2:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 14px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: grey transparent;
    }

    #s4-workspace .wrapper-dropdown-2 .dropdown {
        /* Size & position */

        position: absolute;
        z-index: 888;
        top: 100%;
        left: 0px;
        right: 0px;
        padding: 0;
        margin: -1px;
        border: 1px solid #c9c9c9;
        /* Styles */

        background: white;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        list-style: none;
        /* Hiding */

        opacity: 0;
        pointer-events: none;
    }

        #s4-workspace .wrapper-dropdown-2 .dropdown li a {
            display: flex;
            text-decoration: none;
            padding: 10px 0px 1px 10px;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

            #s4-workspace .wrapper-dropdown-2 .dropdown li a:hover {
                background: #f1f1f1;
            }

        #s4-workspace .wrapper-dropdown-2 .dropdown li:nth-child(1) a {
            border-left-color: #00ACED;
        }

        #s4-workspace .wrapper-dropdown-2 .dropdown li:nth-child(2) a {
            border-left-color: #4183C4;
        }

        #s4-workspace .wrapper-dropdown-2 .dropdown li:nth-child(3) a {
            border-left-color: #3B5998;
        }

        #s4-workspace .wrapper-dropdown-2 .dropdown li i {
            margin-right: 5px;
            color: inherit;
            vertical-align: middle;
        }
        /* Hover state */

        #s4-workspace .wrapper-dropdown-2 .dropdown li:hover a {
            color: grey;
        }
    /* Active state */

    #s4-workspace .wrapper-dropdown-2.active:after {
        border-width: 0 6px 6px 6px;
    }

    #s4-workspace .wrapper-dropdown-2.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }
/* No CSS3 support */

#s4-workspace .no-opacity .wrapper-dropdown-2 .dropdown,
#s4-workspace .no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1;
    /* If opacity support but no pointer-events support */

    pointer-events: auto;
    /* If pointer-events support but no pointer-events support */
}

#s4-workspace .no-opacity .wrapper-dropdown-2.active .dropdown,
#s4-workspace .no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

#s4-workspace .mar-l20 {
    margin-left: 20px
}
/*-------------------
       Animated
--------------------*/

#s4-workspace .ui.animated.list > .item {
    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
    transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
}

#s4-workspace .ui.animated.list:not(.horizontal) > .item:hover {
    padding-left: 1em;
}
/*-------------------
       Fitted
--------------------*/

#s4-workspace .ui.fitted.list:not(.selection) .list > .item,
#s4-workspace .ui.fitted.list:not(.selection) > .item {
    padding-left: 0em;
    padding-right: 0em;
}

#s4-workspace .ui.fitted.selection.list .list > .item,
#s4-workspace .ui.fitted.selection.list > .item {
    margin-left: -0.5em;
    margin-right: -0.5em;
}
/*-------------------
      Bulleted
--------------------*/

#s4-workspace ul.ui.list,
#s4-workspace .ui.bulleted.list {
    margin-left: 1rem;
}

    #s4-workspace ul.ui.list li,
    #s4-workspace .ui.bulleted.list .list > .item,
    #s4-workspace .ui.bulleted.list > .item {
        position: relative;
    }

        #s4-workspace ul.ui.list li:before,
        #s4-workspace .ui.bulleted.list .list > .item:before,
        #s4-workspace .ui.bulleted.list > .item:before {
            position: absolute;
            top: auto;
            left: auto;
            margin-left: -1rem;
            content: '•';
            opacity: 1;
            color: rgba(0, 0, 0, 0.8);
            vertical-align: top;
        }

    #s4-workspace ul.ui.list ul,
    #s4-workspace .ui.bulleted.list .list {
        padding-left: 1rem;
    }
/* Horizontal Bulleted */

#s4-workspace ul.ui.horizontal.bulleted.list,
#s4-workspace .ui.horizontal.bulleted.list {
    margin-left: 0em;
}

    #s4-workspace ul.ui.horizontal.bulleted.list li,
    #s4-workspace .ui.horizontal.bulleted.list > .item {
        margin-left: 1.5rem;
    }

        #s4-workspace ul.ui.horizontal.bulleted.list li:first-child,
        #s4-workspace .ui.horizontal.bulleted.list > .item:first-child {
            margin-left: 0em;
        }

            #s4-workspace ul.ui.horizontal.bulleted.list li:first-child::before,
            #s4-workspace .ui.horizontal.bulleted.list > .item:first-child::before {
                display: none;
            }
/*-------------------
       Ordered
--------------------*/

#s4-workspace ol.ui.list,
#s4-workspace .ui.ordered.list,
#s4-workspace .ui.ordered.list .list,
#s4-workspace ol.ui.list ol {
    counter-reset: ordered;
    margin-left: 1.25rem;
    list-style-type: none;
}

    #s4-workspace ol.ui.list li,
    #s4-workspace .ui.ordered.list .list > .item,
    #s4-workspace .ui.ordered.list > .item {
        list-style-type: none;
        position: relative;
    }

        #s4-workspace ol.ui.list li:before,
        #s4-workspace .ui.ordered.list .list > .item:before,
        #s4-workspace .ui.ordered.list > .item:before {
            position: absolute;
            top: auto;
            left: auto;
            margin-left: -1.25rem;
            counter-increment: ordered;
            content: counters(ordered, ".") " ";
            text-align: right;
            color: rgba(0, 0, 0, 0.8);
            vertical-align: middle;
            opacity: 0.8;
        }
    /* Child Lists */

    #s4-workspace ol.ui.list ol,
    #s4-workspace .ui.ordered.list .list {
        margin-left: 1em;
    }

        #s4-workspace ol.ui.list ol li:before,
        #s4-workspace .ui.ordered.list .list > .item:before {
            margin-left: -2em;
        }
/* Horizontal Ordered */

#s4-workspace ol.ui.horizontal.list,
#s4-workspace .ui.ordered.horizontal.list {
    margin-left: 0em;
}

    #s4-workspace ol.ui.horizontal.list li:before,
    #s4-workspace .ui.ordered.horizontal.list .list > .item:before,
    #s4-workspace .ui.ordered.horizontal.list > .item:before {
        position: static;
        margin: 0em 0.5em 0em 0em;
    }
/*-------------------
       Divided
--------------------*/

#s4-workspace .ui.divided.list > .item {
    border-top: 1px solid rgba(39, 41, 43, 0.15);
}

#s4-workspace .ui.divided.list .list > .item {
    border-top: none;
}

#s4-workspace .ui.divided.list .item .list > .item {
    border-top: none;
}

#s4-workspace .ui.divided.list .list > .item:first-child,
#s4-workspace .ui.divided.list > .item:first-child {
    border-top: none;
}
/* Sub Menu */

#s4-workspace .ui.divided.list:not(.horizontal) .list > .item:first-child {
    border-top-width: 1px;
}
/* Divided bulleted */

#s4-workspace .ui.divided.bulleted.list:not(.horizontal),
#s4-workspace .ui.divided.bulleted.list .list {
    margin-left: 0em;
    padding-left: 0em;
}

    #s4-workspace .ui.divided.bulleted.list .list > .item:not(.horizontal),
    #s4-workspace .ui.divided.bulleted.list > .item:not(.horizontal) {
        padding-left: 1rem;
    }
/* Divided Ordered */

#s4-workspace .ui.divided.ordered.list {
    margin-left: 0em;
}

    #s4-workspace .ui.divided.ordered.list .list > .item,
    #s4-workspace .ui.divided.ordered.list > .item {
        padding-left: 1.25rem;
    }

    #s4-workspace .ui.divided.ordered.list .item .list {
        margin-left: 0em;
        margin-right: 0em;
        padding-bottom: 0.3em;
    }

        #s4-workspace .ui.divided.ordered.list .item .list > .item {
            padding-left: 1em;
        }
/* Divided Selection */

#s4-workspace .ui.divided.selection.list .list > .item,
#s4-workspace .ui.divided.selection.list > .item {
    margin: 0em;
    border-radius: 0em;
}
/* Divided horizontal */

#s4-workspace .ui.divided.horizontal.list {
    margin-left: 0em;
}

    #s4-workspace .ui.divided.horizontal.list > .item {
        border-top: none;
        border-left: 1px solid rgba(39, 41, 43, 0.15);
        margin: 0em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        line-height: 0.6;
    }

#s4-workspace .ui.horizontal.divided.list > .item:first-child {
    border-left: none;
}
/* Inverted */

#s4-workspace .ui.divided.inverted.list > .item,
#s4-workspace .ui.divided.inverted.list > .list,
#s4-workspace .ui.divided.inverted.horizontal.list > .item {
    border-color: rgba(255, 255, 255, 0.2);
}
/*-------------------
        Celled
--------------------*/

#s4-workspace .ui.celled.list > .item,
#s4-workspace .ui.celled.list > .list {
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    padding-left: 0.5em;
    padding-right: 0.5em;
}

    #s4-workspace .ui.celled.list > .item:last-child {
        border-bottom: 1px solid rgba(39, 41, 43, 0.15);
    }
    /* Padding on all elements */

    #s4-workspace .ui.celled.list > .item:first-child,
    #s4-workspace .ui.celled.list > .item:last-child {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }
/* Sub Menu */

#s4-workspace .ui.celled.list .item .list > .item {
    border-width: 0px;
}

#s4-workspace .ui.celled.list .list > .item:first-child {
    border-top-width: 0px;
}
/* Celled Bulleted */

#s4-workspace .ui.celled.bulleted.list {
    margin-left: 0em;
}

    #s4-workspace .ui.celled.bulleted.list .list > .item,
    #s4-workspace .ui.celled.bulleted.list > .item {
        padding-left: 1rem;
    }

    #s4-workspace .ui.celled.bulleted.list .item .list {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-bottom: 0.3em;
    }
/* Celled Ordered */

#s4-workspace .ui.celled.ordered.list {
    margin-left: 0em;
}

    #s4-workspace .ui.celled.ordered.list .list > .item,
    #s4-workspace .ui.celled.ordered.list > .item {
        padding-left: 1.25rem;
    }

    #s4-workspace .ui.celled.ordered.list .item .list {
        margin-left: 0em;
        margin-right: 0em;
        padding-bottom: 0.3em;
    }

    #s4-workspace .ui.celled.ordered.list .list > .item {
        padding-left: 1em;
    }
/* Celled Horizontal */

#s4-workspace .ui.horizontal.celled.list {
    margin-left: 0em;
}

    #s4-workspace .ui.horizontal.celled.list .list > .item,
    #s4-workspace .ui.horizontal.celled.list > .item {
        border-top: none;
        border-left: 1px solid rgba(39, 41, 43, 0.15);
        margin: 0em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        line-height: 0.6;
    }

        #s4-workspace .ui.horizontal.celled.list .list > .item:last-child,
        #s4-workspace .ui.horizontal.celled.list > .item:last-child {
            border-bottom: none;
            border-right: 1px solid rgba(39, 41, 43, 0.15);
        }
/* Inverted */

#s4-workspace .ui.celled.inverted.list > .item,
#s4-workspace .ui.celled.inverted.list > .list {
    border-color: 1px solid rgba(255, 255, 255, 0.2);
}

#s4-workspace .ui.celled.inverted.horizontal.list .list > .item,
#s4-workspace .ui.celled.inverted.horizontal.list > .item {
    border-color: 1px solid rgba(255, 255, 255, 0.2);
}
/*-------------------
       Relaxed
--------------------*/

#s4-workspace .ui.relaxed.list:not(.horizontal) .list > .item,
#s4-workspace .ui.relaxed.list:not(.horizontal) > .item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#s4-workspace .ui.relaxed.list .list > .item .header,
#s4-workspace .ui.relaxed.list > .item .header {
    /*margin-bottom: @relaxedHeaderMargin;*/
}

#s4-workspace .ui.horizontal.relaxed.list > .item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
/* Very Relaxed */

#s4-workspace .ui[class*="very relaxed"].list:not(.horizontal) .list > .item,
#s4-workspace .ui[class*="very relaxed"].list:not(.horizontal) > .item {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#s4-workspace .ui[class*="very relaxed"].list .list > .item .header,
#s4-workspace .ui[class*="very relaxed"].list > .item .header {
    /*margin-bottom: @veryRelaxedHeaderMargin;*/
}

#s4-workspace .ui.horizontal[class*="very relaxed"].list .list > .item,
#s4-workspace .ui.horizontal[class*="very relaxed"].list > .item {
    padding-left: 2rem;
    padding-right: 2rem;
}
/*-------------------
      Sizes
--------------------*/

#s4-workspace .ui.mini.list .list > .item,
#s4-workspace .ui.mini.list > .item {
    font-size: 0.71428571em;
}

#s4-workspace .ui.tiny.list .list > .item,
#s4-workspace .ui.tiny.list > .item {
    font-size: 0.85714286em;
}

#s4-workspace .ui.small.list .list > .item,
#s4-workspace .ui.small.list > .item {
    font-size: 0.92857143em;
}

#s4-workspace .ui.list .list > .item,
#s4-workspace .ui.list > .item {
    font-size: 1em;
}

#s4-workspace .ui.large.list .list > .item,
#s4-workspace .ui.large.list > .item {
    font-size: 1.14285714em;
}

#s4-workspace .ui.big.list .list > .item,
#s4-workspace .ui.big.list > .item {
    font-size: 1.28571429em;
}

#s4-workspace .ui.huge.list .list > .item,
#s4-workspace .ui.huge.list > .item {
    font-size: 1.42857143em;
}

#s4-workspace .ui.massive.list .list > .item,
#s4-workspace .ui.massive.list > .item {
    font-size: 1.71428571em;
}

#s4-workspace .ui.mini.horizontal.list .list > .item,
#s4-workspace .ui.mini.horizontal.list > .item {
    font-size: 0.71428571rem;
}

#s4-workspace .ui.tiny.horizontal.list .list > .item,
#s4-workspace .ui.tiny.horizontal.list > .item {
    font-size: 0.85714286rem;
}

#s4-workspace .ui.small.horizontal.list .list > .item,
#s4-workspace .ui.small.horizontal.list > .item {
    font-size: 0.92857143rem;
}

#s4-workspace .ui.horizontal.list .list > .item,
#s4-workspace .ui.horizontal.list > .item {
    font-size: 1rem;
    width: 32%;
}

#s4-workspace .ui.large.horizontal.list .list > .item,
#s4-workspace .ui.large.horizontal.list > .item {
    font-size: 1.14285714rem;
}

#s4-workspace .ui.big.horizontal.list .list > .item,
#s4-workspace .ui.big.horizontal.list > .item {
    font-size: 1.28571429rem;
}

#s4-workspace .ui.huge.horizontal.list .list > .item,
#s4-workspace .ui.huge.horizontal.list > .item {
    font-size: 1.42857143rem;
}

#s4-workspace .ui.massive.horizontal.list .list > .item,
#s4-workspace .ui.massive.horizontal.list > .item {
    font-size: 1.71428571rem;
}
/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

#s4-workspace ul.simple-pagination {
    list-style: none;
}

#s4-workspace .simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
}

    #s4-workspace .simple-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
    }

    #s4-workspace .simple-pagination li {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
    }

#s4-workspace .pagination-theme a,
#s4-workspace .pagination-theme span {
    float: left;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border-left: none;
    min-width: 14px;
    padding: 10px 12px;
}

    #s4-workspace .pagination-theme a:hover {
        text-decoration: none;
        background: none repeat scroll 0px 0px #F4F4F3 !important;
    }

#s4-workspace .pagination-theme .current {
    background: none repeat scroll 0px 0px #F4F4F3 !important
}

#s4-workspace .pagination-theme .ellipse {
    background: #EAEAEA;
    padding: 10px 12px;
    cursor: default;
}
/*Tabology*/

#s4-workspace .resp-tabs-list li {
    font-family: 'Raleway-Light';
    font-size: 18px;
    color: #293035;
    display: inline-block;
    padding: 14px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

#s4-workspace .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

#s4-workspace h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

#s4-workspace .resp-tab-content {
    display: none;
    padding: 20px 0;
}

#s4-workspace .resp-tab-active {
    border: 1px solid #777 !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
    border-top: 4px solid #777 !important;
    border-bottom: 0px #fff solid !important;
}

#s4-workspace .resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

#s4-workspace .resp-content-active,
#s4-workspace .resp-accordion-active {
    display: block;
}

#s4-workspace .resp-tab-content {
    border-top: 1px solid #777;
    border-top-color: #777;
}

#s4-workspace h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

#s4-workspace h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
    font-size: 18px;
}

#s4-workspace h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Accordion styles-----------*/

#s4-workspace h2.resp-tab-active {
    background: #DBDBDB;
    /* !important;*/
}

#s4-workspace .resp-easy-accordion h2.resp-accordion {
    display: block;
}

#s4-workspace .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

    #s4-workspace .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1;
        /* !important;*/
    }

#s4-workspace .resp-jfit {
    width: 100%;
    margin: 0px;
}

#s4-workspace .faq .accordion h4 {
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

#s4-workspace .resp-tab-content-active {
    display: block;
}

#s4-workspace h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
    /* !important;*/
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 768px) {
    #s4-workspace ul.resp-tabs-list {
        display: none;
    }

    #s4-workspace h2.resp-accordion {
        display: block;
        font-size: 18px;
    }

    #s4-workspace .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    #s4-workspace .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    #s4-workspace .resp-accordion-closed {
        display: none !important;
    }

    #s4-workspace .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
    User Variable Overrides
*******************************/

#s4-workspace .outline {
    border-bottom: 1px solid #eee;
}

#s4-workspace .fipoweredby {
    visibility: hidden !important;
}

#s4-workspace .sharer {
    float: right;
    width: 65%;
}

#s4-workspace .share-buttons {
    list-style: none;
}

    #s4-workspace .share-buttons li {
        display: inline;
    }

#s4-workspace .latest-research .left_column h1,
#s4-workspace .latest-stories .left_column h1,
#s4-workspace .secondary-menu .left_column h1 {
    margin: 10px 0px;
}

#s4-workspace .latest-research .left_column a,
#s4-workspace .secondary-menu .left_column a {
    color: #01a9e7;
    border-bottom: none;
}

    #s4-workspace .latest-research .left_column a:hover,
    #s4-workspace .latest-stories .left_column a:hover,
    #s4-workspace .secondary-menu .left_column a:hover {
        color: #2A6496;
    }

#s4-workspace #shr_224612,
#s4-workspace .shr_h shr_55 {
    z-index: 1 !important;
    position: static !important;
}

#s4-workspace .latest-stories .story-image {
    /*float:left;*/
    /* important */

    position: relative;
    /* important(so we can absolutely position the description div */
}

#s4-workspace .story-image.half {
    margin: 0;
    width: 50%;
    float: left;
    padding-right: 20px;
    height: auto;
}

#s4-workspace .latest-stories .story-image-text {
    position: relative;
    /* absolute position (so we can position it where we want)*/

    bottom: 9px;
    /* position will be on bottom */

    left: 0px;
    width: 100%;
    /* styling bellow */

    background-color: #ffffff;
    font-size: 15px;
    color: #000000;
    opacity: 0.6;
    /* transparency */

    filter: alpha(opacity=60);
    /* IE transparency */
}

#s4-workspace .story-image-text.half {
    margin: 0;
    width: 50%;
    float: left;
    padding-right: 20px;
}

#s4-workspace .latest-stories .story-image-content {
    padding: 13px 10px 10px;
    margin: 0px;
    background: #ddd;
    color: #555;
}

#s4-workspace .meta .date {
    font-size: 15px;
}
/*.layer h4{ font-size:18px; color:#707070; font-weight:normal;}*/

#s4-workspace .secondary-menu .layer {
    margin: -30px 0 20px 0;
    border-bottom: 1px solid #bcbcbc;
}

    #s4-workspace .secondary-menu .layer .heading h3 {
        margin: 5px 0 10px 0;
    }

    #s4-workspace .secondary-menu .layer .links {
        padding: 0 0 0;
        margin-bottom:
    }

#s4-workspace .secondary-menu .ui.large.breadcrumb {
    margin-top: 20px;
}

#s4-workspace .secondary-menu .layer .links a {
    color: #01a9e7;
    display: inline-block;
    font-size: 15px;
    height: 48px;
    margin-right: 20px;
    /*   max-width: 17%;*/

    vertical-align: text-top;
}

    #s4-workspace .secondary-menu .layer .links a span {
        display: block;
    }

#s4-workspace .sec-active {
    border-bottom: 4px solid;
}
/*.secondary-menu .layer .links a:last-child { width: 160px;}*/

#s4-workspace .secondary-menu .layer .links.active a {
    border-bottom: 4px solid !important;
}

#s4-workspace .secondary-menu .layer .links a:hover {
    border-bottom: 4px solid !important;
}
/*#s4-workspace .research-ares .category {

  
  color: red;
}

#s4-workspace .research-areas a:link {

   
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  text-decoration: none;

}

#s4-workspace .research-areas a:link{
    width: 23%;
    margin: 20px 2% 0 0;
    padding-bottom: 5%;
    background: #EFEFEF;
  }

  #s4-workspace .research-areas a:hover{
    width: 23%;
    margin: 20px 2% 0 0;
    padding-bottom: 5%;
    background: #F08F00;
  }*/


/*News Image Gallery*/

#s4-workspace .rg-image-wrapper {
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 20px;
}

#s4-workspace .rg-image {
    position: relative;
    text-align: center;
    line-height: 0px;
}

#s4-workspace .resp-tab-item.hor_1 {
    padding: 11px 20px 10px !important;
}

#s4-workspace .rg-image img {
    width: 100%;
}

#s4-workspace .rg-image-nav a {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/nav.png) no-repeat -20% 50%;
    width: 28px;
    z-index: 888;
    height: 93%;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.3;
    outline: none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

#s4-workspace .bold {
    font-family: Rotis Sans Serif !important;
    font-weight: bold;
    color: #333;
    padding-right: 4px;
}

#s4-workspace .no-list > li {
    list-style: none outside none;
    margin: 0 !important;
    padding: 5px 0 !important;
}

#s4-workspace .rg-image-nav a.rg-image-nav-next {
    right: 0px;
    left: auto;
    background-position: 115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

#s4-workspace .rg-image-nav a:hover {
    opacity: 0.8;
}

#s4-workspace .rg-caption {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

    #s4-workspace .rg-caption p {
        font-size: 15px;
        font-family: 'Rotis Sans Serif';
        padding: 0 15px;
    }

#s4-workspace .rg-view {
    height: 30px;
    display: none;
}

    #s4-workspace .rg-view a {
        display: block;
        float: right;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        background: #464646 url(../images/views.png) no-repeat top left;
        border: 3px solid #464646;
        opacity: 0.8;
    }

        #s4-workspace .rg-view a:hover {
            opacity: 1.0;
        }

        #s4-workspace .rg-view a.rg-view-full {
            background-position: 0px 0px;
        }

        #s4-workspace .rg-view a.rg-view-selected {
            background-color: #6f6f6f;
            border-color: #6f6f6f;
        }

        #s4-workspace .rg-view a.rg-view-thumbs {
            background-position: 0px -16px;
        }

#s4-workspace .rg-loading {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000 url(preloader.gif) no-repeat center center;
    margin: -23px 0px 0px -23px;
    z-index: 100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.7;
}

#s4-workspace .resp-tab-item.hor_1 {
    font-family: Rotis Sans Serif !important;
}

@media only screen and (max-width: 1500px) {
    #s4-workspace .content-width .column-container-left ul {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    #s4-workspace #parentHorizontalTab ul,
    #s4-workspace #parentHorizontalTab2 ul {
        display: none;
    }

    #s4-workspace .apply-list {
        display: block !important;
    }

    #s4-workspace .resp-accordion.hor_1,
    #s4-workspace .resp-accordion.hor_1.resp-tab-active {
        font-family: Rotis Sans Serif !important;
        font-size: 18px !important;
        padding: 10px 15px !important;
    }
}
/* Accordions and Expanders */

#s4-workspace h2.accordion-heading {
    margin: 0;
    position: relative;
}

    #s4-workspace h2.accordion-heading a,
    #s4-workspace .faq h2.accordion-heading {
        display: block;
        padding: 7px 10px 4px 20px;
        color: #fff;
        font-weight: normal;
        line-height: 1.2em;
        box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.2);
    }

        #s4-workspace h2.accordion-heading a span {
            font-size: 0.6em;
        }

    #s4-workspace h2.accordion-heading .icon {
        position: absolute;
        right: 20px;
        top: 25%;
        bottom: 50%;
        color: #fff;
        font-size: .8em;
        cursor: pointer;
    }

#s4-workspace .col > p {
    margin-top: 0;
}

#s4-workspace .ui-accordion-header-icon.ui-icon.ksticon-icon-cancel:before {
    margin: 0 !important;
}

#s4-workspace .collaborate .col > h4 {
    margin-top: 0 !important;
}

#s4-workspace .drop-arrow {
    padding: 3px 3px 0 10px;
    font-size: 15px;
    vertical-align: top;
    display: inline-block;
}

#s4-workspace .expander img {
    margin-top: 30px;
}

#s4-workspace .accordion + h2.accordion-heading {
    margin-top: 1em;
}

#s4-workspace .accordion {
    margin-bottom: 1em;
}

    #s4-workspace .accordion .accordion {
        padding: 0;
    }

    #s4-workspace .accordion h3 {
        margin: 0;
        clear: left;
        cursor: pointer;
    }

    #s4-workspace .accordion h3,
    #s4-workspace .ui-accordion-content,
    #s4-workspace .expander {
        padding: 11px 20px;
    }

    #s4-workspace .accordion h3,
    #s4-workspace .ui-accordion-content,
    #s4-workspace .expander {
        background: #fff;
        border-bottom: 1px solid #ccc;
    }

#s4-workspace .ui-accordion-content {
    overflow: hidden;
}

    #s4-workspace .ui-accordion-content .col + .col,
    #s4-workspace .expander .col + .col {
        text-align: left;
    }

#s4-workspace .ui-accordion-content-active {
    margin-top: -1px;
    height: 100%;
}

#s4-workspace .orange .ui-accordion-content .button,
#s4-workspace .expander .button,
#s4-workspace .orange .button {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #F08F00;
    color: #F08F00 !important;
    font-weight: normal;
    display: inline-block;
}

#s4-workspace .turquoise .ui-accordion-content .button,
#s4-workspace .expander .button,
#s4-workspace .turquoise .button {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #00A5AA;
    color: #00A5AA !important;
    display: inline-block;
    font-weight: normal;
}

#s4-workspace .yellow .expander .button,
#s4-workspace .expander .button,
#s4-workspace .yellow .button {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #F0B501;
    color: #F0B501 !important;
    display: inline-block;
    font-weight: normal;
}

#s4-workspace .blue .ui-accordion-content .button,
#s4-workspace .expander .button,
#s4-workspace .blue .button {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #4f7dc3;
    color: #4f7dc3 !important;
    display: inline-block;
    font-weight: normal;
}

#s4-workspace .orange .ui-accordion-content .button:hover,
#s4-workspace .orange .expander .button:hover,
#s4-workspace .orange .button:hover {
    background: #F08F00 !important;
    color: #fff !important
}

#s4-workspace .turquoise .ui-accordion-content .button:hover,
#s4-workspace .turquoise .expander .button:hover,
#s4-workspace .turquoise .button:hover {
    background: #00A5AA !important;
    color: #fff !important
}

#s4-workspace .blue .ui-accordion-content .button:hover,
#s4-workspace .blue .expander .button:hover,
#s4-workspace .blue .button:hover {
    background: #4f7dc3 !important;
    color: #fff !important
}

#s4-workspace .yellow .expander .button:hover,
#s4-workspace .yellow .button:hover {
    background: #F0B501 !important;
    color: #fff !important
}

#s4-workspace .box-wrap.blue .button {
    border: 2px solid #678ECA;
    color: #678ECA !important;
}

#s4-workspace .box-wrap.green .button {
    border: 2px solid #ccce00;
    color: #ccce00 !important;
}

#s4-workspace .box-wrap.orange .button {
    border: 2px solid #f08f00;
    color: #f08f00 !important;
}

#s4-workspace .box-wrap.turquoise .button {
    border: 2px solid #00a5aa;
    color: #00a5aa !important;
}

#s4-workspace .box-wrap.yellow .button {
    border: 2px solid #f0b501;
    color: #f0b501 !important;
}

#s4-workspace .box-wrap .button:hover {
    color: #fff !important;
}

#s4-workspace .box-wrap.blue .button:hover {
    background-color: #678ECA !important;
}

#s4-workspace .box-wrap.green .button:hover {
    background-color: #ccce00 !important;
}

#s4-workspace .box-wrap.orange .button:hover {
    background-color: #f08f00 !important;
}

#s4-workspace .box-wrap.turquoise .button:hover {
    background-color: #00a5aa !important;
}

#s4-workspace .box-wrap.yellow .button:hover {
    background-color: #f0b501 !important;
}

#s4-workspace .ui-accordion-content .col p {
    margin: 0;
    padding-bottom: 20px;
}

#s4-workspace .ui-accordion-content img,
#s4-workspace .expander img {
    width: 100%;
    margin-bottom: 15px;
}

#s4-workspace .ui-accordion-content > h1,
#s4-workspace .expander > h1 {
    font-size: 1.1em;
    margin: -6px -10px 0.5em;
    padding: 0 40px 5px 20px;
    color: #fff;
}

#s4-workspace .expander > h2 {
    font-size: 1.3em;
}
/*Removing on focus*/

#s4-workspace .accordion .ui-state-focus {
    outline: none !important;
}
/* Expanders */

#s4-workspace .expander-content {
    display: none;
}

#s4-workspace .expander {
    margin-bottom: 15px;
    border-bottom: none;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

#s4-workspace .expand.clicked:after {
    position: absolute;
    top: auto;
    left: 48%;
    bottom: -30px;
    margin: -20px 0 0 -15px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 25px;
    z-index: 0;
}

#s4-workspace .expand.clicked .icon {
    visibility: hidden;
}

#s4-workspace .expander h3 {
    margin-top: 0;
}

#s4-workspace .faq h2.accordion-heading {
    background-color: #aaa598;
}
/*Category page*/

#s4-workspace .kaust-category {
    border-bottom: 1px solid #EEE;
    margin: 20px 0 10px 0;
    padding-bottom: 20px;
    display: inline-block;
}

    #s4-workspace .kaust-category h3 {
        margin: 0;
    }

    #s4-workspace .kaust-category .category-content {
        width: 60%;
        float: right;
    }
        /*Category page trimming text*/

        #s4-workspace .kaust-category .category-content .excerpts {
            height: auto;
        }

    #s4-workspace .kaust-category .image {
        width: 36%;
        float: left;
    }

    #s4-workspace .kaust-category img {
        padding-top: 20px;
        width: 100%;
    }

#s4-workspace .kaust-blocks {
    border-bottom: 1px solid #EEE;
    margin: 20px 0 10px 0;
    padding-bottom: 20px;
    display: inline-block;
}

    #s4-workspace .kaust-blocks .category-content {
        width: 48%;
        float: right;
    }

#s4-workspace .share-page.sharer-0 label {
    padding: 2px 10px 0 !important;
}

#s4-workspace .kaust-blocks .image {
    width: 49%;
    float: left;
}

#s4-workspace .kaust-blocks img {
    width: 100%;
}

#s4-workspace .kaust-office {
    height: 200px;
}

    #s4-workspace .kaust-office .image {
        padding-top: 20px;
        width: 20%;
        float: left;
    }

        #s4-workspace .kaust-office .image img {
            width: 100%;
        }

    #s4-workspace .kaust-office .title {
        width: 75%;
        float: right;
    }

#s4-workspace .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */

    padding-top: 25px;
    height: 0;
}

    #s4-workspace .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#s4-workspace .mapsize {
    width: 100%;
    height: 600px;
}

@media screen and (min-width: 510px) {
    /* Accordions and Expanders */

    #s4-workspace .accordion h3,
    #s4-workspace .ui-accordion-content,
    #s4-workspace .expander {
        padding: 10px 20px;
    }

    #s4-workspace .expander {
        position: relative;
        left: 2.5%;
        margin-bottom: 4%;
    }

        #s4-workspace .expander.collaborate {
        }

    #s4-workspace .expand.clicked:after {
        bottom: -34px;
    }

    #s4-workspace .ui-accordion-content > h1,
    #s4-workspace .expander > h1 {
        margin: -10px -20px 0.5em;
    }
}

@media screen and (min-width: 680px) {
    /* Accordions and Expanders */

    #s4-workspace .ui-accordion-content .col,
    #s4-workspace .expander .col {
        float: left;
    }

    #s4-workspace .ui-accordion-content .col {
        width: 30.93333333%;
    }

    #s4-workspace .expander .col {
        padding-left: 5px;
        padding-top: 15px;
        width: 46.8%;
    }
}

#s4-workspace .ui-accordion-content .col + .col,
#s4-workspace .expander .col + .col {
    margin-left: 2.4%;
}

#s4-workspace .ui-accordion-content .col + .col {
    width: 66.6%;
}

#s4-workspace .ui-accordion-content .button,
#s4-workspace .expander .button {
    margin: 0;
}

#s4-workspace .expander .col img {
    width: 100%;
}

}

@media screen and (min-width: 788px) {
    /* Expanders */

    #s4-workspace .expander {
        position: relative;
        left: 2.4%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }
}

#s4-workspace .iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: visible;
    width: 100%;
    height: 100%;
}

    #s4-workspace .iosSlider .slides {
        width: 100%;
        height: 100%;
    }

        #s4-workspace .iosSlider .slides .item {
            float: left;
            width: 100%;
            height: 100%;
            text-align: center;
        }

            #s4-workspace .iosSlider .slides .item img {
                display: block;
                width: 100%;
            }

            #s4-workspace .iosSlider .slides .item a {
                display: block;
                position: relative;
                border: none;
            }

            #s4-workspace .iosSlider .slides .item div {
                box-sizing: border-box;
            }

#s4-workspace .iosSliderButtons ul {
    padding-left: 0px !important;
    width: 100%;
    position: absolute;
    bottom: 2px;
    margin-left: -2px;
    z-index: 9;
}

#s4-workspace .iosSliderButtons li {
    display: inline-block !important;
    /* padding: 1px;*/

    width: 20%;
}

    #s4-workspace .iosSliderButtons li .button {
        margin: 2px 4px;
        padding: 0;
        width: 99%;
        height: 5px;
        background-color: #ccc;
        /* border-radius: 10px;*/
    }

    #s4-workspace .iosSliderButtons li.selected .button {
        margin: 2px 4px;
        width: 99%;
        height: 5px;
        background-color: #999 !important;
    }
/* Carousel */

#s4-workspace .carousel {
    width: 100%;
    height: 347px;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
    margin: 36px 0 25px 0px;
}

    #s4-workspace .carousel > .inner {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    #s4-workspace .carousel .iosSlider .slides .item {
        margin: 0 12.5px;
        width: 520px;
    }

        #s4-workspace .carousel .iosSlider .slides .item div {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -80px;
            height: 140px;
            text-align: left;
            background: #fff;
            background: rgba(255, 255, 255, 0.85);
            -webkit-transition: bottom 0.2s;
            -moz-transition: bottom 0.2s;
            -ms-transition: bottom 0.2s;
            transition: bottom 0.2s;
        }

        #s4-workspace .carousel .iosSlider .slides .item:hover div {
            bottom: 0;
        }

        #s4-workspace .carousel .iosSlider .slides .item.more {
            background: #00535e;
            padding-right: 20px;
        }

            #s4-workspace .carousel .iosSlider .slides .item.more h3 {
                text-align: left;
                font-family: 'Raleway-Light';
                color: #ffffff;
                margin: 16px 25px;
            }

            #s4-workspace .carousel .iosSlider .slides .item.more li {
                font-size: 20px;
                text-align: left;
                padding: 7px 0;
                color: red;
                list-style-type: none;
            }

                #s4-workspace .carousel .iosSlider .slides .item.more li a {
                    color: #F6DFAB;
                }

                    #s4-workspace .carousel .iosSlider .slides .item.more li a:hover {
                        color: #F2C86B;
                    }

#s4-workspace .iosSlider .slides .item div h4 {
    margin: 16px 16px;
    font-family: 'Raleway-Light';
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 95%;
}

#s4-workspace .iosSlider .slides .item div p {
    margin: 0 16px 16px;
    font-size: 16px;
    line-height: 1.3em;
    color: #555;
}

#s4-workspace .carousel .iosSlider .prev {
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0.7;
    background: #4F4843;
    left: 2%;
    top: 35%;
    color: #fff;
    padding: 4px 0 11px 15px;
}

#s4-workspace .carousel .iosSlider .next {
    right: 2%;
    width: 50px;
    height: 50px;
    opacity: 0.7;
    top: 35%;
    background: #4F4843;
    position: absolute;
    text-align: right;
    color: #fff;
    padding: 4px 15px 11px 2px;
}

#s4-workspace .carousel .iosSlider .prev:hover {
    opacity: 0.9;
    background: black;
}

#s4-workspace .carousel .iosSlider .next:hover {
    opacity: 0.9;
    background: black;
}
/* Sliders */

#s4-workspace .slider {
    height: 450px;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
    padding-bottom: 25px;
}

    #s4-workspace .slider .iosSlider {
        opacity: 0;
        background: #000;
    }

        #s4-workspace .slider .iosSlider.show {
            opacity: 1;
            background: none;
        }

    #s4-workspace .slider > .outer {
        height: 55px;
    }

    #s4-workspace .slider > .inner {
        position: absolute;
        width: 100%;
        height: 90%;
    }

    #s4-workspace .slider .heading {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        height: 56px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
        right: 0;
    }

        #s4-workspace .slider .heading h2 {
            float: left;
            display: inline;
            line-height: 1em;
            margin: 0;
            padding: 10px 15px 6px;
            color: #fff;
            text-transform: uppercase;
            font-family: "Raleway-Light";
            font-weight: normal;
            font-size: 40px;
        }

    #s4-workspace .slider .links {
        position: absolute;
        right: 0;
        padding: 20px;
        text-align: right;
        font-size: 16px;
        z-index: 20;
    }

        #s4-workspace .slider .links a {
            border-bottom: none !important;
            padding: 5px 15px;
            color: #01a9e7;
            width: 150px;
            text-align: left;
            /*  background: black;*/

            right: 0;
        }

#s4-workspace .naver-container .slider .links a {
    display: block;
}

#s4-workspace .slider .links ul {
    padding: 0;
}

    #s4-workspace .slider .links ul li {
        display: inline;
        margin: 0 5px;
    }

#s4-workspace .slider .iosSlider .slides .item div {
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding: 4px;
    width: 70%;
    text-align: left;
    /*  border-left: 4px solid;*/

    background: #fff;
    background: rgba(255, 255, 255, 0.8);
}

#s4-workspace .slider .iosSlider .slides .item div {
    left: -999px;
    -webkit-transition: left 0.4s 0.4s;
    -moz-transition: left 0.4s 0.4s;
    -ms-transition: left 0.4s 0.4s;
    transition: left 0.4s 0.4s;
}

    #s4-workspace .slider .iosSlider .slides .item div.show {
        left: 24px;
    }

#s4-workspace .slider .prev-r,
#s4-workspace .slider .next-r {
    position: absolute;
    top: 35%;
    width: 30px;
    height: 30px;
    background: red;
}

#s4-workspace .slider .next-r {
    right: 0;
}
/* Landing Sliders */

#s4-workspace .landing-slider {
    height: 450px;
    width: 100%;
    padding-bottom: 0;
    position: relative;
    overflow: visible;
    padding-bottom: 25px;
}

    #s4-workspace .landing-slider .iosSlider {
        opacity: 0;
        background: #000;
    }

        #s4-workspace .landing-slider .iosSlider.show {
            opacity: 1;
            background: none;
        }

    #s4-workspace .landing-slider > .outer {
        height: 55px;
    }

    #s4-workspace .landing-slider > .inner {
        position: absolute;
        width: 100%;
        height: 90%;
    }

    #s4-workspace .landing-slider .heading {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        height: 56px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
        right: 0;
    }

        #s4-workspace .landing-slider .heading h2 {
            float: left;
            display: inline;
            line-height: 1em;
            margin: 0;
            padding: 10px 15px 6px;
            color: #fff;
            text-transform: uppercase;
            font-family: "Raleway-Light";
            font-weight: normal;
            font-size: 40px;
        }

    #s4-workspace .landing-slider .links {
        position: absolute;
        right: 0;
        padding: 20px;
        text-align: right;
        font-size: 16px;
        z-index: 50;
    }

        #s4-workspace .landing-slider .links a {
            border-bottom: none !important;
            padding: 0px 15px;
            color: #01a9e7;
            width: 150px;
            text-align: left;
            /*  background: black;*/

            right: 0;
        }

#s4-workspace .naver-container .landing-slider .links a {
    display: block;
}

#s4-workspace .landing-slider .links ul {
    padding: 0;
}

    #s4-workspace .landing-slider .links ul li {
        display: inline;
        margin: 0 5px;
    }

#s4-workspace .landing-slider .iosSlider .slides .item div {
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding: 4px;
    width: 70%;
    text-align: left;
    /*  border-left: 4px solid;*/

    background: #fff;
    background: rgba(255, 255, 255, 0.8);
}

#s4-workspace .landing-slider .iosSlider .slides .item div {
    left: -999px;
    -webkit-transition: left 0.4s 0.4s;
    -moz-transition: left 0.4s 0.4s;
    -ms-transition: left 0.4s 0.4s;
    transition: left 0.4s 0.4s;
}

    #s4-workspace .landing-slider .iosSlider .slides .item div.show {
        left: 24px;
    }

#s4-workspace .landing-slider .iosSlider .slides {
    width: 100%;
    height: 100%;
}

    #s4-workspace .landing-slider .iosSlider .slides .item {
        float: left;
        width: 100%;
    }

        #s4-workspace .landing-slider .iosSlider .slides .item img {
            width: 100%;
            height: auto;
        }
/* controls */

#s4-workspace .landing-slider .prevContainer {
    position: absolute;
    opacity: 0.4;
    top: 0;
    left: 0;
    color: #ffffff;
    width: 25px;
    padding: 0 0 19.5% 0;
    z-index: 10;
}

    #s4-workspace .landing-slider .prevContainer:hover,
    #s4-workspace .landing-slider .nextContainer:hover {
        opacity: 0.7;
    }
    /*border-top-left-radius: 10px;
border-bottom-left-radius: 10px;*/

    #s4-workspace .landing-slider .prevContainer .prev-landing {
        position: absolute;
        bottom: -10%;
        left: 0;
        padding: 10px 25px 10px 11px;
        margin-left: 24px;
        width: 100%;
        height: 20%;
        background: #4F4843;
    }

#s4-workspace .landing-slider .nextContainer {
    position: absolute;
    opacity: 0.4;
    top: 0;
    right: 0;
    width: 25px;
    color: #ffffff;
    padding: 0 0 19.5% 0;
    z-index: 10;
}

    #s4-workspace .landing-slider .nextContainer .next-landing {
        position: absolute;
        bottom: -10%;
        right: 0;
        padding: 10px 20px 10px 15px;
        width: 100%;
        height: 20%;
        margin-right: 24px;
        background: #4F4843;
    }

#s4-workspace .landing-slider .selectorsBlock {
    position: absolute;
    bottom: 41px;
    width: 22%;
    height: 5%;
    right: 0;
    float: right;
    z-index: 20;
}

    #s4-workspace .landing-slider .selectorsBlock .selectors {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

        #s4-workspace .landing-slider .selectorsBlock .selectors .item {
            position: relative;
            top: 0;
            left: 0;
            float: left;
            width: 15%;
            height: 20%;
            margin: 0 0 0 5px;
            background: white;
            opacity: 0.4;
        }

        #s4-workspace .landing-slider .selectorsBlock .selectors .selected {
            background: white;
            opacity: 1;
        }

        #s4-workspace .landing-slider .selectorsBlock .selectors .first {
            margin-left: 0;
        }
/* 
 * Naver v3.1.2 - 2014-11-25 
 * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
 * http://formstone.it/naver/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

#s4-workspace .naver {
    margin: 0;
}

    #s4-workspace .naver,
    #s4-workspace .naver *,
    #s4-workspace .naver *:before,
    #s4-workspace .naver *:after {
        box-sizing: border-box;
    }

#s4-workspace .naver-handle {
    width: 100%;
    color: #111111;
    cursor: pointer;
    display: none;
    font-size: 26px;
    margin: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #s4-workspace .naver-handle:after {
        height: 19px;
        width: 21px;
        position: absolute;
        top: 4px;
        right: 10px;
        bottom: 0;
        background: url("../images/menu.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: '';
        display: block;
        margin: auto 0;
    }

#s4-workspace .slider .naver-handle:after {
    display: inline;
    position: absolute;
}

#s4-workspace .naver.open .naver-handle:after {
    width: 15px;
    height: 15px;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #000000;
    content: "\00d7";
    font-size: 25px;
    top: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
}

#s4-workspace .naver-wrapper {
    border: none;
    height: auto;
    margin: 0;
    padding: 0;
}

#s4-workspace .naver-container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#s4-workspace .naver.enabled .naver-handle {
    display: inline-block;
}

#s4-workspace .naver.enabled .naver-wrapper {
    height: 0px;
    overflow: hidden;
}

#s4-workspace .naver.enabled .naver-container {
    background: #ffffff;
    opacity: 0.9;
    border-width: 0 1px 1px;
    width: 150px;
    margin-top: 35px;
}
/* Colors */

#s4-workspace .orange .slider .heading h2,
#s4-workspace .orange .landing-slider .heading h2,
#s4-workspace .slider.orange .heading h2,
#s4-workspace .landing-slider.orange .heading h2,
#s4-workspace .orange .slider .iosSliderButtons li .button,
#s4-workspace .slider.orange .iosSliderButtons li .button,
#s4-workspace .orange .ui-accordion-content > h1,
#s4-workspace .orange .expander > h1,
#s4-workspace .orange h2.accordion-heading a {
    background-color: #f08f00;
}

#s4-workspace .orange .slider .iosSlider .slides .item div,
#s4-workspace .slider.orange .iosSlider .slides .item div,
#s4-workspace .landing-slider.orange .iosSlider .slides .item div {
    border-left-color: #f08f00;
}

#s4-workspace .orange .expand.clicked:after {
    border-bottom-color: #f08f00;
}

#s4-workspace .turquoise .slider .heading h2,
#s4-workspace .turquoise .landing-slider .heading h2,
#s4-workspace .slider.turquoise .heading h2,
#s4-workspace .landing-slider.turquoise .heading h2,
#s4-workspace .turquoise .slider .iosSliderButtons li .button,
#s4-workspace .slider.turquoise .iosSliderButtons li .button,
#s4-workspace .turquoise .ui-accordion-content > h1,
#s4-workspace .turquoise .expander > h1,
#s4-workspace .turquoise h2.accordion-heading a {
    background-color: #00a5aa;
}

#s4-workspace .turquoise .slider .iosSlider .slides .item div,
#s4-workspace .slider.turquoise .iosSlider .slides .item div,
#s4-workspace .landing-slider.turquoise .iosSlider .slides .item div {
    border-left-color: #00a5aa;
}

#s4-workspace .turquoise .expand.clicked:after {
    border-bottom-color: #00a5aa;
}

#s4-workspace .turquoise .accordion-heading .ksticon-add:before,
#s4-workspace .accordion-heading .ksticon-icon-cancel:before {
    visibility: hidden !important;
}

#s4-workspace .green .slider .heading h2,
#s4-workspace .green .landing-slider .heading h2,
#s4-workspace .slider.green .heading h2,
#s4-workspace .landing-slider.green .heading h2,
#s4-workspace .green .slider .iosSliderButtons li .button,
#s4-workspace .slider.green .iosSliderButtons li .button,
#s4-workspace .green .ui-accordion-content > h1,
#s4-workspace .green .expander > h1,
#s4-workspace .green h3.accordion-heading a {
    background-color: #ccce00;
}

#s4-workspace .green .slider .iosSlider .slides .item div,
#s4-workspace .slider.green .iosSlider .slides .item div,
#s4-workspace .landing-slider.green .iosSlider .slides .item div {
    border-left-color: #ccce00;
}

#s4-workspace .green .expand.clicked:after {
    border-bottom-color: #ccce00;
}

#s4-workspace .yellow .slider .heading h2,
#s4-workspace .yellow .landing-slider .heading h2,
#s4-workspace .slider.yellow .heading h2,
#s4-workspace .landing-slider.yellow .heading h2,
#s4-workspace .yellow .slider .iosSliderButtons li .button,
#s4-workspace .slider.yellow .iosSliderButtons li .button,
#s4-workspace .yellow .ui-accordion-content > h1,
#s4-workspace .yellow .expander > h1,
#s4-workspace .yellow h3.accordion-heading a {
    background-color: #f0b501;
}

#s4-workspace .yellow .slider .iosSlider .slides .item div,
#s4-workspace .yellow .landing-slider .iosSlider .slides .item div,
#s4-workspace .slider.yellow .iosSlider .slides .item div,
#s4-workspace .landing-slider.yellow .iosSlider .slides .item div {
    border-left-color: #f0b501;
}

#s4-workspace .box-wrap.orange .expander > h1 {
    background-color: #f08f00;
}

#s4-workspace .box-wrap.turquoise .expander > h1 {
    background-color: #00a5aa;
}

#s4-workspace .box-wrap.green .expander > h1 {
    background-color: #ccce00;
}

#s4-workspace .box-wrap.yellow .expander > h1 {
    background-color: #f0b501;
}

#s4-workspace .box-wrap.blue .expander > h1 {
    background-color: #678ECA;
}

#s4-workspace .yellow .expand.clicked:after {
    border-bottom-color: #f0b501;
}

#s4-workspace .orange.expand.clicked:after {
    border-bottom-color: #f08f00;
}

#s4-workspace .turquoise.expand.clicked:after {
    border-bottom-color: #00a5aa;
}

#s4-workspace .green.expand.clicked:after {
    border-bottom-color: #ccce00;
}

#s4-workspace .yellow.expand.clicked:after {
    border-bottom-color: #f0b501;
}

#s4-workspace .blue.expand.clicked:after {
    border-bottom-color: #678ECA;
}

#s4-workspace .icon-close {
    color: #ffffff !important;
}
/*About Kaust Pages*/

#s4-workspace .faculty-profile .ui.yellow.message {
    padding: 10px 13px 5px !important;
    margin-bottom: 30px;
}

#s4-workspace .about-kaust-jumbotron {
    width: 100%;
    height: 475px;
    padding: 0px;
    position: relative;
    display: block;
    background: url("../images/about-kaust.jpg") no-repeat scroll center center / cover transparent;
}

    #s4-workspace .about-kaust-jumbotron .content {
        text-align: center;
        padding-bottom: 20px;
    }

    #s4-workspace .about-kaust-jumbotron h1 {
        font-size: 60px;
        line-height: normal;
        color: #FFF;
        margin: 0px;
        padding: 30px 0px 0px
    }

    #s4-workspace .about-kaust-jumbotron p {
        width: 650px;
        font-size: 22px;
        line-height: normal;
        color: #FFF;
        margin: 0px auto;
        display: block;
        padding: 25px 0px 0px;
    }

    #s4-workspace .about-kaust-jumbotron a {
        border: 2px solid #fff !important;
        color: #fff;
        display: block;
        font-size: 20px;
        height: 44px;
        line-height: 52px;
        margin: 20px auto 0;
        padding: 0;
        text-decoration: none;
        width: 145px;
    }

        #s4-workspace .about-kaust-jumbotron a:hover {
            background: #4f7dc3
        }

        #s4-workspace .about-kaust-jumbotron a:link {
            border-bottom: none;
        }

#s4-workspace .about .container {
    padding: 0;
    bottom: -5px;
    margin-top: 20px;
}

#s4-workspace .about-king-speech-col {
    width: 60%;
    float: left;
    position: absolute;
    /*  z-index: 1;*/
}

    #s4-workspace .about-king-speech-col h1 {
        color: #444;
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 15px;
        font-style: italic;
        font-family: "Raleway-Regular";
        font-weight: normal;
        z-index: 1;
        position: relative;
    }

    #s4-workspace .about-king-speech-col .quote-marks {
        color: #e8e8e8 !important;
    }

    #s4-workspace .about-king-speech-col h2 {
        font-family: "Raleway-Light";
        font-size: 18px !important;
        line-height: normal;
        padding: 22px 0px 0px;
        word-wrap: break-word;
        width: 89%;
    }

    #s4-workspace .about-king-speech-col .link,
    #s4-workspace .kaust-blocks .link {
        color: #5284C4;
        display: block;
        font-size: 20px;
        height: 44px;
        line-height: 50px;
        margin: 30px 0px 0px;
        padding: 0px;
        text-align: center;
        text-decoration: none;
        width: 170px;
        border: 2px solid #678eca;
    }

        #s4-workspace .about-king-speech-col .link:hover,
        #s4-workspace .kaust-blocks .link:hover {
            background: none repeat scroll 0% 0% #5284C4;
            display: block;
            color: #fff;
        }

#s4-workspace .about-king-image-col {
    width: 50%;
    float: right;
    /*  position: absolute;*/

    z-index: 0;
}

    #s4-workspace .about-king-image-col img {
        width: 100%;
    }

#s4-workspace .about-timeline {
    margin-top: -4px;
    padding: 50px 0px;
    background: none repeat scroll 0% 0% #EFEFEF;
    clear: both;
}

    #s4-workspace .about-timeline h1 {
        color: #444;
        font-family: "Raleway-Light" !important;
        font-size: 36px;
        line-height: 38px;
        margin: 0px;
        text-align: center;
        font-weight: normal;
    }

    #s4-workspace .about-timeline h2 {
        color: #444;
        font-family: "Raleway-Light" !important;
        font-size: 20px;
        line-height: 30px;
        margin: 0px;
        text-align: center;
        font-weight: normal;
    }

#s4-workspace .about-timeline-plugin {
    margin: 0px auto;
    width: 96%;
    border: 1px solid #CCC;
}
/*Sitemap*/

#s4-workspace .sitemap ul.col-wrap {
    width: 102.4%;
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
    display: inline-block;
}

    #s4-workspace .sitemap ul.col-wrap.program-areas {
        width: 102.4%;
        margin: 0;
        padding: 0;
        margin-top: 50px;
        margin-bottom: 60px;
        display: inline-block;
    }

#s4-workspace .sitemap h2 {
    font-size: 1.5556em;
    line-height: 1.1429;
    font-weight: 200;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0px;
}

    #s4-workspace .sitemap h2 i.icon::before {
        color: #333;
        font-size: 15px;
        padding: 10px;
    }

#s4-workspace .sitemap .xthree.col {
    width: 30%;
    padding-right: 3%;
    display: inline-flex;
}

    #s4-workspace .sitemap .xthree.col:last-child {
        padding-right: 0%;
        float: right;
        width: 30%;
        display: inline-flex;
    }

#s4-workspace .sitemap .xthree ul {
    margin: 0;
    padding: 0;
}

#s4-workspace .sitemap ul li.xthree ul {
    max-width: 88%;
}

#s4-workspace .sitemap ul li.xthree.program-areas ul {
    max-width: 100%;
}

#s4-workspace .sitemap ul li.xthree:last-child ul {
    max-width: 100%;
}

#s4-workspace .sitemap h5 {
    line-height: 1.375;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}

#s4-workspace .sitemap .xthree.col ul li {
    list-style: none;
    font-size: 17px;
    padding: 3.5px 0;
}

    #s4-workspace .sitemap .xthree.col ul li a {
        line-height: 1;
        color: #333;
    }

        #s4-workspace .sitemap .xthree.col ul li a:hover {
            color: #01a9e7;
        }

@media screen and (min-width: 650px) {
    #s4-workspace .carousel .slides .item div h3 {
        font-size: 24px;
    }
}

@media screen and (max-width: 650px) {
    #s4-workspace .carousel .iosSlider .slides .item {
        width: 80%;
        margin: 0 10px;
    }

    #s4-workspace .iosSliderButtons ul {
        bottom: 11px;
    }

    #s4-workspace .iosSliderButtons li {
        width: 19.5%;
    }
}

@media screen and (max-width: 680px) {
    #s4-workspace .naver-wrapper {
        height: 195px;
    }

    #s4-workspace .ui-accordion-content img {
        display: none !important;
    }

    #s4-workspace .carousel {
        height: 400px;
        /* max-height: 420px;*/

        margin: 0px 0 5px 0px;
    }

        #s4-workspace .carousel .iosSlider .slides .item div {
            bottom: 0;
            height: 70px;
        }

        #s4-workspace .carousel .iosSlider .slides .item {
            width: 100%;
            margin: 0;
        }
            /*.carousel .iosSlider .slides .item div {
      height: 40%;
  }*/
            /*.carousel .iosSlider .slides .item:hover div {
      bottom: none;
  }*/

            #s4-workspace .carousel .iosSlider .slides .item div h4 {
                margin: 12px 20px;
            }

            #s4-workspace .carousel .iosSlider .slides .item div p,
            #s4-workspace h2.accordion-heading a span {
                display: none;
            }

    #s4-workspace .slider {
        height: 0;
        padding: 0 0 55% 0;
    }

        #s4-workspace .slider .iosSlider .slides .item div {
            width: 100%;
            left: 0 !important;
            bottom: 0;
            border: none;
        }

    #s4-workspace .carousel .iosSlider .prev,
    #s4-workspace .carousel .iosSlider .next {
        visibility: hidden;
    }

    #s4-workspace .slider .links {
        padding: 15px 0px 20px 0px;
    }

        #s4-workspace .slider .links a {
            float: left;
            padding: 5px 5px 5px 15px;
            width: 150px;
        }

    #s4-workspace .landing-slider {
        height: 0;
        padding: 0 0 55% 0;
    }

        #s4-workspace .landing-slider .iosSlider .slides .item div {
            width: 100%;
            left: 0 !important;
            bottom: 0;
            border: none;
        }

        #s4-workspace .landing-slider .links {
            padding: 15px 0px 20px 0px;
        }

            #s4-workspace .landing-slider .links a {
                float: left;
                padding: 5px;
                width: 150px;
            }

        #s4-workspace .landing-slider .selectorsBlock {
            bottom: 0px;
            width: 80%;
            height: 12%;
        }

            #s4-workspace .landing-slider .selectorsBlock .selectors .item {
                background: #aaa;
            }
        /*.landing-slider .selectorsBlock {
  position: absolute;
  bottom: 36px;
  width: 22%;
  height: 5%;
  right: 0;
  float: right;
  z-index: 20;
}

.landing-slider .selectorsBlock .selectors {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.landing-slider .selectorsBlock .selectors .item {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 15%;
  height: 20%;
  margin: 0 0 0 5px;
  background: white;
  opacity: 0.4;
}*/

        #s4-workspace .landing-slider .prevContainer,
        #s4-workspace .landing-slider .nextContainer {
            visibility: hidden;
        }

    #s4-workspace .ui-accordion-content .col {
        text-align: center;
    }

        #s4-workspace .ui-accordion-content .col + .col {
            width: 100%;
        }
    /*About Section*/

    #s4-workspace .about-kaust-jumbotron {
        height: 100%;
    }

        #s4-workspace .about-kaust-jumbotron h1 {
            font-size: 40px;
        }

        #s4-workspace .about-kaust-jumbotron p {
            width: 80%;
            font-size: 17px;
            padding: 20px 0;
        }

        #s4-workspace .about-kaust-jumbotron a {
            width: 200px;
            height: 40px;
            margin: 3px auto 0px;
            font-size: 20px;
        }

    #s4-workspace .about-king-speech-col {
        position: relative;
        float: left;
        width: 100%;
    }

    #s4-workspace .about-king-image-col {
        position: relative;
        float: right;
        width: 100%;
    }

    #s4-workspace .secondary-menu .layer {
        padding-bottom: 36px;
    }

        #s4-workspace .secondary-menu .layer .links.naver.enabled span.naver-handle {
            margin-top: -25px;
        }
    /* Firefox hacks*/

    @-moz-document url-prefix() {
        .secondary-menu .layer .links.naver.enabled span.naver-handle {
            margin-top: -30px;
        }
    }

    #s4-workspace .about-king-speech-col h1 {
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        margin: 20px;
    }

    #s4-workspace .about-king-speech-col h2 {
        font-size: 18px !important;
        text-align: center;
        margin-left: 25px;
    }

    #s4-workspace .about-king-speech-col .link {
        width: 200px;
        margin: 0 auto;
    }

    #s4-workspace .about-timeline h1 {
        font-size: 30px;
    }

    #s4-workspace .about-timeline h2 {
        font-size: 18px;
    }

    #s4-workspace .secondary-menu .layer .links a {
        width: 250%;
        height: auto;
    }

        #s4-workspace .secondary-menu .layer .links a span {
            display: inline;
        }

    #s4-workspace .sec-active {
        border-bottom: none;
        color: #888 !important;
    }
    /*.secondary-menu .layer .links a:last-child { width: 160px;}*/

    #s4-workspace .secondary-menu .layer .links.active a {
        color: red !important;
    }

    #s4-workspace .secondary-menu .layer .links a:hover {
        color: grey !important;
        border-bottom: none !important;
    }

    #s4-workspace .story-image.half {
        margin: 0;
        width: 100%;
    }

    #s4-workspace .story-image-text.half {
        margin: 0;
        width: 100%;
    }
}

@media screen and (min-width: 681px) and (max-width: 1024px) {
    #s4-workspace .ui.breadcrumb:first-child {
        margin-top: 30px;
    }

    #s4-workspace .sharer {
        width: 100%;
        padding-bottom: 20px;
    }

    #s4-workspace .carousel {
        margin: 30px 0 25px 0px;
    }

    #s4-workspace .slider {
        height: 0;
        padding: 0 0 50% 0;
    }

        #s4-workspace .slider .iosSlider .slides .item {
            width: 100%;
        }

        #s4-workspace .slider .links {
            padding: 20px 0px 20px 0px;
        }

    #s4-workspace .landing-slider {
        height: 0;
        padding: 0 0 50% 0;
    }

        #s4-workspace .landing-slider .iosSlider .slides .item {
            width: 100%;
        }

        #s4-workspace .landing-slider .links {
            padding: 20px 0px 20px 0px;
        }
    /*.slider .links a{
    float: left;
    padding: 5px;
    width: 150px;
}
*/

    #s4-workspace .iosSliderButtons ul {
        bottom: 10px;
    }

    #s4-workspace .iosSliderButtons li {
        width: 19.99%;
    }

    #s4-workspace .about-kaust-king {
        width: 100%;
        height: 45%;
    }

    #s4-workspace .about-kaust-jumbotron {
        height: 350px;
    }

        #s4-workspace .about-kaust-jumbotron h1 {
            font-size: 45px;
        }

        #s4-workspace .about-kaust-jumbotron p {
            width: 450px;
            font-size: 18px;
        }

        #s4-workspace .about-kaust-jumbotron a {
            width: 100px;
            height: 40px;
            margin: 10px auto 0px;
            font-size: 18px;
        }

    #s4-workspace .king-abdullah {
        min-height: 250px;
    }

    #s4-workspace .about-king-speech-col {
        width: 60%;
        padding: 0 20px;
    }

        #s4-workspace .about-king-speech-col h1 {
            text-align: left;
            font-size: 21px;
            line-height: 25px;
        }

        #s4-workspace .about-king-speech-col h2 {
            font-size: 14px !important;
            text-align: left;
            padding: 0;
        }

        #s4-workspace .about-king-speech-col .link {
            margin-top: 0;
        }

    #s4-workspace .about-king-image-col {
        bottom: 0;
        position: absolute;
        right: 20px;
        width: 40%;
    }

        #s4-workspace .about-king-image-col img {
            min-height: auto;
        }

    #s4-workspace .about-timeline h1 {
        font-size: 30px;
    }

    #s4-workspace .about-timeline h2 {
        font-size: 18px;
    }

    #s4-workspace .latest-stories .story-image-text {
        bottom: 6px;
    }
}
/*Secondary Menu Media Query Hacks*/

@media screen and (min-width: 680px) and (max-width: 940px) {
    #s4-workspace .secondary-menu .layer .links a.sec-active {
        display: none !important;
    }

    #s4-workspace .secondary-menu .layer .links a:last-child {
    }

        #s4-workspace .secondary-menu .layer .links a:last-child span {
        }
}

#s4-workspace .secondary-menu .layer .links a {
    margin-right: 12px;
}

}

@media screen and (min-width: 681px) and (max-width: 780px) {
    #s4-workspace .secondary-menu .layer .links a.sec-active {
        display: table-cell !important;
        border: 0;
        color: #888
    }

    #s4-workspace .secondary-menu .layer .links a {
        width: 250%;
        height: auto;
    }

        #s4-workspace .secondary-menu .layer .links a span {
            display: inline;
        }

    #s4-workspace .secondary-menu .layer .links.naver.enabled span.naver-handle {
        margin-top: -25px;
    }
    /* Firefox hacks*/

    @-moz-document url-prefix() {
        .secondary-menu .layer .links.naver.enabled span.naver-handle {
            margin-top: -30px;
        }
    }
}

@media screen and (min-width: 501px) and (max-width: 780px) {
    #s4-workspace .landing-slider .nextContainer .next-landing,
    #s4-workspace .landing-slider .prevContainer .prev-landing {
        height: 30%;
    }

    #s4-workspace .naver-container > a {
        float: left !important;
    }

    #s4-workspace .naver-wrapper {
        height: 133px;
    }

    #s4-workspace .naver.enabled .naver-container {
        margin-top: 20px;
    }

    #s4-workspace .secondary-menu .layer .naver {
        margin: -40px 0px 0px;
    }

    #s4-workspace .secondary-menu .layer {
        padding-bottom: 37px;
    }

    #s4-workspace .kaust-blocks h2 {
        font-size: 25px;
    }

    #s4-workspace .sharer {
        width: 100%;
        padding-bottom: 20px;
    }
    /*.secondary-menu .layer .links.naver.enabled span.naver-handle {
  margin-top: -65px;
}*/
}

@media screen and (max-width: 500px) {
    #s4-workspace .kaust-office .image,
    #s4-workspace .kaust-office .title {
        float: none;
        width: 100%;
        display: table-footer-group;
    }

    #s4-workspace .secondary-menu .left_column > div {
        padding: -top: 20px;
    }

    #s4-workspace .kaust-office {
        display: inline;
    }

    #s4-workspace .box.basetitle .title {
        font-size: 27px;
    }

    #s4-workspace .naver.enabled .naver-container {
        padding-top: 8px;
    }

    #s4-workspace .secondary-menu .layer .naver {
        margin: -53px 0 0 !important;
    }

    #s4-workspace .secondary-menu .naver-handle:after {
        top: 4px;
    }

    #s4-workspace .expander > h1 {
        width: 100% !important;
        margin: -11px -22px 0.5em !important;
    }

    #s4-workspace .expander img {
        margin-top: 15px;
    }

    #s4-workspace .heading h4 {
        margin-bottom: 19px;
    }

    #s4-workspace .carousel {
        height: 240px;
    }

        #s4-workspace .carousel .iosSlider .slides .item {
            width: 100%;
            margin: 0;
        }

            #s4-workspace .carousel .iosSlider .slides .item div {
                height: 50px;
            }

    #s4-workspace .slider {
        height: 0px;
        padding: 0px 0px 60%;
    }

        #s4-workspace .slider > .outer {
            height: 42px;
        }

        #s4-workspace .slider .heading {
            height: 46px;
            background-color: transparent;
        }

            #s4-workspace .slider .heading h2 {
                width: 100%;
                font-size: 30px;
                box-sizing: border-box;
            }

        #s4-workspace .slider .links {
            width: 100%;
            top: 0;
            margin-top: 12px;
            padding: 0;
            text-align: center;
        }
    /* Firefox hacks*/

    @-moz-document url-prefix() {
        .slider .links {
            margin-top: 7px;
        }
    }

    #s4-workspace .landing-slider {
        height: 0px;
        padding: 0px 0px 60%;
    }

        #s4-workspace .landing-slider > .outer {
            height: 42px;
        }

        #s4-workspace .landing-slider .heading {
            height: 46px;
            background-color: transparent;
        }

            #s4-workspace .landing-slider .heading h2 {
                width: 100%;
                font-size: 30px;
                box-sizing: border-box;
            }

        #s4-workspace .landing-slider .links {
            width: 100%;
            top: 0;
            margin-top: 12px;
            padding: 0;
            text-align: center;
        }

    #s4-workspace .slider .links ul li {
        display: inline;
        margin: 0 5px;
    }

    #s4-workspace .slider .iosSlider .slides .item div {
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        padding-top: 22%;
        font-weight: 700;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        background-color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
    }

        #s4-workspace .slider .iosSlider .slides .item div.show {
            left: 0;
        }

        #s4-workspace .slider .iosSlider .slides .item div h4 {
            color: #fff;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 90%;
            bottom: 0;
            display: block;
            overflow: hidden;
        }

        #s4-workspace .slider .iosSlider .slides .item div p {
            visibility: hidden;
        }

    #s4-workspace .slider .links {
        /*margin-top: 8px;*/
    }

        #s4-workspace .slider .links a:hover {
            color: #fff;
            background: #999;
            width: 100%;
        }

    #s4-workspace .slider .iosSliderButtons ul {
        bottom: 10px;
    }

    #s4-workspace .iosSliderButtons li {
        width: 20%;
    }

    #s4-workspace .rrssb-buttons li a {
        font-size: 9px !important;
    }
    /*Landing Style */

    #s4-workspace .landing-slider .links ul li {
        display: inline;
        margin: 0 5px;
    }

    #s4-workspace .landing-slider .iosSlider .slides .item div {
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        padding-top: 50px;
        font-weight: 700;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        background-color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
    }

        #s4-workspace .landing-slider .iosSlider .slides .item div.show {
            left: 0;
        }

        #s4-workspace .landing-slider .iosSlider .slides .item div h4 {
            color: #fff;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 90%;
            margin-top: 30px;
            margin-bottom: 4px;
            display: block;
            overflow: hidden;
        }

        #s4-workspace .landing-slider .iosSlider .slides .item div p {
            visibility: hidden;
        }

    #s4-workspace .landing-slider .links {
        /*margin-top: 8px;*/
    }

    #s4-workspace .landing-slider .iosSliderButtons ul {
        bottom: 10px;
    }

    #s4-workspace .landing-slider .selectorsBlock {
        bottom: 16px;
    }

    #s4-workspace .landing-slider .selectorsBlock {
        bottom: 6px;
        width: 85%;
        height: 15%;
    }

        #s4-workspace .landing-slider .selectorsBlock .selectors .item {
            background: #aaa;
        }

    #s4-workspace .naver.enabled .naver-container {
        float: right;
        margin-top: 14px;
        display: inline-block;
    }

    #s4-workspace .naver.open .naver-handle:after {
        top: 0px;
    }

    #s4-workspace .slider .naver-handle:after, #s4-workspace .landing-slider .naver-handle:after {
        background: url("../images/white-menu.svg") no-repeat scroll 0 0 rgba(0,0,0,0);
    }

    #s4-workspace
    #s4-workspace .slider .naver.open .naver-handle:after, .landing-slider .naver.open .naver-handle:after {
        font-size: 35px;
        color: #fff;
        margin-right: 5px;
    }

    #s4-workspace .secondary-menu .layer .naver {
        margin: -40px 0 0 0;
    }

    #s4-workspace .secondary-menu .layer .heading h4 {
        margin-top: 2em;
    }

    #s4-workspace .secondary-menu .layer .naver.enabled .naver-wrapper .naver-container {
        float: left;
    }

    #s4-workspace .slider .prev-r,
    #s4-workspace .slider .next-r {
        position: absolute;
        top: 30%;
        width: 20px;
        height: 20px;
    }

    #s4-workspace h3.accordion-heading a {
        font-size: 1em;
        font-weight: normal;
    }

    #s4-workspace h3.accordion-heading .icon {
        right: 10px;
    }

    #s4-workspace .pagination-theme a,
    #s4-workspace .pagination-theme span {
        font-size: 14px;
        padding: 10px 6px;
    }

    #s4-workspace .filters {
        float: left;
        text-align: center;
        width: 165px;
    }

        #s4-workspace .filters > ul {
            top: 20px;
        }

    #s4-workspace .sharer {
        width: 100%;
        padding-bottom: 20px;
    }

    #s4-workspace .social-likes,
    #s4-workspace .social-likes__widget_single {
        font-size: 13px !important;
    }
    /*About Kaust in Mobile*/

    #s4-workspace .about-kaust-jumbotron {
        height: 100%;
    }

        #s4-workspace .about-kaust-jumbotron h1 {
            font-size: 22px;
        }

        #s4-workspace .about-kaust-jumbotron p {
            width: 80%;
            font-size: 15px;
        }

        #s4-workspace .about-kaust-jumbotron a {
            width: auto;
            height: 40px;
            margin: 3px auto 0px;
            font-size: 20px;
        }

    #s4-workspace .about-king-speech-col {
        position: relative;
        float: left;
        width: 100%;
    }

    #s4-workspace .about-king-image-col {
        position: relative;
        float: right;
        width: 100%;
    }

    #s4-workspace .about-king-speech-col h1 {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    #s4-workspace .about-king-speech-col h2 {
        font-size: 15px !important;
        text-align: center;
    }

    #s4-workspace .about-king-speech-col .link {
        margin: 0;
        width: 100%;
    }

    #s4-workspace .about-timeline h1 {
        font-size: 20px;
    }

    #s4-workspace .about-timeline h2 {
        font-size: 13px;
    }

    #s4-workspace .kaust-category .category-content {
        width: 100%;
        float: right;
    }

    #s4-workspace .kaust-blocks .category-content {
        width: 95%;
    }

    #s4-workspace .kaust-blocks h2,
    #s4-workspace .kaust-blocks p {
        text-align: center;
    }

    #s4-workspace .kaust-blocks .category-content {
        padding: 10px;
    }

    #s4-workspace .kaust-category .image,
    #s4-workspace .kaust-blocks .image {
        width: 100%;
        float: left;
    }

    #s4-workspace .kaust-category .category-content .button a {
        font-size: 16px;
        line-height: 16px;
    }

    #s4-workspace .latest-stories .story-image-text {
        bottom: 5px;
    }

    #s4-workspace .sitemap .xthree.col,
    #s4-workspace .sitemap .xthree.col:last-child {
        width: 100%;
    }
}