@charset "utf-8";
/*desktop*/
@media only screen and (min-width : 560px) {
    .EPiServerForms input[type="text"],
    .EPiServerForms input[type="number"],
    .EPiServerForms input[type="range"],
    .EPiServerForms input[type="url"],
    .EPiServerForms textarea, 
    .EPiServerForms input[type="submit"], 
    .EPiServerForms input[type="reset"], 
    .EPiServerForms button[type="submit"] {
        min-width: 280px;
        max-width: 100%;
    }

    .EPiServerForms input[type="text"],
    .EPiServerForms input[type="number"],
    .EPiServerForms input[type="range"],
    .EPiServerForms input[type="url"],
    .EPiServerForms textarea {
        width: 70%;
    }
        .narrow .EPiServerForms input[type="text"],
        .narrow .EPiServerForms input[type="number"],
        .narrow .EPiServerForms input[type="range"],
        .narrow .EPiServerForms input[type="url"],
        .narrow .EPiServerForms textarea,
        .narrow .EPiServerForms input[type="submit"],
        .narrow .EPiServerForms input[type="reset"],
        .narrow .EPiServerForms button[type="submit"] {
            min-width: 100px;
            max-width: 100%;
        }
    .narrow .EPiServerForms input[type="text"],
    .narrow .EPiServerForms input[type="number"],
    .narrow .EPiServerForms input[type="range"],
    .narrow .EPiServerForms input[type="url"],
    .narrow .EPiServerForms textarea {
        width: 100%;
    }

            .form-horizontal .col-main .EPiServerForms div.Form__Element {
                width: 45%;
                margin-right: 2%;
                display: inline-block;
            }
    .form-horizontal .col-main .EPiServerForms input[type="text"],
    .form-horizontal .col-main .EPiServerForms input[type="number"],
    .form-horizontal .col-main .EPiServerForms input[type="range"],
    .form-horizontal .col-main .EPiServerForms input[type="url"],
    .form-horizontal .col-main .EPiServerForms textarea {
        width: 90%;
        min-width: 90%;
        margin-right: 0;
        max-width: 100%;
    }
}

/*device */
@media only screen and (max-width : 559px) {
    .EPiServerForms input[type="text"],
    .EPiServerForms input[type="number"],
    .EPiServerForms input[type="range"],
    .EPiServerForms input[type="url"],
    .EPiServerForms textarea {
        min-width: 95%;
        width: 95%;
        max-width: 100%;
    }
	
	.form-horizontal .col-main .EPiServerForms div.Form__Element { width: 95%; margin-right: 0; display: block;}
    .EPiServerForms input[type="submit"], .EPiServerForms input[type="reset"], .EPiServerForms button[type="submit"] {
        width: 280px;
        max-width: 100%;
    }
	
}
@media only screen and (max-width : 279px) {
	.EPiServerForms input[type="submit"], .EPiServerForms input[type="reset"], .EPiServerForms button[type="submit"] {width: 100%;}
}


/*color and styling*/
.EPiServerForms .Form__Description {
    margin-bottom: 1rem;
}

.EPiServerForms .FormImageSubmitButton {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

.EPiServerForms .Form__Status .Form__Status__Message {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    background-color: #84c8e4;
    color: #333;
}

.EPiServerForms .Form__Status .Form__Warning__Message {
    background-color: #fff8aa;
    color: #800000;
    border: 1px solid #800000;
}

.EPiServerForms .Form__Status .Form__Readonly__Message {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    background-color: #fff8aa;
    color: #800000;
    border: 1px solid #800000;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
    display: inline-block;
    padding: inherit;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #2980bd;
    border: 1px solid rgba(41,128,189,0.5);
    border-radius: 4px;
    font-size: inherit;
    height: 2em;
    width: 10em;
    max-width: 10rem;
    min-width: 10rem;
    color: initial;
    background-image: linear-gradient(to top,#fff,#e6e6e6);
    background-image: -moz-linear-gradient(to top,#fff,#e6e6e6);
    background: -webkit-linear-gradient(to top,#fff,#e6e6e6); /* Background */
    background: -webkit-gradient(to top,#fff,#e6e6e6); /* Background */
    background: -o-linear-gradient(to top,#fff,#e6e6e6); /* Background */
}

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:disabled {
        color: dimgray;
    }

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
    display: inline-block;
    border: 1px solid #2980bd;
    border: 1px solid rgba(41,128,189,0.5);
    vertical-align: middle;
    width: 40%;
}

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
        border: 1px solid #2980bd;
        border: 1px solid rgba(41,128,189,0.5);
        width: 0;
        height: 1rem;
    }

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text {
        display: none;
    }

.EPiServerForms .FormStep .FormStep__Description {
    margin-bottom: 1rem;
}

.EPiServerForms input[type="text"],
.EPiServerForms input[type="number"],
.EPiServerForms input[type="range"],
.EPiServerForms input[type="url"] {
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #b7beff;
    background: #f5f6ff;
    border-radius: 5px;
}

.EPiServerForms select {
	padding: 8px;
	font-size: 115%;
	min-width: 200px;
}
.EPiServerForms select option {
	padding: 3px;

}
.EPiServerForms input[type="text"]:focus {
	border: 1px solid #b7beff;
	background:#fff;
}
.EPiServerForms .Form__Element {
    margin: 0 0 1.5rem 0;
}
.EPiServerForms .Form__Element.Form__Element--NonData {
    margin: 0 0 0 0;
}
.EPiServerForms fieldset.orientationVertical label {
	display: block;
	width: auto;
	margin-bottom: 10px;
	margin-left: 1px;
}
.EPiServerForms textarea {
    padding: 3px;
    font-size: 14px;
    color: #333;
    border: 1px solid #a3a3a3;
    border-radius: 5px;
    min-height: 90px;
}

.col-side .EPiServerForms textarea, .col-container .EPiServerForms textarea {
    width: 99%;
    min-height: 60px;
}

.col-side .EPiServerForms input[type="text"], .col-container .EPiServerForms input[type="text"],
.col-side .EPiServerForms input[type="number"], .col-container .EPiServerForms input[type="number"],
.col-side .EPiServerForms input[type="range"], .col-container .EPiServerForms input[type="range"],
.col-side .EPiServerForms input[type="url"], .col-container .EPiServerForms input[type="url"] {
    width: 99%;
    min-height: 40px;
}
	
	/*horizontal*/
	.form-horizontal .col-main .EPiServerForms .FormTextbox--Textarea  { width: 100%; margin-right: 0; display: block;}	
	
	.form-horizontal .col-main .EPiServerForms label { width: 100%; min-width: 100%;margin-right: 0;}

	
.EPiServerForms fieldset.orientationVertical label:last-of-type {
	margin-bottom: 0;
}
.EPiServerForms .orientationHorizontal label label {
	display: inline-block; margin-right: 8px;
}
.EPiServerForms input[type="submit"], .EPiServerForms input[type="reset"]   {
	display: inline-block;
	height:50px;
	border: none; 
	border-radius: 5px;
	text-align: center;
	padding: 4px 8px;
	font-weight: normal;
	font-size: 17px; font-family: 'Sarabun', sans-serif; 
	text-decoration: none;
	line-height: 1.2em;
	}
.EPiServerForms input[type="submit"]:hover, .EPiServerForms input[type="reset"]:hover   {
	color: #fff;
	font-weight: bold;
}
.EPiServerForms button[type="submit"] {
    color: #fff;
    display: inline-block;
    height: 50px;
    border: 2px solid #43AD60;
    border-radius: 5px;
    text-align: center;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Sarabun', sans-serif;
    text-decoration: none;
    line-height: 1.2em;
    background: #0B5B46; 
}

    .EPiServerForms button[type="submit"]:hover {
        background: #062d23;
        color: #fff;
        text-decoration: none;
    }
/* CAPTCHA */
    .EPiServerForms button[type="submit"].FormCaptcha__Refresh {
        color: #000;
        font-weight: normal;
        border: solid #999999 2px;
        background: #d0dae0;
        background-image: -webkit-linear-gradient(top, #d0dae0, #aab0b3);
        background-image: -webkit-gradient(top, #d0dae0, #aab0b3);
        background-image: -moz-linear-gradient(top, #d0dae0, #aab0b3);
        background-image: -o-linear-gradient(top, #d0dae0, #aab0b3);
        background-image: linear-gradient(to bottom, #d0dae0, #aab0b3);
    }

        .EPiServerForms button[type="submit"].FormCaptcha__Refresh:hover {
            color: #fff;
            background: #8a8b8c;
            background-image: -webkit-linear-gradient(top, #8a8b8c, #c7c7c7);
            background-image: -webkit-gradient(top, #8a8b8c, #c7c7c7);
            background-image: -moz-linear-gradient(top, #8a8b8c, #c7c7c7);
            background-image: -o-linear-gradient(top, #8a8b8c, #c7c7c7);
            background-image: linear-gradient(to bottom, #8a8b8c, #c7c7c7);
            text-decoration: none;
        }

.EPiServerForms .button { padding: 4px 8px; margin: 4px 1.5% 4px 0}

/* RESET */
.EPiServerForms input[type="reset"] {
    border: solid #999999 2px;
    background: #d0dae0;
    background-image: -webkit-linear-gradient(top, #d0dae0, #aab0b3);
    background-image: -webkit-gradient(top, #d0dae0, #aab0b3);
    background-image: -moz-linear-gradient(top, #d0dae0, #aab0b3);
    background-image: -o-linear-gradient(top, #d0dae0, #aab0b3);
    background-image: linear-gradient(to bottom, #d0dae0, #aab0b3);
}

    .EPiServerForms input[type="reset"]:hover {
        background: #8a8b8c;
        background-image: -webkit-linear-gradient(top, #8a8b8c, #c7c7c7);
        background-image: -webkit-gradient(top, #8a8b8c, #c7c7c7);
        background-image: -moz-linear-gradient(top, #8a8b8c, #c7c7c7);
        background-image: -o-linear-gradient(top, #8a8b8c, #c7c7c7);
        background-image: linear-gradient(to bottom, #8a8b8c, #c7c7c7);
        text-decoration: none;
    }


.EPiServerForms input[type="file"]  {
	display: inline-block;
	width: auto;
	height:auto;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	text-align: center;
	padding: 4px 8px;
	color: #000;
	font-weight: normal;
	font-size: 17px; font-family: 'Sarabun', sans-serif; 
	text-decoration: none;
	line-height: 1.2em;
	}

.EPiServerForms input[type="file"]:hover { 
	background: #f5f6ff;
	border: 1px solid #b7beff;
    color: #000;
    text-decoration: none;
}
.form-horizontal .col-main .EPiServerForms .FormChoice  label { 
	margin-right: 1.5%;
}
.EPiServerForms input[type="checkbox"],
.EPiServerForms input[type="radio"] { 
	margin: 3px .5% 6px 0;
	transform: scale(1.5);
}
.EPiServerForms .ValidationRequired:not(.FormChoice) > label,
.EPiServerForms .Form__Element.FormChoice.ValidationRequired > fieldset > legend,
.EPiServerForms .Form__Element.FormChoice.ValidationRequired > span:not(.Form__Element__ValidationError) {
    color: maroon;
}

.EPiServerForms input:not(.FormChoice):focus:invalid, .EPiServerForms textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(/static/img/icon-error-20px.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
    padding-right: 20px;
}
.EPiServerForms input:not(.FormChoice):required, .EPiServerForms textarea:required {
    background: #fff url(/static/img/icon-asterik-10px.png) no-repeat 98% center;
    padding-right: 20px;
}
    .EPiServerForms input:not(.FormChoice):required:valid, .EPiServerForms textarea:required:valid { /* when a field is considered valid by the browser */
        background: #fff url(/static/img/icon-valid-20px.png) no-repeat 98% center;
        box-shadow: 0 0 5px #5cd053;
        border-color: #28921f;
        padding-right: 20px;
    }
.EPiServerForms .field-validation-error {
    display: block;
    margin-top: 5px;
    color: #eb0000;
}
    .EPiServerForms .Form__Element .Form__Element__Caption {
        /*display: inline-block;
        min-width: 15%;
        vertical-align: top;*/
		font-weight: bold;
		display: block;font-size: 17px;padding-bottom:6px; padding-top:8px;
    }

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    color: #800000;
    display: inline-block;
    word-wrap: break-word;
    padding: 5px 5px 5px 30px;
    background: #fff390 url(/static/img/icon-high-warning-25px.png) no-repeat 10px 3px;
    background-size: 17px 17px;
    min-height: 17px;
    font-size: 110%;
}
.EPiServerForms .Form__Element .Form__Element__ValidationError.hidden {
    display: none;
}

.EPiServerForms .hide, .EPiServerForms .Form__Status .Form__Status__Message.hide {
    display: none;
}

.EPiServerForms .FormCaptcha .FormTextbox__Input {
    width: 8rem;
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh {
    font-size: 1em;
    width: auto;
    height: auto;
}
.EPiServerForms .FormChoice label {margin-right: 1%;}

.EPiServerForms .FormChoice--Image .hidden {
    visibility: hidden;
}
.EPiServerForms .FormChoice--Image .formchoice-container {
    display: inline-flex;
    gap: 2em;
    align-items: center;
}
    .EPiServerForms .FormChoice--Image .formchoice-container div {
        display: inline-flex;
        gap: 1em;
        align-items: center;
        flex-wrap: nowrap;
    }
        .EPiServerForms .FormChoice--Image .formchoice-container div input[type=radio] {
            margin: 0;
        }

.EPiServerForms .FormChoice--Image .FormChoice--Image__Item {}

.EPiServerForms .FormChoice--Image .FormChoice__Input {
    border: 1px solid #2980bd;
    border: 1px solid rgba(41,128,189,0.5);
}
    .EPiServerForms .FormChoice--Image .FormChoice__Input + label > img {
        border: 2px solid #FFF;
    }
    .EPiServerForms .FormChoice--Image .FormChoice__Input:checked + label > img {
        border: 2px solid #F89829;
    }

.EPiServerForms .FormChoice--Image .FormChoice--Image__Item__Caption {
    font-size: .85rem;
    line-height: .95em;
}

.EPiServerForms .FormRange .FormRange__Input {
    max-width: 60%;
    display: inline;
}

.EPiServerForms .EditView__InvisibleElement.FormStep {
    display: block;
    border-radius: 4px;
    border-color: #b8c0c5;
    border-color: rgba(184,192,197,0.6);
    background-color: #b8c0c5;
    background-color: rgba(184,192,197,0.6);
    color: #000;
    padding: 0.2rem;
    font-family: Verdana;
    box-shadow: 3px 3px 5px #ccc;
}

    .EPiServerForms .EditView__InvisibleElement.FormStep .FormStep__Warning {
        color: #800000;
        border: 1px solid #800000;
        background-color: #fff8aa;
        display: block;
        word-wrap: break-word;
    }

.EPiServerForms .EditView__InvisibleElement.FormHidden {
    display: inline-block;
    border-radius: 4px;
    border: 1.5px outset #b8c0c5;
    border: 1.5px outset rgba(184,192,197,0.6);
    padding: 0.2rem 1rem;
    min-width: 18rem;
}

.EPiServerForms .Warning {
    color: #800000;
    border: 1px solid #800000;
    background-color: #fff8aa;
    display: block;
    word-wrap: break-word;
}

.EPiServerForms .Form__Warning {
    color: #800000;
    border: 1px solid #800000;
    background-color: #fff8aa;
    display: block;
    word-wrap: break-word;
} 

/*custom*/
.form-horizontal .col-main .EPiServerForms .Form__Element.FormParagraphText { 
	width: 98%;
	display: block;
}


select.flat {
    flex: 1;
    padding: 5px;
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    max-width: 100%;
    min-width: 20%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /*
       using a background image here instead of a regular background-color
        apparently prevents the select background color from being inhereted by the option
            it also is puts the dropdown arrow back in that is removed when you set appearance:none

        */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #000F9F 0%,#000F9F 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

    select.flat:hover {
        border-color: #fff;
    }

    select.flat:focus {
        border-color: #fff;
        color: #fff;
        outline: none;
    }

    select.flat option {
        font-weight: normal;
        font-size: 1rem;
        color: black;
    }

    select.flat.compact {
        padding: .25rem;
        padding-right: 1.4em;
        font-weight:normal;
    }

    select[disabled].flat {
        color: #bfbfbf;
        background-color: #bfbfbf;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ddd 0%,#ddd 100%);
    }

/*layout*/
/*show-hide desktop and responsive */
.homepage a.page-nav.r770 {
    display: none;
    visibility: hidden;
}

@media (min-width: 771px) {
    .main-nav-r, .utility-nav-r, .util-nav-head-r, .search-r, .search-icon-r, .page-nav-r, .social-r, .logo-r, .r770, a.page-nav.r770 {
        display: none;
        visibility: hidden;
    }

    .main-nav-desktop, .utility-nav-desktop, .search-desktop, .search-icon-desktop, .main-nav-desktop, .breadcrumb-desktop, .page-nav-desktop, .social-desktop, .logo-desktop, .desktop {
        display: block;
    }

    .move.left-column-move {
        display: block;
        visibility: visible;
    }
    .fontsize-large {
        font-size: 140%;
        line-height: 155%;
    }

    .fontsize-larger {
        font-size: 160%;
        line-height: 155%;
    }

    .fontsize-largest {
        font-size: 180%;
        line-height: 160%;
    }
}

@media (max-width: 770px) {
    .main-nav-r, .utility-nav-r, .util-nav-head-r, .search-r, .search-icon-r, .page-nav-r, .social-r, .logo-r {
        display: block;
    }

        .search-r.mobile-search.r770 {
            display: flex;
            position: absolute;
            top: 60px;
            width: 100%;
            flex-flow: column nowrap;
            align-items: center;
            background-color: #333;
        }

    .main-nav-desktop, .utility-nav-desktop, .search-desktop, .search-icon-desktop, .main-nav-desktop, .breadcrumb-desktop, .social-desktop, .logo-desktop, .desktop {
        display: none;
        visibility: hidden;
    }

    .main-nav-r-header {
        display: flex;
        align-items: center;
        padding: .5rem;
    }

        .main-nav-r-header div {
            flex: 1;
        }

        .main-nav-r-header .closebtn-mobile {
            flex: 0 1 auto;
            color: #fff;
            width: 32px;
            height: 32px;
        }

    #main-nav-container {
        background-color: #fff;
    }

    .main-nav-r .closebtn {
        display: none;
    }

    .fontsize-large {
        font-size: 110%;
        line-height: 155%;
    }

    .fontsize-larger {
        font-size: 125%;
        line-height: 155%;
    }

    .fontsize-largest {
        font-size: 140%;
        line-height: 160%;
    }
}



html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, figure, nav ol, nav ul {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.37em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
    font-style: italic;
}

p {
    font-size: 1em;
    line-height: 1.45em;
}

html, fieldset, img, abbr {
    border: 0;
}

input, textarea, select, button {
    font-size: 1em;
    font-family: inherit;
}

    button, input[type="button"], input[type="reset"], input[type="submit"], label[for] {
        cursor: pointer;
    }

sup, sub {
    position: relative;
    top: -.4em;
    vertical-align: baseline;
}

sub {
    top: .3em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: left;
}

code {
    white-space: pre;
}

abbr[title] {
    cursor: help;
}

ins {
    text-decoration: none;
}

a, button {
    transition: .3s;
    text-decoration: none;
}
p a:link:not(.bttn),
figcaption a {
    text-decoration: underline;
}

button {
    color: inherit;
}
/*links for main col only*/
.main-cols a:hover, .main-cols a:focus, .main-cols a:active {
    color: #000F9F;
    text-decoration: underline;
    /*background-color: #fdecd6;  orange F8A132*/
}

a:hover, a:focus, a:active,
#banner a:hover, #banner a:focus, #banner a:active,
#utility-desktop > .container > div > nav li a:hover,
#utility-desktop > .container > div > nav li a:focus,
#utility-desktop > .container > div > nav li a:active {
    text-decoration: underline;
    color: #000F9F;
}

nav ol li, nav ul li {
    list-style: none;
}

strong {
    font-weight: bold;
}

dl {
    margin: 20px 0;
}

    dl dt {
        margin-top: 20px;
        font-weight: bold;
    }

        dl dt + dd {
            margin-top: 10px;
        }

    dl dd {
        margin: 20px 0 10px 10px;
    }

        dl dd p {
            margin: 5px 0;
        }

figure {
    background: #e0dfdf;
    display: inline-table;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
}

    figure img {
        max-width: 100%;
        margin: 0;
    }

    figure figcaption {
        display: table-caption;
        caption-side: bottom;
        background: #e0dfdf;
        padding: 0 8px 10px 8px;
        margin: 0;
        text-align: initial;
    }

    figure.align-left, figure.left {
        float: left;
        margin-right: 1.5%;
    }

    figure.align-right, figure.right {
        float: right;
        margin-left: 1.5%;
    }

    figure.align-center, figure.center {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }


/* end reset */
/***** GLOBAL *****/
button:not(.btn) {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
}

table td img {
    max-width: none;
}
/* apply a natural box layout model to all elements */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.skiplink {
    position: absolute;
    left: -9000px;
}

.gb-img-left,
.left {
    text-align: left;
}

.gb-img-center,
.center {
    text-align: center;
}

.gb-img-right,
.right {
    text-align: right;
}

.gb-img-left .gb-img,
img.left, .imgLeft, .imgleft {
    float: left;
    margin: 0 10px 10px 0;
}

.gb-img-center .gb-img,
img.center, .imgCenter, .imgcenter {
    margin: 0 auto;
    display: block;
}

.gb-img-right .gb-img,
img.right, .imgRight, .imgright {
    float: right;
    margin: 0 0px 10px 10px;
}

.gb-img-right:after,
.gb-img-left:after {
    clear: both;
    display: block;
    content: " ";
}

.generic h3 {
    margin-bottom: 8px;
}

.generic h4 {
    margin-bottom: 4px;
}

/* Generic Uppercase Class */
.upper, .UpperCase, .UpperCaseBold,
.UPPER, .UPPERCASE, .UPPERCASEBOLD {
    text-transform: uppercase;
}

.UpperCaseBold, .UPPERCASEBOLD {
    font-weight: bold;
}

.centeredHeadline, .centeredheadline {
    display: block;
    text-align: center;
}
/* Generic Underline Class */
.underline {
    text-decoration: underline;
}
/* SKIP NAVIGATION LINK */
.skiplink {
    position: absolute;
    left: -9999px;
}
/* --  basic layout -- */
header {
    position: relative;
    width: 100%;
}
/* -- columns display options -- */
.block-wrapper {
    vertical-align: top;
}

.full-container > .row-container:not(.paddingtop-none) > .span12,
.horizontalfullwidthblock + .span12 {
    padding-top: 15px;
}

/*.full-container .span100 {
    display: block;
    margin: 0 0 0 0;
    padding: 15px 15px 0 15px;
}*/

.imageblock.span100 .block {
    margin-bottom: 0;
}

.clickableherosliderimageblock > img {
    margin: 0 auto;
}

/* COLUMN CONTAINER CONTENT */

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


    .col-container .col {
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        vertical-align: top;
        margin: 0 1.45% 0 1.45%;
    }

        .row-container .row .block.left,
        .col-container .col .block.left,
        .row-container .row .block.right,
        .col-container .col .block.right {
            float: none;
        }

    .col-container .col5 {
        width: 17%;
        margin: 0 1.5%;
    }

    .col-container .col4,
    .span3 {
        width: 22%;
    }

    .col-container .col3,
    .span4 {
        width: 30.33%;
    }

    .col-container .col2,
    .one-third .col-container .col3,
    .span6 {
        width: 47%;
    }

    .span8 {
        width: 63.66%;
    }

    .span9 {
        width: 72%;
    }

    .span12 > .block-wrapper.span12,
    .span97 {
        margin: 0 1.45% 0 1.45%;
    }

    .row-container.paddingtop-none .span12 > .block-wrapper.span12 {
        margin: 0 0 0 0;
        width: 100%;
    }

    .full-container .span100 {
        display: block;
        margin: 0 0 0 0;
    }

    .block-wrapper.span12,
    .span12 {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 0 auto;
    }

    #container-vertical .span12,
    .inner-bx > .span12 .span12,
    .col-container .col1,
    .span3, .span4, .span6, .span8, .span9 {
        display: inline-block;
        margin: 0 1.45% 0 1.45%;
    }

    #container-vertical .span12,
    .inner-bx > .span12 .span12,
    .span12 > .span12,
    .span12 > .row {
        display: block;
        width: 96.75%;
        margin: 0 auto 0 auto;
    }

    #container-vertical .span100.col,
    .span100.col {
        display: inline-block;
    }
    /*.full-container .span100.clickableherosliderimageblock,
    .full-container .span100.clickableherosliderblock,
    .full-container .span100.ummshomeherosliderblock,
    .full-container .span100.herosliderwithoverlaytextblock,
    .full-container .span100.imageblock,
    .full-container .span100.horizontalfullwidthblock {
        padding: 0 0 0 0;
        margin: 0 auto 0 auto;
    }*/
    .full-container .row-container.paddingtop {
        padding-top: 15px;
    }

    #col-1 .span100, #col-3 .span100, .col-content .span100, li.span100 {
        margin: 0 0 0 0;
    }

    .full-container .bxslider li.span100 img,
    .full-container .span100.imageblock img {
        width: 100%;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
    .span3 {
        width: 23.5%;
    }

    .span4 {
        width: 30%;
    }

    .span6 {
        /*width: 47%;*/
        width: 43%;
    }

    .span8 {
        /*width: 67%;*/
        width: 63%;
    }

    .span9 {
        /*width: 67%;*/
        width: 72%;
    }

    .full-container .span100 > .horizfullwidthblock > .inner-bx > div > .span97,
    .full-container .row-container > .span97,
    .full-container .span100 > .horizfullwidthblock > .inner-bx > div > .span12,
    .full-container .row-container > .span12,
    .span12 > .span12 {
        display: block;
        width: 97%;
        margin: 0 1.45% 0 1.45%;
    }

    .span3, .span4, .span6, .span8, .span9 {
        display: inline-block;
        margin: 0 1.45% 0 1.45%;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
    .span97:not(.col),
    .span12 {
        display: block;
        width: 97%;
        margin: 0 1.45% 0 1.45%;
    }
}

@media only screen and (max-width: 500px) {
    .span3, .span4, .span6, .span8, .span9, .span12 {
        display: block;
        width: 97%;
        margin: 0 1.45% 25px 1.45%;
    }
}



/***** UTILITY AREA *****/
@media only screen and (min-width: 771px) {
    /***** UTILITY NAVIGATION *****/
    .utility-desktop .utility-nav li {
        display: inline-block;
        position: relative;
    }

        .utility-desktop .utility-nav li:first-of-type a {
            border: none;
        }

        .utility-desktop .utility-nav li:last-of-type a img,
        .utility-desktop .utility-nav li:last-of-type a {
            padding-right: 0;
        }

        .utility-desktop .utility-nav li > ul {
            position: absolute;
            min-width: 100px;
            max-width: 150px;
            left: -9999px;
            z-index: 1000;
            padding: 0;
            background-color: #fff;
            border: 1px solid #ABABAB;
        }

    #utility-desktop .utility-desktop .utility-nav li > ul li {
        margin-left: 10px;
        padding: 2px 0 5px 0;
        display: block;
    }

    .utility-desktop .utility-nav li > ul > li a {
        padding: 0 0 0 0;
    }

    .utility-desktop .utility-nav li ul li ul {
        top: 10px;
        left: -9999px;
    }

    .utility-desktop .utility-nav li:hover > ul {
        left: 5px;
    }

        .utility-desktop .utility-nav li:hover > ul > li:hover > ul {
            left: 100%;
        }
}

@media only screen and (max-width: 770px) {
    #main-nav .utility-nav-nav .utility-nav li {
        /*padding: 0;
            margin: 0;*/
        display: block;
    }

        #main-nav .utility-nav-nav .utility-nav li a {
            padding: 5px 0 12px 0;
            margin: 0;
            display: block;
            color: #000;
        }

        #main-nav .utility-nav-nav .utility-nav li.nolink span {
            padding: 5px 0 12px 0;
        }

    #main-nav .utility-nav-nav .utility-nav > li > ul {
        margin: 0 0 10px 5px;
        border-left: 1px solid #999;
        padding: 2px 0 2px 10px;
    }

    #main-nav .utility-nav-nav .utility-nav li ul ul {
        margin: 0 0 10px 15px;
    }
}

#main-content {
    position: relative;
    padding-bottom: 15px;
}

    .full-container p, .full-container pre, .full-container ol, .full-container ul, .full-container figure, .full-container table,
    #main-content p, #main-content pre, #main-content ol, #main-content ul, .main-content figure, .main-content table {
        margin-top: 0;
    }

        .full-container ol ol, .full-container ul ul, .full-container table table,
        #main-content ol ol, #main-content ul ul, .main-content table table {
            margin-bottom: 0;
        }

.full-container h1, .full-container h2, .full-container h3, .full-container h4, .full-container h5, .full-container h6,
.main-cols h1, .main-cols h2, .main-cols h3, .main-cols h4, .main-cols h5, .main-cols h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

#main-content > .container > div > div > div > h1,
#main-content > .container > div > div > div > h2,
#main-content > .container > div > div > div > h3,
#main-content > .container > div > div > div > h4,
#main-content > .container > div > div > div > h5,
#main-content > .container > div > div > div > h6 {
    margin-top: 0;
    margin-bottom: 10px;
}
.sr-only,
#skip-to-sections {
    position: absolute;
    left: -999px;
}

.back-to-top {
    width: 105px;
    padding: 4px;
    border-radius: 8px;
    position: fixed;
    right: 20px;
    bottom: 10px;
    font-size: 90%;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    background: #35374D;
    border: 1px solid #CCC;
    cursor: pointer;
    z-index: 100;
    display: none;
}

.blocks {
    margin-bottom: 30px;
}

    .blocks > h3:first-child {
        font-size: 120%;
    }

/*****Hide pager spinner*****/
.pager-input input[type=number]::-webkit-inner-spin-button,
.pager-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ********** DESKTOP ************/
/* 771 + */
@media (min-width: 771px) {
    .r770.remove {
        visibility: hidden;
        display: none;
        height: 0;
    }

    /*menu*/
    #main-nav.standard ul.main-nav li > ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        width: 200px;
        z-index: 1000;
    }

    #main-nav.standard ul.main-nav > li.opened.align-right:hover > ul,
    #main-nav.standard ul.main-nav > li.opened.align-right > ul {
        right: 0;
        left: unset;
    }

        #main-nav.standard ul.main-nav > li.opened.align-right:hover > ul li.opened > ul,
        #main-nav.standard ul.main-nav > li.opened.align-right > ul li.opened > ul {
            top: 0;
            right: 100%;
            left: unset;
        }

    #main-nav.standard ul.main-nav > li.opened.align-left:hover > ul,
    #main-nav.standard ul.main-nav > li.opened.align-left > ul {
        left: 0;
    }

        #main-nav.standard ul.main-nav > li.opened.align-left:hover > ul li.opened > ul,
        #main-nav.standard ul.main-nav > li.opened.align-left > ul li.opened > ul {
            top: 0;
            left: 100%;
        }

    /*left arrow*/
    .main-nav.standard li.align-left li.has-children > a:after,
    .main-nav.standard li.align-left li.has-children > span:after {
        content: " ";
        position: absolute;
        top: 11px;
        right: 6px;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid gray;
    }
    /*right arrow*/
    .main-nav.standard li.align-right li.has-children > a:before,
    .main-nav.standard li.align-right li.has-children > span:before {
        content: " ";
        position: absolute;
        top: 11px;
        left: 3px;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid gray;
    }

    /** flyout **/
    .block.subnav-menu.flyout .submenu > span:not(.nolink),
    .block.flyout .subnav-menu .submenu > span:not(.nolink) {
        content: ' ';
        top: 3px;
        position: relative;
        display: inline-block;
        float: right;
        color: #000;
        width: .6em;
        height: .6em;
        border-right: .2em solid #666;
        border-top: .2em solid #666;
        border-bottom: 0 solid #666;
        transform: rotate(45deg);
    }
}
/** accordion **/
.block.subnav-menu.accordion .submenu > span:not(.nolink),
.block.accordion .subnav-menu .submenu > span:not(.nolink) {
    content: ' ';
    top: 3px;
    position: relative;
    display: inline-block;
    float: right;
    color: #000;
    width: 1em;
    height: 1em;
    border-right: .3em solid #666;
    border-top: .3em solid #666;
    border-bottom: 0 solid #666;
    transform: rotate(45deg);
}

.block.subnav-menu.accordion li.submenu.active > span:not(.nolink),
.block.accordion .subnav-menu li.submenu.active > span:not(.nolink) {
    border-right: .3em solid #666;
    border-bottom: .3em solid #666;
    border-top: 0 solid #666;
}

.block.subnav-menu.accordion li > ul,
.block.accordion .subnav-menu li.submenu.active > ul {
    position: relative;
    top: 5px;
    left: 0;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #c2c0c0;
    background-color: #EAEAEA;
}


/* ********** RESPONSIVE ************/
/* 770 - */
@media (max-width: 770px) {
    .desktop.remove {
        visibility: hidden;
        display: none;
        height: 0;
    }

    h5.util-nav-head-r {
        background: #E5E5E5;
    }

        h5.util-nav-head-r span {
            display: block;
            padding: 6px;
            color: #000F9F;
            width: 95%;
            font-size: 120%;
            padding: 10px;
        }

    #menu {
        position: fixed;
        left: 0;
        top: 0;
        min-height: 48px;
        z-index: 999;
    }

        #menu h2 {
        }

        #menu .navicon {
            position: relative;
            width: 40px;
            height: 40px;
        }

        #menu a.closebtn,
        #col-1 a.closebtn {
            position: absolute;
            top: 0;
            right: 15px;
            width: 32px;
            height: 32px;
            color: #404040;
            display: inline-block;
        }

        #menu a.closebtn {
            color: #000F9F;
            display: none;
        }

    #col-1 a.closebtn {
        font-size: 200%;
        margin-top: 6px;
    }

    #main-nav-r {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 999; /* Stay on top */
        top: 0;
        left: 0;
        background-color: #333333;
        overflow-x: hidden; /* Disable horizontal scroll */
        overflow-y: hidden; /* Disable horizontal scroll */
        padding-top: 0; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }

        #main-nav-r.show {
            overflow-y: auto; /* Disable horizontal scroll */
        }

    #col-1 {
        /*width: 0;*/ /* 0 width - change this with JavaScript */
        max-width: 90%;
        height: 100%;
        position: fixed;
        z-index: 900; /* Stay on top */
        top: 60px;
        left: -999px;
        padding-bottom: 60px;
        background-color: #eee;
        overflow-x: hidden; /* Disable horizontal scroll */
        overflow-y: hidden; /* enable vertical scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }

        #col-1.hide,
        #main-nav-r.hide {
            left: -100%;
        }

        #col-1.show {
            overflow-y: auto; /* Disable horizontal scroll */
        }

        #col-1 > div {
            margin: 8px 2.5%;
        }

            #col-1 > div.page-nav-r {
                margin: 0 0 18px 0;
                border-bottom: 1px solid gray;
            }

                #col-1 > div.page-nav-r .nav-title {
                    color: #fff;
                    font-size: 120%;
                    font-family: sans-serif;
                    display: block;
                    background-color: gray;
                    font-weight: bold;
                    padding: 12px;
                }

    #menu h2.heading {
        color: #fff;
        font-size: 160%;
        font-family: Sarabun, sans-serif;
    }

    #main-nav-r li.img span.bg img,
    #main-nav-r li.img a.bg img {
        border: 1px solid gray;
        background-color: #c0c0c0; 
        max-height: 35px;
    }
    /* add on page css or util nav page css - whitebg, graybg darkgraybg */
    #main-nav-r li.img span.bg.whitebg img,
    #main-nav-r li.img a.bg.whitebg img {
        background-color: #FFFFFF;
        padding: 3px;
    }
    #main-nav-r li.img span.bg.graybg img,
    #main-nav-r li.img a.bg.graybg img {
        background-color: #999999;
        padding: 3px;
    }
    #main-nav-r li.img span.bg.darkgraybg img,
    #main-nav-r li.img a.bg.darkgraybg img {
        background-color: #333333;
        padding: 3px;
    }

    #menu ul {
        background: #E5E5E5;
        padding: 0 10px 10px 10px;
        margin: 0;
        list-style: none;
    }

    #main-nav-container ul {
        background: #fff !important;
    }

    #main-nav-container {
        background: #fff !important;
    }

    #main-nav-r #menu ul.lvl2 {
        padding: 10px 0 0 10px;
    }

    .subnav-menu ul li span,
    .subnav-menu ul li a {
        color: #000F9F;
        display: inline-block;
        padding: 10px 15px 10px 0;
        position: relative;
        transition: none;
    }

    /** block main navigation */
    #left-column-r .block.subnav-menu.accordion {
        max-width: 300px;
    }

        #left-column-r .block.subnav-menu.accordion .nav-title {
            font-weight: bold;
            font-size: 1.3em;
        }

        #left-column-r .block.subnav-menu.accordion .div-wrapper > ul > li > a,
        #left-column-r .block.subnav-menu.accordion .div-wrapper > ul > li > span {
            font-weight: bold;
        }

    .subnav-menu ul li span:first-child {
        padding: 0;
        margin: 0;
    }

    .subnav-menu ul > li > span {
        color: #323232;
    }

    .subnav-menu > .wrapper-subnav > ul > li > span,
    .subnav-menu > .wrapper-subnav > ul > li > a {
        font-weight: bold;
        font-size: 110%;
    }

    .subnav-menu > .wrapper-subnav > ul > li > ul > li > span + ul,
    .subnav-menu > .wrapper-subnav > ul > li > ul > li > a + ul {
        border-left: 1px solid silver;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    #subnav-menu > .wrapper-subnav > ul, .subnav-menu > .wrapper-subnav > ul {
        width: 80%;
        padding: 0;
        margin: 10px;
    }

    #subnav-menu ul, .subnav-menu ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
    }

    #col-1.show,
    #main-nav-r.show {
        width: 90%;
        left: 0;
    }

    .main-nav li.has-children > a:after,
    .main-nav li.has-children > span:after {
        display: inline-block;
        padding-left: 10px;
        content: " ";
        width: 0;
    }
}

@media (max-width: 300px) {
    #col-1.show,
    #main-nav-r.show {
        width: 250px;
    }
}

#vertical-container-full, section#vertical-container-footer {
    width: 100%;
}


.row-container .horizfullwidthblock .inner-bx {
    margin: 0 auto 0 auto;
}

.outer-bx {
    padding: 25px 10px 25px 10px;
    margin-bottom: 0;
}

@media (min-width: 1001px) {
    .full-container .row .block.theme .inner-bx {
        width: 1000px;
    }

    section#container-vertical .outer-bx {
        padding: 25px 0 1px 0;
        margin-bottom: 0;
    }
}

@media (max-width: 1000px) {
    .full-container .row {
        width: 100%;
    }
}
/* =======================
   TinyMCE css
======================== */
/* FLOATS */
.floatRight {
    float: right;
    margin-left: 15px;
}

.floatLeft {
    float: left;
    margin-right: 15px;
}

.img.imgleft, .left {
    margin: 0 15px 15px 0;
    float: left;
}

.img.imgright, .right {
    margin: 0 0 15px 15px;
    float: right;
}

.img.imgright, .right {
    margin: 0 0 15px 15px;
    float: right;
}
/* =======================
   PRINT
   ======================== */
@media print {
    #moveable-items, #skip-to-sections, #responsive-menu, .utility-r, .main-nav-desktop,
    .hero-wrapper, #page-nav-r, .page-nav-desktop, #breadcrumb, #footer-functions, #footer-sections, .back-to-top,
    html body #col-1, html body #col-3 {
        display: none;
    }

    .news-detail {
        border: 0;
    }
}
/*=== tablet horiz ===*/
@media only screen and (max-width : 770px) {
    /* tables */
    .responsive .main-cols .col table td:not(.st-key):not(.st-value):not(.st-head-row),
    .responsive .main-cols .col table th:not(.st-key):not(.st-value):not(.st-head-row),
    .main-cols .col .responsive table td:not(.st-key):not(.st-value):not(.st-head-row),
    .main-cols .col .responsive table th:not(.st-key):not(.st-value):not(.st-head-row),
    .main-cols .col table.responsive td:not(.st-key):not(.st-value):not(.st-head-row),
    .main-cols .col table.responsive th:not(.st-key):not(.st-value):not(.st-head-row) {
        display: block;
        clear: left;
        width: auto !important;
        max-width: 100% !important;
    }

    /* headers */
    .main-cols .col table.responsive.headers tr > td:first-of-type {
        background-color: #eee;
    }
    /* inline */
    .main-cols .col table.responsive.inline td, .main-cols .col table.responsive.inline th {
        display: inline-block;
        clear: none;
    }

    .main-cols .col table.responsive.inline.col-two td, .main-cols .col table.responsive.inline.col-two th {
        width: 45.5% !important;
    }

    .main-cols .col table.responsive.inline.col-three td, .main-cols .col table.responsive.inline.col-three th {
        width: 33% !important;
    }
    /* vertical headings */
    .main-cols .col table.responsive.verticalhead thead {
        display: none;
    }

    .main-cols .col table.responsive.verticalhead tr,
    .main-cols .col table.responsive.verticalhead th,
    .main-cols .col table.responsive.verticalhead td {
        display: block;
        padding: 0 8px;
        text-align: left !important;
        white-space: normal;
    }

    .main-cols .col table.responsive.verticalhead tr {
        border-bottom: 1px solid silver;
        padding-bottom: 11px;
        margin-bottom: 11px;
    }

    table.responsive.verticalhead th[data-title]:before,
    table.responsive.verticalhead td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
    }

    table.responsive.verticalhead td {
        border: none;
        margin-bottom: 6px;
        color: #444;
        display: inline-block;
    }

        table.responsive.verticalhead td:empty {
            display: none;
        }

        table.responsive.verticalhead td:first-child {
            font-size: 1.1em;
            font-weight: bold;
            margin-bottom: 6px;
            color: #333;
        }

            table.responsive.verticalhead td:first-child:before {
                content: '';
            }

    .scroll-table {
        overflow-x: auto;
        width: 100%;
        border: 1px solid silver;
    }

    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }


    .stacktable {
        width: 100%;
    }

    .st-head-row {
        padding-top: 1em;
    }

        .st-head-row.st-head-row-main {
            font-size: 1.5em;
            padding-top: 0;
        }

    .st-key {
        width: 33.5%;
        text-align: right;
        padding: 0 1.5% 0 0;
        vertical-align: text-top;
    }

    table.stacktable .st-head-row p {
        margin: 0;
    }

    .st-head-row.st-head-row-main,
    .st-head-row {
        background-color: #eee;
        font-size: 1.2em;
        padding: 3px;
        margin: 5px 0 3px 0;
    }

        .st-head-row.st-head-row-main {
            background-color: #ccc;
            font-size: 1.3em;
        }

    table.stacktable .st-key p, table.stacktable .st-val p {
        margin: 2px;
    }

    table.stacktable .st-key {
        background-color: #fff !important;
        color: #000 !important;
    }

        table.stacktable .st-key span {
            background-color: #fff !important;
            color: #000 !important;
        }

        table.stacktable .st-key p {
            text-align: right !important;
        }

    table.stacktable .st-val p {
        text-align: left !important;
    }

    .st-val {
        width: 63.5%;
        padding: 0 0 0 1.5%;
        vertical-align: text-top;
    }
}
/*letters*/
.site-index .bookmarks ul {
    text-align: left;
    margin: 0 auto;
    list-style: none;
}

.site-index .bookmarks li {
    list-style: none;
    display: inline-block;
}

    .site-index .bookmarks li span, .site-index .bookmarks li a {
        padding: 0 4px 0 4px;
    }

    .site-index .bookmarks li a {
        font-weight: bold;
        text-decoration: underline;
    }

    .site-index .bookmarks li span {
        color: #333333;
    }
/*groups*/
.site-index .site-index-list .group h3 {
    margin: 16px 0 0 0;
}

.site-index .site-index-list .group ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

.site-index .site-index-list .group li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-index .group li a {
    line-height: 1.3em;
    padding-bottom: 4px;
}

.site-index .group li img {
    vertical-align: middle;
}

.site-index .col-container .col {
    border-left: 0;
    padding-left: 0;
}



/*search submit button*/
#search-container-r form,
{
    width: 100%;
    text-align: center;
}
#search-container form {
    width: 100%;
}

#search-container-r legend,
#search-container legend {
    position: absolute;
    left: -9999px;
}

.search-container input[type="text"] {
    height: 30px;
    width: 70%;
    max-width: 280px !important;
    padding: 6px;
    border-radius: 5px;
    width: 25%;
    font-size: 85%;
    border: 1px solid #666666;
    background: #fff;
    display: inline-block;
}

.search-container input.searchButton {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: none;
    background: url(/static/css/nero_o/img/icons-search-r.png) no-repeat 5px 5px;
    background-size: 20px 20px;
    margin: 0;
    text-indent: -9000px;
    cursor: pointer;
    background-color: #000F9F;
    border-radius: 5px;
}
@media (min-width: 771px) {
    div.search-desktop .search-container input.searchButton:disabled,
    div.search-desktop .search-container input.searchButton[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666; 
    }
}

div.search-desktop .search-container input.searchButton:disabled:hover,
div.search-desktop .search-container input.searchButton[disabled]:hover {
    cursor: default;
}
/* search results page*/
.search-list {
}

body .search-results .email-page {
    display: none;
}

body .search-results .search-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body .search-results .search-list li {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

body.search-results #main-content .search-list li h4 {
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 1.1em;
}

body .search-results .search-list .subsection {
    color: gray;
    font-size: 12px;
    margin: 0 0 2px 0;
    line-height: 1.1em;
}

body .search-results .search-list .publish-date {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 4px 0;
}

body .search-list .page-link {
    color: green;
    font-size: 12px;
    margin: 2px 0 0 0;
}

body .search-list .teaser {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 4px 0;
}

body .search-list .extension {
    text-transform: uppercase;
}

.search-results .advanced-text {
    background-color: #cbdced;
    padding: 6px 15px 12px 15px;
}

.search-results .search-controls .search-input {
    width: 42%;
    height: 24px;
}

.search-results div.advanced-options {
    padding: 5px 5px 5px 5px;
    height: 100%;
    border: 2px solid black;
}

.search-results div.search-options {
    margin-bottom: 10px;
    padding: 15px;
    background-color: #ecf2f8;
}

.search-results fieldset {
    clear: both;
    margin-top: 5px;
}

.search-results label {
    font-weight: bold;
    margin-right: 4px;
}

.search-results .search-controls label {
}

.search-results .search-options legend {
    display: block;
    width: 99.5%;
    clear: left;
    font-weight: bold;
    font-size: 1.2em;
}

.search-results .search-options label {
    display: inline-block;
    width: 37%;
    margin: 0 0 4px 1.5%;
    clear: left;
    font-weight: normal;
    text-align: right;
}

.search-results .radio.filetype, .search-results .search-options select, .search-results .search-options input, .search-results .search-options .search-input {
    display: inline-block;
    margin: 0 0 4px 1.5%;
}

    .search-results .radio.filetype, .search-results .search-options input[type=text], .search-results .search-options .search-input {
        width: 50%;
    }

.search-results .search-options .radio label {
    width: auto;
    display: inline;
    text-align: left;
    clear: none;
    font-weight: normal;
}

form .search-results .advanced-text input[type="submit"].hide, .search-results .hide {
    display: none;
}

.search-results .advanced-text input[type="submit"], .search-results .search-button {
    display: inline-block;
    margin: 6px 0 5px 1.5%;
    padding: 3px 7px;
    font-weight: bold;
}

.search-button.search-options-button {
    padding: 6px 8px 6px 8px;
    margin-left: 0;
    display: inline-block;
    /*background-color: #eaeaea;*/
    border: 1px solid #0F238C;
    color: #333;
    cursor: pointer;
}

.search-options-button > em {
    font-size: .9em;
    font-weight: normal;
}

.search-results .search-button.search-options-button:after {
    content: " \25B6";
    display: inline;
    width: 20px;
    height: auto;
}

.search-results .search-button.search-options-button.arrow-down:after {
    content: " \25BC";
}

.search-results div.searchResultNumber {
    float: right;
}
/* news category listing block*/

.complex-news-listing .ummsnews-listing p span {
    background: transparent !important;
}

.ummsnews-listing a.fancybox:hover span, a.fancybox-media:hover span {
    background-position: -88px -178px;
}

a.fancybox-buttons:hover span {
    background-position: -155px -178px;
}

.ummsnews-listing a.fancybox {
    position: relative;
    display: inline-block !important;
}

a.fancybox-media {
    position: relative;
    display: block;
}

    .ummsnews-listing a.fancybox span, a.fancybox-media span, a.fancybox-buttons span {
        background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
        height: 50px;
        width: 50px;
        bottom: 20%;
        left: 43%;
        position: absolute;
        z-index: 1000;
    }

.complex-news-listing .news-logo img {
    margin: 0 auto 10px auto;
    display: block;
}

.col4 .complex-news-listing .block.generic.ummsnews-listing {
}

@media(max-width:330px) {
    .complex-news-listing .block.generic.ummsnews-listing {
    }
}

.complex-news-listing .block.generic.ummsnews-listing img {
    border: 2px solid #919191;
}

.ummsnews-listing.newsright a.fancybox-media:after, .ummsnews-listing.newsleft a.fancybox-media:after {
    height: 1px;
    width: 1px;
    clear: both;
    display: block;
    content: ".";
    float: none;
    color: transparent;
}
/* Rss Reader pagination */
.block.rss .prev-next {
    clear: both;
}

    .block.rss .prev-next div {
        display: block;
        float: right;
        width: 40%;
        font: normal 11px/13px sans-serif;
        color: #e0e0e0;
        padding: 4px 8px 4px 8px;
        text-align: right;
    }

        .block.rss .prev-next div:first-of-type {
            float: left;
            text-align: left;
        }

        .block.rss .prev-next div a {
            font: normal 11px/13px sans-serif;
            color: #e0e0e0;
            text-decoration: underline;
        }

.results .stylizedGrid {
}

.block.rss .stylizedGrid fieldset {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.stylizedGrid .header {
    font: normal 11px/13px sans-serif;
    color: #fff;
    font-weight: bold;
}

    .stylizedGrid .header div {
        display: table-cell;
        padding: 4px 8px 6px 10px;
        box-sizing: border-box;
    }

        .stylizedGrid .header div.header-date {
            width: 80px;
        }

.stylizedGrid H2 {
    font-size: 12px;
    padding: 6px 0 10px 10px;
    margin: 0 0 0 0;
    color: #fff;
}

.block.rss .page_navigation {
    padding: 5px 5px 10px 10px;
    min-height: 20px;
    background: #000F9F80;
}

    .block.rss .page_navigation a, .block.rss .alt_page_navigation a {
        padding: 5px 8px;
        margin: 4px;
        color: white;
        text-decoration: none;
        font-family: Tahoma;
        font-size: 11px;
        background-color: #000F9F;
        border: 1px solid #FFFFFF;
        display: inline-block;
    }
        .block.rss .page_navigation a:focus, .block.rss .alt_page_navigation a:focus,
        .block.rss .page_navigation a:active, .block.rss .alt_page_navigation a:active,
        .block.rss .page_navigation a:hover, .block.rss .alt_page_navigation a:hover {
            text-decoration: underline;
            background-color: #FFF;
            color: #000F9F;
        }

    .block.rss .page_navigation span, .block.rss .alt_page_navigation span {
        display: inline-block;
    }

    .block.rss .page_navigation .page_link {
        font-weight: bold;
    }

        .block.rss .page_navigation .page_link.active_page {
            font-size: 12px;
            text-decoration: underline;
            background-color: #FFF;
            color: #000f9f;
        }

.results {
}

.block.rss .rsslist {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    border-top: 2px solid silver;
}

    .block.rss .rsslist li {
        margin: 0 !important;
        padding: 15px 20px !important;
        list-style-type: none;
        background-color: #F8F7F7;
        border-bottom: 1px solid silver;
    }

        .block.rss .rsslist li.alternate {
            background-color: #E5EDF4;
        }

.userlist li .name {
    font-weight: bold;
    font-size: 1.1em;
}

.block.rss .rsslist li .user {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

    .block.rss .rsslist li .user li {
        margin: 0 !important;
        padding: 0 !important;
        list-style-type: none;
        border-bottom: 0;
        background: none !important;
    }
/* *********************************** 
                  HERO 
    ********************************** */
.homepage .hero-wrapper.slider-home {
    width: 100%;
    background-color: #181818;
    position: relative;
    background-size: 100% 100%;
    left: 0;
}

.hero-wrapper.slider-home .container {
    padding: 0;
    margin: 0 auto;
    position: relative;
    background: #181818;
}

.hero-wrapper .bx-wrapper {
    position: relative;
    padding: 0;
    margin: 0 auto;
    z-index: 10;
}

.hero-wrapper .bxslider {
    position: relative;
    margin: 0 auto;
    padding: 0;
}
    /* hide lis on pageload, bxslider js will show/hide */
    .hero-wrapper .bxslider li {
    }

.hero-wrapper.slider-home .bxslider li .block {
    padding: 0;
    position: relative;
}

.hero-wrapper.slider-home .bxslider li .slide-desc p {
    margin-top: 15px;
    line-height: 22px;
}

.hero-wrapper.slider-home .bxslider li .slide-desc a {
    color: #FFF;
    padding-left: 0;
    background: none;
    text-decoration: none;
}

.overlay-bottom .slideText {
    max-width: 100%;
    margin-left: 0;
    text-align: left;
    color: #FFF;
}

/*******Events*********/
.block.events ul > li > .download.pdf img {
    max-width: 25px;
    vertical-align: middle;
}
/******TWITTER MOSAIC STYLES**********/
.twitter-wrap h2 {
    text-align: center;
    margin: 30px 0 15px;
    padding: 0;
}

.twitter-wrap .twitter-feed {
    margin-top: 10px;
}

.twitter-wrap #mf-twitter {
    float: left;
    width: 25%;
    padding-bottom: 3%;
    background-color: #41464b;
    outline: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

    .twitter-wrap #mf-twitter p, .twitter-wrap #mf-twitter p a {
        color: #fff;
        font-family: serif;
        font-style: italic;
        font-size: 19px;
        line-height: 23px;
        text-align: center;
        font-weight: normal;
        opacity: 1;
        transition: all .3s ease;
        z-index: 2;
        position: relative;
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 3px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 210px;
    }

        .twitter-wrap #mf-twitter p.current-tweet {
            font-size: 16px;
            line-height: 21px;
        }

    .twitter-wrap #mf-twitter .icon {
        position: absolute;
        right: 5px;
        bottom: 2px;
        float: right;
    }

    .twitter-wrap #mf-twitter .tweetMask {
        display: block;
        padding: 8px;
    }

    .twitter-wrap #mf-twitter p .fa {
        color: #68aeea;
        font-size: 30px;
    }

    .twitter-wrap #mf-twitter p.meta a, .twitter-wrap #mf-twitter p.umassHandle a, .twitter-wrap #mf-twitter:hover p.umassHandle a, .twitter-wrap #mf-twitter p.meta, .twitter-wrap #mf-twitter p.umassHandle {
        font-style: normal;
        font-family: "Source Sans Pro",sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
    }

    .twitter-wrap #mf-twitter .umassHandle {
        opacity: 0;
        transition: all .3s ease;
        position: absolute;
        top: 50%;
        left: 10%;
        margin-top: -15px;
    }

    .twitter-wrap #mf-twitter:hover .umassHandle {
        opacity: 1;
    }

    .twitter-wrap #mf-twitter:hover p.current-tweet, .twitter-wrap #mf-twitter:hover p.meta {
        opacity: 0;
        z-index: 0;
    }

.fa-twitter:before {
    content: "\f099";
}

.twitter-wrap #mf-twitter .tweet-wrap {
    height: 256px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
/********************
    TWITTER MOSAIC MEDIA QUERIES
*********************/
@media (min-width: 1440px) {
    .events-wrap {
    }

    .twitter-wrap #mf-twitter .tweet-wrap {
        height: 320px !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
}

@media (max-width: 1440px) {
    .box-banner .images {
        width: 1440px;
        position: relative;
        left: 50% !important;
        margin-left: -720px;
    }

    .callout-wrap .callout {
        height: 472px !important;
    }
}

@media (max-width: 1260px) {
    .twitter-wrap #mf-twitter .tweet-wrap {
        height: 280px !important;
    }
}

@media (max-width: 1200px) {
    .navigation li a {
        padding: 17px 14px 14px;
    }
}

@media (max-width: 1150px) {
    .twitter-wrap #mf-twitter .tweet-wrap {
        width: 100% !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .twitter-wrap #mf-twitter .tweet-wrap {
        height: 256px !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
}

/*******************************
    NEW TWITTER MOSAIC STYLES
********************************/
.twitter-mosaic-wrapper {
}

    .twitter-mosaic-wrapper h3 {
        font-size: 1.5em;
    }

twitter-mosaic {
}

.twitter-mosaic.grid {
    display: grid;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

    .twitter-mosaic.grid .tweet-card {
        background-color: #41464b;
        outline: 1px solid #ccc;
        cursor: pointer;
        position: relative;
        background-position: center;
        background-size: cover;
        overflow: hidden;
        display: grid;
    }

        .twitter-mosaic.grid .tweet-card:hover .tweet-card-content{
            opacity:0;
        }

        .twitter-mosaic.grid .tweet-card .tweet-card-background {
            width: 100%;
            object-fit: cover;
            grid-column-start: 0;
            grid-column-end: 1;
            grid-row-start: 0;
            grid-row-end: 1;
            z-index: 1;
            opacity: .2;
        }

        .twitter-mosaic.grid .tweet-card .tweet-card-content {
            z-index: 2;
            grid-column-start: 0;
            grid-column-end: 1;
            grid-row-start: 0;
            grid-row-end: 1;
            padding: 1rem;
            color: #e7e7e7;
            opacity:1;
        }

            .twitter-mosaic.grid .tweet-card .tweet-card-content .tweet-date {
                text-align:center;
                font-size: 1.3em;
                padding-bottom: .5rem;
            }

            .twitter-mosaic.grid .tweet-card .tweet-card-content a {
                color: #fff;
                font-size: 1.1em;
                
            }

        .twitter-mosaic.grid .tweet-card .view-tweet-link {
            grid-column-start: 0;
            grid-column-end: 1;
            grid-row-start: 0;
            grid-row-end: 1;
            align-self: center;
            justify-self: center;
            font-size: 1.5rem;
            
            opacity: 0;
        }
            .twitter-mosaic.grid .tweet-card .view-tweet-link a {
                color: #fff;
            }
        
        /************************************************************************/
            @media only screen and (min-width : 1000px) {
                .UMMS-wrapper .hero-wrapper.slider-home.slider-umms .container {
        max-width: 1200px;
    }

                .UMMS-wrapper .hero-wrapper.slider-home.slider-umms .bx-viewport {
                    max-height: 326px;
                    overflow: hidden;
                    min-height: 250px;
                }
}

@media only screen and (min-width : 580px) {
    .overlay-bottom:not(.narrow) .slideText {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
    }

    .overlay-bottom.narrow .slideText {
        background-color: #35374D;
    }
}

@media only screen and (max-width: 999px) {
    .hero-wrapper.slider-home .container {
        max-width: 100%;
    }

    .hero-wrapper.slider-home .bx-viewport {
        max-height: 326px;
        overflow: hidden;
        min-height: 220px;
    }
}

@media only screen and (max-width: 580px) {
    .hero-wrapper.slider-home .bx-viewport {
        max-height: none;
        min-height: none;
    }

    .overlay-bottom .slideText {
        position: relative;
    }
}

.col .block.generic.table-223e99-blue {
    border: 3px solid #000F9F;
}

    .col .block.generic.table-223e99-blue h3 {
        background-color: #000F9F;
        color: #fff;
        margin: 0 0 0 0;
        padding: 4px 8px;
    }

.main-cols .col .block.generic.table-223e99-blue {
    padding: 0;
}

.col .block.generic.table-223e99-blue ul {
    padding: 0;
    margin: 0 0 8px 8px;
    list-style: none;
}

.block .img-header {
    margin-bottom: 15px;
}

    .block .img-header img {
        max-width: 100%;
        height: auto;
    }

.vertical-container-full {
    padding: 10px 15px;
}
/*************************************************
***** MEGA MENU **********************************
**************************************************/
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below)   
    height: 0; */
    width: 100%;
    position: absolute; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 190px;
    background-color: rgb(220,220,220); /* Black fallback color */
    background-color: rgba(220,220,220, 1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0 4px 25px -2px #000000;
    -moz-box-shadow: 0 4px 25px -2px #000000;
    box-shadow: 0 4px 25px -2px #000000;
}
/* Position the content inside the overlay */
.menu-wrapper {
    position: relative;
    max-width: 1200px; /* 100% width */
    margin: 0 auto;
    overflow: hidden;
    min-height: 400px;
    padding: 10px;
}

#main-nav-r #main-nav > ul > li > a, #main-nav-r #main-nav > ul > li > span, nav#main-nav > ul.ul1 > li.li1 > .top-item {
    display: block;
}

.main-nav-desktop > nav > ul.ul1 > li.li1.img {
    vertical-align: middle;
}

#main-nav-r #main-nav > ul > li.opened > ul, #main-nav-r #main-nav > ul > li.opened > ul > li.opened > ul, nav#main-nav > ul.ul1 > li.li1.opened .overlay-content {
    display: block;
}

    #main-nav-r #main-nav > ul > li:not(.opened) > ul, #main-nav-r #main-nav > ul > li.opened > ul > li:not(.opened) > ul, nav#main-nav > ul.ul1 > li.li1:not(.opened) .overlay-content {
        display: none;
    }

.overlay-content .meganav-overlay-header h3 {
    font-family: Sarabun, sans-serif;
    font-weight: 800;
    font-size: 34px;
    color: #000F9F;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    margin-bottom: 20px;
}

#myNav a.closebtn {
    font-size: 300%;
}

#main-nav .main-nav ul li .bg img, #main-nav .utility-nav-nav .utility-nav li img, .utility-desktop .utility-nav-nav .utility-nav li img {
    max-height: 30px;
}

.utility-desktop .utility-nav-nav .utility-nav li img {
    vertical-align: bottom;
}

@media only screen and (min-width: 771px) {
    .overlay-content {
        margin: 0;
        position: absolute;
        left: 3%;
        width: 93%;
        max-width: 970px;
        text-align: left;
        /*overflow: hidden; let the ULs extend*/
        display: none;
        padding: 15px;
        background-color: #F2F2F2;
        z-index: 999;
    }

    #main-nav.megamenu .overlay-content .block.generic a.read-more {
        display: inline-block;
        padding: 8px;
        background-color: #000F9F;
        color: #FFF;
        margin: 0 0 8px 0;
        width: auto;
    }

    #main-nav.megamenu .overlay-content .meganav-overlay-menu li a {
        text-decoration: none;
        font-size: 22px;
        color: #000F9F;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
        line-height: normal;
        cursor: pointer;
        padding: 8px;
    }


    #main-nav.megamenu .overlay-content .meganav-overlay-menu li li a {
        font-size: 18px;
    }

    .meganav-overlay-menu li a.has-children::after {
        position: relative;
        top: -2px;
        content: "";
        display: inline-block;
        /* By using an em scale, the arrows will size with the font */
        width: 0.3em;
        height: 0.3em;
        border-right: 0.2em solid #666;
        border-top: 0.2em solid #666;
        transform: rotate(45deg);
        margin-left: 0.3em;
    }

    nav#main-nav > ul.ul1 > li.li1 {
        display: table-cell;
    }

        nav#main-nav > ul.ul1 > li.li1 > .top-item {
            text-align: center;
            font-size: 90%;
        }

    .main-nav-desktop .main-nav ul.ul1 > li.li1 {
        padding: 0;
    }

    .main-nav-desktop .main-nav > ul.ul1 > li.li1 > .top-item {
        display: block;
        text-transform: uppercase;
    }

    .main-nav-desktop .main-nav > ul.ul1 > li.li1:not(.img) .top-item {
        padding: 11px 8px;
    }

    .main-nav-desktop .main-nav > ul.ul1 > li.li1.img .top-item {
        padding: 4px 4px;
    }

    .overlay {
        top: 186px;
    }

    .main-nav-desktop .main-nav li span.noblock {
        display: none;
        width: unset;
        text-decoration: none;
        font-size: unset;
        line-height: unset;
    }

    .overlay-content .block.generic {
        width: 31%;
        margin-right: 2%;
        float: left;
    }

        .overlay-content .block.generic h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic h4 {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic p {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 10px;
        }

    .main-nav-desktop .main-nav li span.noblock + .meganav-overlay-menu {
        width: 100%;
        float: unset;
        position: relative;
    }

    .main-nav-desktop .main-nav li .block.generic + .meganav-overlay-menu {
        width: 66%;
        float: right;
        position: relative;
    }

    .overlay-content .meganav-overlay-menu ul.lvl1 {
        width: 50%;
        margin: 0 2% 0 2%;
        padding: 0;
        float: left;
    }

        .overlay-content .meganav-overlay-menu ul.lvl1 > li > span {
            display: block;
        }

        .overlay-content .meganav-overlay-menu ul.lvl1 li {
            list-style: none;
            margin: 0;
            position: relative;
            font-family: Sarabun;
            font-weight: 800;
        }

    .overlay-content .meganav-overlay-menu ul.lvl2 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
        padding: 0 10px 10px 10px;
        background-color: #F2F2F2;
        border-left: 1px solid gray;
    }

    .overlay-content .meganav-overlay-menu ul.lvl1 li.opened ul.lvl2 {
        display: block;
    }

    /* When you mouse over the navigation links, change their color */
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li a:not(.has-children):hover,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li a:not(.has-children):focus,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li a:not(.has-children):active {
        color: dimgray;
        text-decoration: underline;
    }

    #main-nav.megamenu .overlay-content .meganav-overlay-menu li .has-children {
        color: #666;
    }

    #main-nav.megamenu .overlay-content .meganav-overlay-menu li.opened:hover .has-children,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li.opened .has-children {
        color: #eee;
        padding: 8px;
        background-color: gray;
    }
}

@media only screen and (max-width: 770px) {
    /*ersponsive*/
    nav#main-nav > ul > li > span,
    nav#main-nav > ul > li > a {
    }

    nav#main-nav > ul > li.has-children > span,
    nav#main-nav > ul > li.has-children > a {
        /* color: #333;*/
    }

    nav#main-nav > ul > li span,
    nav#main-nav > ul > li a {
        display: block;
        font-size: 1.2em;
        padding: 10px 10px 0 0;
    }

    nav#main-nav > ul > li > ul {
        position: relative;
        max-width: 100%;
        text-align: left;
        margin: 0 1px 0 1px;
        /* border: 1px solid #666;*/
    }

        nav#main-nav > ul > li > ul > li > ul {
            margin: 0 0 0 15px;
        }

    #main-nav-container .overlay-content .noblock {
        display: none;
    }

    #main-nav-r #main-nav > ul > li,
    #main-nav > ul {
        margin-top: 5px;
    }

    nav#main-nav > ul > li {
        /*background-color: #666;*/
        margin: 10px 0;
        position: relative;
    }

        nav#main-nav > ul > li > a,
        nav#main-nav > ul > li > span {
            padding: 0 0 0 10px;
            display: inline-block;
            font-size: 1.32em;
            /*color: #333;*/
            padding: 10px 0;
        }

    #main-nav-r #main-nav li > .has-children:after {
        /*content: "\25b6";*/
        display: inline-block;
        content: " + ";
        width: auto;
        background-color: #666;
        color: #fff;
        padding: 5px 10px;
        text-align: right;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-size: 1em;
        float: right;
    }

    #main-nav-r #main-nav li.opened > .has-children:after {
        /*content: "\2BC6";*/
        content: " - ";
    }

    /* The navigation links inside the overlay */
    .overlay {
        top: 0;
        position: relative; /* Stay in place */
    }

    .overlay-content {
        position: relative;
        max-width: 100%;
        text-align: left; /* Centered text/links */
        padding: 0;
        margin: 0 1px 0 1px;
        display: none;
        padding-top: 15px;
        /*border: 1px solid #666;*/
    }

        .overlay-content .meganav-overlay-header,
        .overlay-content .block.generic,
        .overlay-content .noblock {
            display: none;
        }

        #main-nav ul ul > li > span,
        .overlay-content .meganav-overlay-menu ul.lvl1 > li > span {
            display: block;
        }

        #main-nav ul ul li,
        .overlay-content .meganav-overlay-menu ul.lvl1 li {
            list-style: none;
            margin: 0 0 15px 0;
        }

    #main-nav ul ul ul,
    #menu .overlay-content .meganav-overlay-menu ul.lvl2 {
        display: none;
        padding: 15px 0 0 15px;
    }

    #main-nav ul li a,
    #main-nav ul li span,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li a,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li span {
        padding: 0;
        font-size: 1.2em;
    }

    /* The navigation links inside the overlay */
    #main-nav ul li,
    #main-nav.megamenu .overlay-content .meganav-overlay-menu li {
        text-transform: initial;
    }

        #main-nav ul > li.opened > ul,
        #main-nav ul ul li.opened ul,
        #main-nav.megamenu .overlay-content .meganav-overlay-menu li.opened ul.lvl2 {
            display: block;
        }

    #main-nav li img {
        vertical-align: middle;
    }
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover:not(.has-children), .overlay a:focus:not(.has-children) {
    text-decoration: underline;
}

#main-nav.megamenu .overlay-content .meganav-overlay-menu li .has-children:hover, #main-nav.megamenu .overlay-content .meganav-overlay-menu li .has-children:focus {
    color: #000F9F;
}

#main-nav.megamenu .overlay-content .meganav-overlay-menu li .has-children {
    color: #666;
}
/* Position the close button (top right corner) */
.closebtn {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 25px;
    color: #fff;
    width: 32px;
    height: 32px;
    color: #404040;
}

    .closebtn:hover {
        color: #000F9F;
    }
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}

#main-nav-r .main-nav > ul > li > a {
    font-weight: bold;
}

#main-nav-r .main-nav > ul > li > span, #main-nav-r .main-nav > ul > li > a {
    font-weight: bold;
}

.main-nav ul.ul1 > li:first-child {
    text-align: left;
}

.desktop .main-nav ul.ul1 > li > span {
    text-align: center;
}

#main-nav .main-nav ul > li > span, #main-nav .main-nav ul > li {
    cursor: pointer;
}

.desktop .main-nav ul.lvl2 {
    display: none;
}

.main-nav ul.lvl2 > li {
    width: auto;
    cursor: pointer;
    text-align: left;
}

.main-nav ul.lvl3 > li {
    width: auto;
    cursor: pointer;
    text-align: left;
}
/*********** END OF MEGA MENU STYLES ************************/
.block.news-articles.recent-posts:after {
    clear: both;
    content: " ";
    display: block;
}

.news-articles ul, .news-articles ol {
    margin: 5px 0 24px 0;
    list-style: none;
    padding-left: 0;
    line-height: 28px;
}

    .news-articles ul li, .news-articles ol li {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style: none;
        line-height: 1.4em;
    }

.news-articles .post-list li .thumbnail {
    float: left;
    width: 25%;
    margin-right: 3%;
    padding: 0 0 10px 0;
    clear: left;
}

    .news-articles .post-list li .thumbnail img {
        max-width: 100%;
        margin-top: 5px;
    }

    .news-articles .post-list li .thumbnail + .post-date {
        float: right;
        width: 71%;
        padding: 5px 0 10px 0;
    }

.news-articles .post-list li a {
    font-weight: bold;
}

.news-articles .post-list li .post-date div {
    color: #666;
    padding-top: 5px;
}

#editor-text {
    background: #eee;
    border: 1px solid silver;
    padding: 20px;
    margin: 0 0 10px 0;
}

.width10 {
    width: 9.5%;
}

.width20 {
    width: 19.5%;
}

.width25 {
    width: 24.5%;
}

.width30 {
    width: 29.5%;
}

.width40 {
    width: 39.5%;
}

.width50 {
    width: 49.5%;
}

.width60 {
    width: 59.5%;
}

.width70 {
    width: 69.5%;
}

.width75 {
    width: 74.5%;
}

.width80 {
    width: 79.5%;
}

.width90 {
    width: 89.5%;
}

.width100 {
    width: 99.5%;
}

@media only screen and (max-width: 768px) {
    .width10,
    .width20,
    .width25,
    .width30 {
        width: 49.5%;
    }

    .width40,
    .width50,
    .width60,
    .width70,
    .width75,
    .width80,
    .width90 {
        width: 99.5%;
    }
}

@media only screen and (max-width: 480px) {
    .width10,
    .width20,
    .width25,
    .width30 {
        width: 99.5%;
    }
}

a.locked, a.icon-pdf, a.icon-word {
    display: inline-block;
}

    a.locked:after, a.icon-pdf:after, a.icon-word:after {
        display: inline-block;
        width: 15px;
        height: 15px;
        content: " ";
        margin: 0 3px 0 3px;
    }

    a.locked:after {
        background: url(/globalassets/global-images-and-files/images/icons/lock-green.png) no-repeat 0 0;
        background-size: 15px;
    }

    a.icon-pdf:after {
        background: url(/globalassets/global-images-and-files/images/icons/pdficon.gif) no-repeat 0 0;
        background-size: 15px;
    }

    a.icon-word:after {
        background: url(/globalassets/global-images-and-files/images/icons/ms_word_doc_icon-16.png) no-repeat 0 0;
        background-size: 15px;
    }

body .bttn, body a.bttn {
    background-color: #0B5B46;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 105%;
    line-height: 1.2em;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    width: auto;
    min-width: 125px;
}

    body .bttn:hover, body .bttn:active, body .bttn:focus {
        background-color: #062d23;
    }
    /* archived for buttons not updated to one, two, etc */
    body .bttn.blue {
        color: #fff;
        background-color: #000F9F;
    }

        body .bttn.blue:hover, body .bttn.blue:active, .body .bttn.blue:focus {
            background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        }

    body .bttn.gray {
        color: #000;
        background-color: silver;
    }

        body .bttn.gray:hover, .body .bttn.gray:active, body .bttn.gray:focus {
            color: #000;
            background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        }

    body .bttn.orange {
        color: #000;
        background-color: #C2540A;
    }

        body .bttn.orange:hover, .body .bttn.orange:active, body .bttn.orange:focus {
            color: #000;
            background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        }

    body .bttn.blue2 {
        color: #FFF;
        background-color: #0071CE;
    }

        body .bttn.blue2:hover, .body .bttn.blue2:active, body .bttn.blue2:focus {
            color: #FFF;
            background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        }

    body .bttn.aqua {
        color: #000;
        background-color: #84DADE;
    }

        body .bttn.aqua:hover, .body .bttn.aqua:active, body .bttn.aqua:focus {
            color: #000;
            background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
        }

input.securesite {
    background: #1e50a3;
    background: -moz-linear-gradient(top, #3a66ac 0, #1e50a3 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3a66ac 0, #1e50a3 100%);
    background-image: -webkit-linear-gradient(top, rgb(58, 102, 172) 0, rgb(30, 80, 163) 100%);
}

input.securesite, input[type="submit"].securesite {
    border: 2px solid #062d23;
    padding: 8px 15px;
}

    input.securesite.off, input[type="submit"].securesite.off {
        border: 2px solid silver;
        padding: 8px 15px;
    }
/* PRE CODE */
code[class*="language-"], pre[class*="language-"] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

    pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
        text-shadow: none;
        background: #b3d4fc;
    }

    pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
        text-shadow: none;
        background: #b3d4fc;
    }

@media print {
    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}
/* Quick layouts - templates */
table.alt-row {
    border: 1px solid #333;
}

    table.alt-row tr {
        border: 0;
        margin: 0;
        padding: 6px;
        position: relative;
    }

    table.alt-row th, table.alt-row td {
        border: 0;
        margin: 0;
        padding: 6px;
        position: relative;
        border-left: 1px solid #666;
    }

    table.alt-row th {
        font-weight: bold;
    }

    table.alt-row tr:nth-child(even) {
        background-color: #e0e0e0;
    }

    table.alt-row.first-col-highlight tr > td:first-child {
        background-color: burlywood;
    }

    table.alt-row tr > th:first-child, table.alt-row tr > td:first-child {
        border-left: 0;
    }

table.content {
    border: 1px solid #000F9F;
    margin: 0 0 1.8em 2px;
    padding: 0;
    position: relative;
}

    table.content td {
        border: 0;
        margin: 0;
        padding: 6px;
        position: relative;
    }

    table.content h3 {
        background-color: #000F9F;
        color: #fff;
        margin: 0;
        padding: 4px 8px;
    }

    table.content UL, table.content OL {
        margin: 6px 0 6px 12px;
        padding: 0 0 0 0;
    }

    table.content LI {
        margin: 0 0 0 12px;
        padding: 0 0 4px 0;
    }

.global-alert {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 1rem;
}

    .global-alert.global-alert-dark p {
        margin: 0 auto;
        max-width: 100%;
        padding: 18px 25px;
    }

        .global-alert.global-alert-dark p:nth-child(odd) {
            background-color: #404040;
            color: #FFFFFF;
        }

            .global-alert.global-alert-dark p:nth-child(odd) a {
                color: #FFFFFF;
            }

        .global-alert.global-alert-dark p:nth-child(even) {
            background-color: #ffc629;
            color: #000
        }

            .global-alert.global-alert-dark p:nth-child(even) a {
                color: #000;
            }

    .global-alert.global-alert-dark a {
        font-family: 'Sarabun';
        font-weight: 800;
    }

    .global-alert.global-alert-dark .info-text {
        font-family: 'Sarabun';
        font-weight: 800;
        color: #FFC629 !important;
    }

.ie11-alert {
    width: 100%;
    background-color: #feffcd;
}

    .ie11-alert > div {
        padding: 18px 8px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 1rem;
    }

@media (min-width:1001px) {
    .ie11-alert > div {
        max-width: 1200px;
    }
}

.grid-list {
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

ul.grid-list {
    padding: 0;
}

.pride-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pride-list-grouping {
    font-size: 1.5rem;
    color: #000F9F;
}

.pride-list h3 {
    font-size: 1rem;
    color: #333;
}

.pride-list > li {
    display: block;
    border: 1px solid #a6a6a6;
    padding: 10px;
    box-shadow: inset 0 1px 0 #fff;
    margin: 0;
}

    .pride-list > li > div {
    }

        .pride-list > li > div > div {
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.block.search-taxonomy ul.list.grid-list {
    margin-bottom: 24px;
}

.pride-list .profile-img img {
    max-height: 250px;
    max-width: 100%;
}

*:not(#col-1) .grid-list.small,
*:not(#col-3) .grid-list.small {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

*:not(#col-1) .grid-list.medium,
*:not(#col-3) .grid-list.medium {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

*:not(#col-1) .grid-list.large,
*:not(#col-3) .grid-list.large {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}

.full-container .taxonomy-list {
    padding: 0 1rem;
}

@media (max-width: 770px) {
    *:not(#col-1) .grid-list.small,
    *:not(#col-3) .grid-list.small,
    *:not(#col-1) .grid-list.medium,
    *:not(#col-3) .grid-list.medium,
    *:not(#col-1) .grid-list.large,
    *:not(#col-3) .grid-list.large {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    *:not(#col-1) .taxonomy-list,
    *:not(#col-3) .taxonomy-list {
        padding: 1rem;
    }
}

#col-1 .grid-list, #col-3 .grid-list {
    grid-template-columns: 1fr !important;
}

/*optinal class to remove clamping headlines*/
.unset-clamp .line-clamp.line-clamp-header h3 {
    -webkit-line-clamp: unset;
}

.line-clamp p,
.line-clamp h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .line-clamp.line-clamp-header h3 {
        -webkit-line-clamp: 2;
    }

    .line-clamp.line-clamp-teaser p {
        -webkit-line-clamp: 3;
    }

.news-card .line-clamp.line-clamp-header h3 {
    margin-bottom: 0;
    line-height: 1.55rem;
    padding-bottom: 0.25rem;
}

.grid-list > li {
    list-style: none;
}

.grid-list > li > a,
.grid-list li > .card-wrapper {
    padding: 0;
    border: 1px solid #eee;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    /*display: grid;
        grid-template-rows: auto 1fr;*/
}

    .grid-list li > a.news-card-link:hover article {
        background-color: #e2e3e4;
    }

.grid-list > li > a:hover {
    text-decoration: none !important;
}

    .grid-list li > .card-wrapper:hover article {
        background-color: #e2e3e4;
    }

    .grid-list li > .card-wrapper:hover {
        text-decoration: none !important;
        cursor: pointer;
    }

/*this is causing an error and the min files can't be created
    @supports not (:hover) {
    .grid-list li > .card-wrapper h2, .grid-list li > .card-wrapper h3 {
        text-decoration: none;
        color: #000F9F;
    }
}*/

.grid-list li > .card-wrapper:hover header {
    background-color: #000;
}

.grid-list li > .card-wrapper:hover img {
    opacity: .25;
}

.grid-list li > .card-wrapper .news-article-date {
    font-size: .9rem;
    color: #727272;
    font-weight: 600;
    margin-bottom: -.125rem;
}

.horizfullwidthblock ul.grid-list li.news-card > .card-wrapper > article,
.grid-list li > .card-wrapper > article {
    padding: 0.5rem;
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    background-color: #fff;
    color: #000;
}

    .grid-list li > .card-wrapper > article .categories {
        color: #a2a2a2;
        text-transform: uppercase;
    }

    .horizfullwidthblock ul.grid-list li.news-card > .card-wrapper > article .read-more,
    .grid-list li > .card-wrapper > article .read-more {
        line-height: 2.5rem;
        color: #000F9F;
    }

        .grid-list li > .card-wrapper > article .read-more:hover {
            text-decoration: underline;
        }

    .grid-list li > .card-wrapper > article > div:first-child {
        padding-bottom: .5rem;
        flex: 0 1 auto;
    }

    .grid-list li > .card-wrapper > article > div:nth-child(2) {
        flex: 1;
        margin-bottom: .5rem;
    }

    .grid-list li > .card-wrapper > article > div.teaser {
        flex: 0 1 auto;
        color: #000;
    }

        .grid-list li > .card-wrapper > article > div.teaser p {
            margin: 0 !important;
        }

.grid-list li > .card-wrapper > header {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    flex: 0 1 auto;
}

.grid-list .card-wrapper > header img {
    min-width: 100% !important;
    max-width: 100% !important;
    object-fit: contain;
    margin-bottom: 0;
    border: none;
}

    .grid-list .card-wrapper > header img.header-image {
        min-width: 100%;
        max-width: 100% !important;
        height: 100%;
        object-fit: contain;
    }
        .grid-list .card-wrapper > header img.header-image.js-lazy-header {
            position: absolute;
            left: 0;
            top: 0;
        }

        .grid-list li > .card-wrapper > article h2:hover, .grid-list li > .card-wrapper > article h3:hover {
            text-decoration: underline;
        }

.grid-list li > .card-wrapper > article .card-tags {
    border-top: 1px solid #efefef;
}

svg.close {
    opacity: 0;
    display: none;
}

svg.show {
    opacity: 1;
}

.showmail {
    cursor: pointer;
}

.edit-page-button {
    display: none;
}

@media (min-width: 990px) {
    .edit-page-button {
        display: block;
        position: fixed;
        top: 0px;
        right: 8px;
        z-index: 9999;
    }

        .edit-page-button > a {
            background-color: rgba(238,238,238,0.8);
            padding: .5rem;
            color: #000F9F;
            display: flex;
            align-items: center;
            justify-content: center;
            border-color: #e6e7e6;
            border-style: solid;
            border-width: 1px;
            border-top: none;
            box-shadow: 0px 4px 5px -3px #ccc;
        }

        .edit-page-button svg {
            width: 22px;
            height: 22px;
        }
}

.filtered-bloglist {
    padding: 0 !important;
}

    .filtered-bloglist ul {
        padding: 0;
        margin: 0;
    }

        .filtered-bloglist ul li {
            display: block;
            padding: .5rem 0;
        }

/*error 404 content*/
.error-page #header-main #logo {
    max-width: 380px;
    margin: 30px auto 25px auto;
}
.error-page #main-content {
    max-width: 780px;
    margin: 1em auto;
}
.error-page .notfoundbox,
.error-page #main-content h1,
.error-page #main-content .notfoundbox {
    text-align: center;
}

/* ****** PULL QUOTE ****** */
@media screen and (max-width: 770px) {
    .pull-quote {
        grid-column: 2/4;
        justify-content: center;
        align-content: center;
        background-color: #e5e7f5;
        padding: 30px;
        margin-bottom: 25px;
    }

    .quote {
        color: #0d1358;
        font-size: 1.175em;
        font-weight: bold;
        align-self: center;
        justify-self: center;
        text-align: center;
    }

    .quote-author {
        color: #0d1358;
        font-size: 1.025em;
        text-align: center;
    }
}
@media screen and (min-width: 771px) {
    .pull-quote {
        float: right;
        background-color: #e5e7f5;
        margin: 0 0 25px 25px;
        padding: 30px;
        width: 40%;
    }

    .quote {
        color: #0d1358;
        font-size: 1.175em;
        font-weight: bold;
        text-align: left;
    }

    .quote-author {
        color: #0d1358;
        font-size: 1.025em;
        text-align: left;
    }
}
#main-content p.quote-author {
    margin-bottom: 0;
}
#main-content p.quote {
    margin-bottom: 13px;
}
.news-articles blockquote.pull-quote {
    width: 40%
}
/* ****** END PULL QUOTE ****** */

/* ****** This needs to be after pull quote ****** */
.large {
    font-size: 1.175em;
    line-height: 1.6em;
}
.larger {
    font-size: 1.275em;
    line-height: 1.6em;
}
.largest {
    font-size: 1.375em;
    line-height: 1.6em;
}
.col.sidebar .block.generic {
    padding: 10px 0;
    margin-bottom: 25px;
}
    .col.sidebar .block.generic p {
        margin-top: 5px;
    }

.block {
    clear: both;
    margin-bottom: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    /***** GENERIC BLOCK *****/
    /* LEFT ALIGNED GENERIC BLOCK */
    .block.generic.left {
        text-align: left;
    }

        .block.generic.left img {
            float: left;
            margin-right: 10px;
        }
    /* RIGHT ALIGNED GENERIC BLOCK */
    .block.generic.right {
        text-align: right;
    }

        .block.generic.right img {
            float: right;
            margin-left: 10px;
        }

.col.sidebar .block.generic ul {
    margin: 0 0 8px 15px;
}

.block.subnav-menu > ul,
.col.sidebar .block.subnav-menu > ul,
.col.sidebar .block.generic > ul {
    padding-left: 0;
}

.block.generic .subnav-menu ul,
.col.sidebar .block.generic .subnav-menu ul {
    margin: 0 0 8px 0;
    padding-left: 0;
}

.col.sidebar .block.generic li {
    margin: 0 0 8px 15px;
}

.col.sidebar .block.generic > ul > li {
    margin: 0 0 8px 0;
}

.block.generic .subnav-menu ul li,
.col.sidebar .block.generic .subnav-menu ul li {
    margin: 0 0 8px 0;
}
/* CENTER ALIGNED GENERIC BLOCK */
.block.generic.center {
    text-align: center;
}
/* IMAGE MAX WIDTHS */
.block.generic img {
    max-width: 100%;
    margin-bottom: 10px;
}

.block.generic a.read-more {
    font-size: 94%;
}

/* GENERIC LISTING  */
/* RARE DISEASE  */
.block.rare-disease-collection > ul,
.block.generic-listing > ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

    .block.rare-disease-collection > ul > li,
    .block.generic-listing > ul > li {
        list-style: none;
        margin-bottom: 8px;
    }

#main-content .block.generic-listing > ul > li > h4 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 1px 0;
}

#main-content .block.rare-disease-collection > ul > li p,
#main-content .block.generic-listing > ul > li p {
    margin-bottom: 4px;
}
/*RARE DISEASE*/

#main-content .block.rare-disease-collection > ul > li .header > h2 {
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 1px 0;
}

#main-content .block.rare-disease-collection > ul > li .header > p {
    font-size: 95%;
}
/* LINK LIST (COLLECTION) */
.block.link-list ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    margin-top: 0;
}

.block.link-list > ul > li {
    margin: 0 0 5px 0;
}

/* LATEST NEWS LISTING*/
.block.latest-news {
    margin-bottom: 25px;
}

    .block.latest-news .latest-news-content ul {
        list-style: none;
        margin-left: 0;
        padding: 0;
    }

    .block.latest-news .latest-news-content > ul > li {
        margin: 0 0 5px 0;
    }

    .block.latest-news a.read-more {
        font-size: 94%;
    }

/* COMPLEX NEWS LISTING PAGE AND NEWSMAKERS */
.complex-news-listing {
    border-top: 1px solid #CCC;
    padding-top: 15px;
    background-color: #fff;
}

.horizfullwidthblock .complex-news-listing .block.generic.ummsnews-listing {
    padding: 0px 15px 15px;
}

.complex-news-listing h1 {
    margin-bottom: 10px;
    font: bold 22px Sarabun, sans-serif;
    color: #222;
    text-transform: uppercase;
}

.complex-news-listing .block.generic.ummsnews-listing h3 {
    margin-bottom: 10px;
}

.complex-news-listing .block.generic.ummsnews-listing p {
    margin-bottom: 24px;
}


.complex-news-listing a.archives {
    display: block;
    margin-bottom: 15px;
    text-decoration: underline;
}

.complex-news-listing .block.generic.ummsnews-listing img {
    border: 2px solid #919191;
}

.complex-news-listing .block.generic.ummsnews-listing a.read-more {
    display: block;
}

    .complex-news-listing .block.generic.ummsnews-listing a.read-more:before {
        content: " ";
        width: 9px;
        height: 9px;
        background: #F89829;
        margin-right: 5px;
        display: block;
        float: left;
        font-size: 10px;
        margin-top: 5px;
    }

    .complex-news-listing .block.generic.ummsnews-listing a.read-more:after {
        content: " \00bb";
        font-size: 16px;
        color: #CE9933;
    }

/* HERO SLIDERS */

/* JQUERY CYCLERS */
.hero-wrapper .cycler {
    display: inline-block;
    overflow: hidden;
    margin: 0 1.5% 15px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .hero-wrapper .cycler img {
        border: 0 solid gray
    }

    .hero-wrapper .cycler a {
        text-decoration: none;
    }

    .hero-wrapper .cycler .caption a {
        display: block;
        text-align: center;
        padding: 8px;
        margin: 6px 0 0 0;
        color: #FFF;
        font-size: 100%;
        line-height: 108%;
        background: #35374D;
    }

        .hero-wrapper .cycler .caption a:hover {
            color: #6DB1CD;
        }

/* SLIDERS */
.hero-wrapper.cycler-parent:not(.hidePager) {
    padding-bottom: 30px;
}

.hero-wrapper.cycler-parent.hidePager {
    padding-bottom: 0;
}

#section-top .hero-wrapper.cycler-parent.hidePager {
    margin-bottom: 0;
}

.bx-viewport .bxslider li .block:not(.video) {
    padding: 0;
    margin: 0;
}

.bxslider li .block.video {
    padding: 10px 0;
    margin: 0;
}

.bx-viewport ul.bxslider {
    padding: 0;
    margin: 0;
}

.bx-viewport .bxslider a.fancybox-buttons span,
.bx-viewport .bxslider a.fancybox-media span {
    bottom: 46%;
}

/*** basic hero slider defaults ****/
.main-cols .hero-wrapper {
    margin-bottom: 40px;
    clear: both;
    z-index: 10;
    position: relative;
}

.slideText h1, .slideText h2, .slideText p, .slideText .read-more, .slideText a.read-more {
    color: #FFF;
}

.hero-wrapper.slider-overlay .bx-wrapper .slideText .inner-container a.read-more {
    text-transform: uppercase;
}

.center .slideText {
    text-align: left;
}

.slideText > h2,
.slider-news .slideText h1 {
    font-size: 130%;
    margin: 0 0 5px 0;
    font-weight: bold;
    padding: 0;
    line-height: 1.5em;
    text-shadow: none;
}





.hero-wrapper.slider-news a.fancybox-media {
    /*left: 585px;  2016-11-16 LCR issue with herolider video */
    bottom: unset;
}

.col-top .hero-wrapper.slider-overlay .bxslider li img, .col-top .hero-wrapper.slider-full .bxslider li img {
    width: 100%;
}

/* overlay bottom */
.hero-wrapper.overlay-bottom .inner-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.hero-wrapper.overlay-bottom:not(.hideControls) .bx-wrapper .slideText .inner-container {
    width: 100%;
}

.hero-wrapper.slider-overlay .bx-wrapper .slideText .inner-container a.read-more {
    padding: 12px;
    background-color: #000F9F;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: 1px solid #000F9F;
}

.hero-wrapper.slider-overlay:not(.narrow) .bx-wrapper .slideText .inner-container a.read-more {
    min-width: 200px;
    font-size: 1.125em;
}

.hero-wrapper.slider-overlay.narrow .bx-wrapper .slideText .inner-container a.read-more {
    font-size: .9em;
}

.hero-wrapper.slider-overlay .bx-wrapper .slideText .inner-container a.read-more:hover {
    background-color: #024184;
    border: 1px solid #e7e5e5;
}


@media only screen and (min-width : 771px) {
    /*hero-wrapper slider-overlay clearfix cycler-parent width-theme overlay-bottom auto*/
    .hero-wrapper.width-theme {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto 10px auto;
    }

    .col-top .hero-wrapper:not(.narrow) .bx-viewport,
    .main-cols.full .hero-wrapper:not(.narrow) .bx-viewport,
    .col-top .hero-wrapper:not(.narrow) .bxslider li,
    .main-cols.full .hero-wrapper:not(.narrow) .bxslider li {
        overflow: hidden;
        max-height: 600px;
        border-radius: 20px;
    }

    .col-top .hero-wrapper:not(.slider-umms,.slider-news) .bx-viewport .bxslider a.fancybox-buttons span,
    .col-top .hero-wrapper:not(.slider-umms,.slider-news) .bx-viewport .bxslider a.fancybox-media span {
        bottom: unset;
        top: 46%;
        left: 50%;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-controls-direction {
        position: absolute;
        left: 0;
        bottom: 14px;
        width: 120px;
    }

    .hero-wrapper.overlay-bottom.narrow .bx-controls-direction {
        position: relative;
        width: 100%;
        background-color: #35374d;
    }

    .overlay-bottom:not(.narrow) .bx-controls {
        max-width: 1200px;
        z-index: 300;
        position: relative;
        margin: 0 auto;
    }

    .overlay-bottom .bx-controls a.bx-prev, .overlay-bottom .bx-controls a.bx-next {
        font-size: 210%;
        color: silver;
        text-indent: 0;
        pointer-events: auto;
        /*border: 1px solid silver;*/
        /*padding: 8px 8px;*/
        display: inline-block;
        margin-right: 8px;
        transition: .3s;
        text-decoration: none;
        position: relative;
        /*background: rgba(0,0,0,.2);*/
        margin-top: 0;
        /*margin: 0 10px 10px 0;*/
        width: 37px;
        height: 37px;
        opacity: 1;
        z-index: 5;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container.displayAsTbl {
        display: table;
    }

    .hero-wrapper.overlay-bottom:not(.hideControls):not(.narrow) .bx-wrapper .slideText .inner-container {
        padding-left: 120px;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .displayAsTblCell {
        display: table-cell;
        vertical-align: top;
    }

        .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .displayAsTblCell.textarea {
            padding-right: 15px;
        }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .morelink {
        text-align: right;
    }
    .hero-wrapper.overlay-bottom:not(.narrow) .slideText h2 {
        font-size: 1.6em;
        margin: 0 0 5px 0;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .slideText p {
        font-size: 1.32em;
        line-height: 1.6em;
        margin: 0 0 5px 0;
    }
}

@media only screen and (min-width : 581px) and (max-width : 770px) {
    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container.displayAsTbl {
        display: table;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .displayAsTblCell {
        display: table-cell;
        vertical-align: top;
    }

        .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .displayAsTblCell.textarea {
            padding-right: 15px;
        }

    .hero-wrapper.overlay-bottom:not(.narrow) .bx-wrapper .slideText .inner-container .morelink {
        text-align: right;
    }
    .hero-wrapper.slider-overlay:not(.narrow) .bx-wrapper .slideText .inner-container a.read-more {
        min-width: 150px;
        font-size: .9em;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .slideText h2 {
        font-size: 1.3em;
        margin: 0 0 5px 0;
    }

    .hero-wrapper.overlay-bottom:not(.narrow) .slideText p {
        font-size: 1em;
        line-height: 1.3em;
        margin: 0 0 5px 0;
    }
}

@media only screen and (min-width: 1480px) {
    .col-top .hero-wrapper:not(.narrow) .bx-viewport,
    .main-cols.full .hero-wrapper:not(.narrow) .bx-viewport,
    .col-top .hero-wrapper:not(.narrow) .bxslider li,
    .main-cols.full .hero-wrapper:not(.narrow) .bxslider li {
        max-height: 682px;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1479px) {
    .col-top .hero-wrapper:not(.narrow) .bx-viewport,
    .main-cols.full .hero-wrapper:not(.narrow) .bx-viewport,
    .col-top .hero-wrapper:not(.narrow) .bxslider li,
    .main-cols.full .hero-wrapper:not(.narrow) .bxslider li {
        max-height: 672px;
    }
}

.row-container .span12 .block-wrapper.span6 .slider-overlay,
.row-container .span12 .block-wrapper.span8 .slider-overlay {

}
    .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText,
    .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText {
        border-radius: 0px;
        position: relative;
        max-width: 100%;
        left: auto;
        bottom: auto;
        background: #333;
    }

    .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText h2,
    .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText h2 {
        line-height: 1.2em;
        font-size: 1.1em;
    }

        .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText p,
        .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText p {
            font-size: .8em;
            line-height: 1.6em;
            padding: 0;
        }


        .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText .displayAsTbl,
        .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText .displayAsTbl {
            display: block;
        }
            .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText .displayAsTbl .displayAsTblCell,
            .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText .displayAsTbl .displayAsTblCell {
                padding-right: 0;
                display: block;
                text-align: left;
            }
                .row-container .span12 .block-wrapper.span6 .slider-overlay .slideText .displayAsTbl .displayAsTblCell a.read-more,
                .row-container .span12 .block-wrapper.span8 .slider-overlay .slideText .displayAsTbl .displayAsTblCell a.read-more,
                .row-container .span12 .block-wrapper.narrow .slider-overlay .slideText .displayAsTbl .displayAsTblCell a.read-more {
                    float: none;
                    font-size: 90%;
                    line-height: 110%;
                    border: 1px solid #e7e5e5;
                }
    .row-container .block-wrapper .slider-overlay .image-block img {
        display:block;
    }



@media only screen and (min-width : 580px) {
    .width-browser .bxslider li.center img {
        width: 100%;
    }

    .overlay-positioning:not(.narrow) .slideText {
        border-radius: 10px;
        position: absolute;
        border-radius: 10px;
        max-width: 35%;
    }

    .overlay-bottom:not(.narrow) .slideText {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .overlay-bottom .slideText {
        max-width: 100%;
        width: 100%;
    }

    .slideText {
        background: rgba(0, 0, 0, .35);
        padding: 12px;
    }

    body .slideText h2 {
        line-height: 1.39em;
        font-size: 1.35em;
        color: #fff;
        margin-bottom: 5px;
    }

    .slideText p {
        text-align: left;
        color: #fff;
        padding: 0;
        margin-bottom: 5px;
    }

    body .narrow .slideText h2 {
        line-height: 1.2em;
        font-size: 1.1em;
    }

    .narrow .slideText p {
        font-size: .8em;
        line-height: 1.6em;
        padding: 0;
    }

    .hero-wrapper.slider-overlay .slideText a.read-more {
        height: auto;
        background: #000F9F;
        padding: 8px 8px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .overlay-positioning .slideText a.read-more {
        border-radius: 10px;
    }

    .hero-wrapper.slider-overlay .slideText a.read-more:hover {
        background: #00254c; /*024184*/
    }

    .overlay-bottom .slideText a.read-more {
        clear: both;
    }


    .slider-overlay:not(.narrow) .slide-caption-bottom-left {
        bottom: 4%;
        left: 3%;
    }

    .slider-overlay:not(.narrow) .slide-caption-center-left {
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-overlay:not(.narrow) .slide-caption-top-left {
        top: 4%;
        left: 3%;
    }

    .slider-overlay:not(.narrow) .slide-caption-top-right {
        top: 4%;
        right: 3%;
    }

    .slider-overlay:not(.narrow) .slide-caption-center-right {
        top: 50%;
        transform: translateY(-50%);
        right: 3%;
    }

    .slider-overlay:not(.narrow) .slide-caption-bottom-right {
        bottom: 4%;
        right: 3%;
    }


    /*NARROW*/
    .overlay-positioning.narrow .slideText {
        background-color: #35374D;
    }

    .narrow .slideText .inner-container {
        background-color: #35374D;
        padding: 0;
    }

    .hero-wrapper.narrow .bx-wrapper .slideText h2,
    .hero-wrapper.narrow .bx-wrapper .slideText p {
        margin: 0 0 5px 0;
    }

    .hero-wrapper.slider-overlay.narrow .bx-wrapper .slideText .inner-container a.read-more {
        font-size: 110%;
        line-height: 120%;
        margin: 3px 0 5px 0;
        border: 1px solid #e7e5e5;
    }

    .hero-wrapper.narrow .bx-wrapper .bx-caption span {
        font-size: 1em;
        padding: 10px;
        line-height: 1.4em;
        text-align: left;
    }

    .hero-wrapper.narrow .bx-wrapper .bx-caption {
        background: gray;
    }
}

@media only screen and (max-width : 580px) {
    .overlay-positioning .slideText {
        background-color: #35374D;
    }

    .slideText .inner-container {
        background-color: #35374D;
        padding: 12px;
    }

    .hero-wrapper .bx-wrapper .slideText h2,
    .hero-wrapper .bx-wrapper .slideText p {
        margin: 0 0 5px 0;
    }

    .hero-wrapper.overlay-bottom .bx-wrapper .slideText h2 {
        font-size: 140%;
        line-height: 150%;
    }

    .hero-wrapper.overlay-bottom .bx-wrapper .slideText p {
        font-size: 120%;
        line-height: 140%;
    }

    .hero-wrapper.slider-overlay .bx-wrapper .slideText .inner-container a.read-more {
        font-size: 110%;
        line-height: 120%;
        margin: 3px 0 5px 0;
        border: 1px solid #e7e5e5;
    }
}

@media only screen and (max-width : 770px) {
    .hero-wrapper .bx-wrapper .bx-caption span {
        font-size: 1em;
        padding: 10px;
        line-height: 1.4em;
        text-align: left;
    }

    .hero-wrapper .bx-wrapper .bx-caption {
        background: gray;
    }
}

/* Hero Slider NEWS (cataegories) Text Block */
.hero-wrapper.slider-umms,
.hero-wrapper.slider-news {
    background-color: #393A3A;
    width: 100%;
    position: relative;
    padding-bottom: 0;
}

    .hero-wrapper.slider-umms .container,
    .hero-wrapper.slider-news .container {
        max-width: 1200px;
        padding: 0;
        margin: 0 auto;
    }

.hero-wrapper .container {
    position: relative;
    background: #181818;
}

.hero-wrapper .container {
    max-width: 100%;
    padding: 0;
}

.col-top .hero-wrapper.slider-umms .container,
.main-cols.full .hero-wrapper.slider-umms .container,
.col-top .hero-wrapper.slider-news .container,
.main-cols.full .hero-wrapper.slider-news .container {
    background: #181818;
}

.hero-wrapper.slider-umms .bxslider li .slide-desc,
.hero-wrapper.slider-news .bxslider li .slide-desc {
    text-align: left;
    background: #181818;
}

    .hero-wrapper.slider-umms .bxslider li .slide-desc h1,
    .hero-wrapper.slider-news .bxslider li .slide-desc h1 {
        font-size: 135%;
        color: #fff;
    }

    .hero-wrapper.slider-umms .bxslider li .slide-desc a.read-more,
    .hero-wrapper.slider-news .bxslider li .slide-desc a.read-more {
        color: #FFF;
        font-size: 88%;
    }

    .hero-wrapper.slider-news .bxslider li .slide-desc .tags {
        color: #B7B7B7;
        font-size: 88%;
    }

        .hero-wrapper.slider-news .bxslider li .slide-desc .tags a {
            color: #a8cdf0;
        }

.hero-wrapper.slider-news .bxslider li .block .slide-desc a.read-more:before {
    color: #CE9933;
}

.hero-wrapper.slider-umms .block a.read-more::after,
.hero-wrapper.slider-news .block a.read-more::after {
    content: " \00bb";
    font-size: 16px;
    color: rgb(206, 153, 51);
}

.hero-wrapper.slider-umms a.fancybox-media,
.hero-wrapper.slider-news a.fancybox-media {
    position: relative;
    display: block;
}

    .hero-wrapper.slider-umms a.fancybox span,
    .hero-wrapper.slider-umms a.fancybox-media span,
    .hero-wrapper.slider-news a.fancybox span,
    .hero-wrapper.slider-news a.fancybox-media span {
        background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
        height: 50px;
        width: 50px;
        bottom: 20%;
        left: 46%;
        position: absolute;
    }

.hero-wrapper.slider-umms .bx-viewport .bxslider a.fancybox-buttons,
.hero-wrapper.slider-umms .bx-viewport .bxslider a.fancybox-media,
.hero-wrapper.slider-news .bx-viewport .bxslider a.fancybox-buttons,
.hero-wrapper.slider-news .bx-viewport .bxslider a.fancybox-media {
    position: relative;
}

@media only screen and (min-width: 1000px) {
    .col-top .hero-wrapper.slider-umms,
    .col-top .hero-wrapper.slider-news {
        background-color: #181818;
    }
}

@media only screen and (min-width: 771px) and (max-width: 999px) {
}

@media only screen and (min-width: 771px) {
    .col-top .hero-wrapper.slider-news,
    .col-top .hero-wrapper.slider-news .bx-viewport,
    .col-top .hero-wrapper.slider-news .bxslider li,
    .main-cols.full .hero-wrapper.slider-news,
    .main-cols.full .hero-wrapper.slider-news .bx-viewport,
    .main-cols.full .hero-wrapper.slider-news .bxslider li {
        max-height: 341px;
        min-height: 341px;
    }

    .hero-wrapper.slider-news,
    .hero-wrapper.slider-news .bx-viewport,
    .hero-wrapper.slider-news .bxslider li {
        overflow: hidden;
    }
    /* top slider area form when no cols  */
    .col-top .hero-wrapper.slider-umms .bxslider,
    .main-cols.full .hero-wrapper.slider-umms .bxslider,
    .col-top .hero-wrapper.slider-news .bxslider,
    .main-cols.full .hero-wrapper.slider-news .bxslider {
        padding-left: 15px;
    }

        .col-top .hero-wrapper.slider-umms .bxslider li img,
        .main-cols.full .hero-wrapper.slider-umms .bxslider li img,
        .col-top .hero-wrapper.slider-news .bxslider li img,
        .main-cols.full .hero-wrapper.slider-news .bxslider li img {
            float: right;
            width: 72%;
        }

    .UMMS-wrapper .hero-wrapper.slider-home .bxslider li img {
        width: 72%;
    }

    .col-top .hero-wrapper.slider-umms .bxslider li .slide-desc,
    .main-cols.full .hero-wrapper.slider-umms .bxslider li .slide-desc,
    .col-top .hero-wrapper.slider-news .bxslider li .slide-desc,
    .main-cols.full .hero-wrapper.slider-news .bxslider li .slide-desc {
        float: left;
        width: 28%;
        padding: 20px 20px 20px 0;
        color: #FFF;
    }

    .col-top .hero-wrapper.slider-news .bxslider li .slide-desc,
    .main-cols.full .hero-wrapper.slider-news .bxslider li .slide-desc {
        max-height: 310px;
        overflow-y: auto;
    }

    .UMMS-wrapper .hero-wrapper.slider-home .bxslider li .slide-desc {
        padding: 20px 0 20px 0;
        width: 25%;
    }
    /* if in a col */
    .main-cols:not(.full) .hero-wrapper.slider-umms .bxslider,
    .main-cols:not(.full) .hero-wrapper.slider-news .bxslider {
        padding-left: 0;
    }

        .main-cols:not(.full) .hero-wrapper.slider-umms .bxslider li,
        .main-cols:not(.full) .hero-wrapper.slider-news .bxslider li {
            width: 100% !important;
        }

            .main-cols:not(.full) .hero-wrapper.slider-news .bxslider li img {
            }

            .main-cols:not(.full) .hero-wrapper.slider-umms .bxslider li .slide-desc,
            .main-cols:not(.full) .hero-wrapper.slider-news .bxslider li .slide-desc {
                width: 100%;
                padding: 20px;
                color: #FFF;
            }

    .hero-wrapper.slider-umms .bxslider li .slide-desc p,
    .hero-wrapper.slider-news .bxslider li .slide-desc p {
        margin: 10px 0 15px 0;
        line-height: 22px;
        font-size: 88%;
        line-height: 1.8em;
    }

    .col-top .hero-wrapper.slider-news .bxslider li .slide-desc .category,
    .main-cols.full .hero-wrapper.slider-news .bxslider li .slide-desc .category {
        position: absolute;
        z-index: 999;
        right: 21px;
        bottom: 5px;
        background: rgba(0,0,0,0.5);
        padding: 5px;
    }

    .hero-wrapper.slider-news .bxslider li .slide-desc .category {
        display: block;
    }

    .hero-wrapper.slider-news .bxslider li .slide-desc .tags a {
        text-decoration: underline;
    }

    .col-top .hero-wrapper.slider-umms .bx-controls,
    .main-cols.full .hero-wrapper.slider-umms .bx-controls,
    .col-top .hero-wrapper.slider-news .bx-controls,
    .main-cols.full .hero-wrapper.slider-news .bx-controls {
        left: 16.5%;
        bottom: 30px;
    }

    .main-cols:not(.full) .hero-wrapper.slider-umms .bx-controls,
    .main-cols:not(.full) .hero-wrapper.slider-news .bx-controls {
        right: 10px;
    }

    .main-cols #col-1 .hero-wrapper.slider-umms,
    .main-cols #col-3 .hero-wrapper.slider-umms,
    .main-cols #col-1 .hero-wrapper.slider-news,
    .main-cols #col-3 .hero-wrapper.slider-news {
        padding-top: 26px;
    }

        .main-cols #col-1 .hero-wrapper.slider-umms .bx-controls,
        .main-cols #col-3 .hero-wrapper.slider-umms .bx-controls,
        .main-cols #col-1 .hero-wrapper.slider-news .bx-controls,
        .main-cols #col-3 .hero-wrapper.slider-news .bx-controls {
            top: -26px;
            width: 100%;
        }

        .main-cols #col-1 .hero-wrapper.slider-umms .bx-controls,
        .main-cols #col-3 .hero-wrapper.slider-umms .bx-controls,
        .main-cols #col-1 .hero-wrapper.slider-news .bx-controls,
        .main-cols #col-3 .hero-wrapper.slider-news .bx-controls {
            width: 95%;
            left: 2.5%;
        }

            .main-cols #col-1 .hero-wrapper.slider-umms .bx-controls .bx-pager,
            .main-cols #col-3 .hero-wrapper.slider-umms .bx-controls .bx-pager,
            .main-cols #col-1 .hero-wrapper.slider-news .bx-controls .bx-pager,
            .main-cols #col-3 .hero-wrapper.slider-news .bx-controls .bx-pager {
                color: #FFF;
            }

    .hero-wrapper.slider-umms .bx-controls,
    .hero-wrapper.slider-news .bx-controls {
        position: absolute;
        bottom: 30px;
        z-index: 900;
        width: 90px;
    }

        .hero-wrapper.slider-umms .bx-controls .bx-pager,
        .hero-wrapper.slider-news .bx-controls .bx-pager {
            padding-top: 3px;
            bottom: unset;
            top: 0;
            font-size: 90%;
            color:#fff;
        }

        .hero-wrapper.slider-umms .bx-controls .bx-controls-direction,
        .hero-wrapper.slider-news .bx-controls .bx-controls-direction {
            position: absolute;
            top: 3px;
            font-size: 12px;
            color: #FFF;
            width: 100%;
        }

    .hero-wrapper.slider-umms .bx-wrapper .bx-controls-direction a,
    .hero-wrapper.slider-news .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 0;
        margin-top: unset;
        outline: unset;
        width: 19px;
        height: 19px;
        text-indent: -9999px;
        z-index: 901;
        opacity: 1;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-prev,
    .hero-wrapper.slider-news .bx-controls a.bx-prev {
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-next,
    .hero-wrapper.slider-news .bx-controls a.bx-next {
        margin-left: unset;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-prev:hover,
    .hero-wrapper.slider-news .bx-controls a.bx-prev:hover {
/*        background-position: -60px -39px;*/
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-next:hover,
    .hero-wrapper.slider-news .bx-controls a.bx-next:hover {
/*        background-position: -60px -77px;*/
    }

    /*scrollbar for slider-news or anyone who wants to use it
        codepen.io/devstreak/pen/dMYgeO
    */
    #style-1::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: transparent;
    }

    #style-1::-webkit-scrollbar {
        width: 12px;
        background-color: transparent;
    }

    #style-1::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #AAA;
    }
}

@media only screen and (max-width: 770px) {
    .hero-wrapper.slider-news,
    .hero-wrapper.slider-news .bx-viewport,
    .hero-wrapper.slider-news .bxslider li {
        overflow: visible;
    }
        /* top slider area form when no cols  */

        /* if in a col */
        .hero-wrapper.slider-umms .bxslider,
        .hero-wrapper.slider-news .bxslider {
            padding-left: 0;
        }

            .hero-wrapper.slider-umms .bxslider li,
            .hero-wrapper.slider-news .bxslider li {
                width: 100% !important;
            }

                .hero-wrapper.slider-news .bxslider li img {
                }

                .hero-wrapper.slider-umms .bxslider li .slide-desc,
                .hero-wrapper.slider-news .bxslider li .slide-desc {
                    width: 100%;
                    padding: 20px;
                    color: #FFF;
                }

                    .hero-wrapper.slider-umms .bxslider li .slide-desc p,
                    .hero-wrapper.slider-news .bxslider li .slide-desc p {
                        margin: 10px 0 15px 0;
                        line-height: 22px;
                        font-size: 88%;
                        line-height: 1.8em;
                    }

    .UMMS-wrapper .hero-wrapper.slider-home .bxslider li img {
        width: 100%;
    }

    .UMMS-wrapper .hero-wrapper.slider-home .bxslider li .slide-desc {
        padding: 10px;
        width: 100%;
    }

    .UMMS-wrapper .hero-wrapper.slider-home .bx-viewport {
        max-height: unset;
    }

    .UMMS-wrapper .hero-wrapper.slider-home .bx-controls {
        /*left: 10px;*/
    }

        .UMMS-wrapper .hero-wrapper.slider-home .bx-controls .bx-pager {
            /*color: #000;*/
        }

    .hero-wrapper.slider-news .bxslider li .slide-desc .category {
        display: block;
    }

    .hero-wrapper.slider-news .bxslider li .slide-desc .tags a {
        text-decoration: underline;
    }

    body .hero-wrapper.slider-umms .bx-controls,
    body .hero-wrapper.slider-umms .bx-wrapper .bx-controls-direction a,
    body .hero-wrapper.slider-news .bx-controls,
    body .hero-wrapper.slider-news .bx-wrapper .bx-controls-direction a {
        z-index: 801;
    }

    #col-1 .hero-wrapper.slider-umms .bx-controls,
    #col-1 .hero-wrapper.slider-umms .bx-wrapper .bx-controls-direction a,
    #col-1 .hero-wrapper.slider-news .bx-controls,
    #col-1 .hero-wrapper.slider-news .bx-wrapper .bx-controls-direction a {
        z-index: 901;
    }

    .hero-wrapper.slider-umms .bx-controls,
    .hero-wrapper.slider-news .bx-controls {
        right: 15px;
        bottom: 30px;
    }

    .hero-wrapper.slider-umms .bx-controls,
    .hero-wrapper.slider-news .bx-controls {
        position: absolute;
        bottom: 30px;
        width: 90px;
    }

        .hero-wrapper.slider-news .bx-controls .bx-pager {
            padding-top: 6px;
            bottom: unset;
            top: 0;
            font-size: 90%;
        }

        .hero-wrapper.slider-umms .bx-controls .bx-controls-direction,
        .hero-wrapper.slider-news .bx-controls .bx-controls-direction {
            position: absolute;
            top: 3px;
            font-size: 12px;
            color: #FFF;
            width: 100%;
        }

    .hero-wrapper.slider-umms .bx-wrapper .bx-controls-direction a,
    .hero-wrapper.slider-news .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 0;
        margin-top: unset;
        outline: unset;
        width: 19px;
        height: 19px;
        text-indent: -9999px;
        opacity: 1;
        display: inline-block;
        background-image: url(/static/img/homepage/sprite.png);
        background-repeat: no-repeat;
        background-size: initial;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-prev,
    .hero-wrapper.slider-news .bx-controls a.bx-prev {
        background-position: -60px -20px;
        left: 0;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-next,
    .hero-wrapper.slider-news .bx-controls a.bx-next {
        margin-left: unset;
        background-position: -60px -58px;
        right: 0;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-prev:hover,
    .hero-wrapper.slider-news .bx-controls a.bx-prev:hover {
        background-position: -60px -39px;
    }

    .hero-wrapper.slider-umms .bx-controls a.bx-next:hover,
    .hero-wrapper.slider-news .bx-controls a.bx-next:hover {
        background-position: -60px -77px;
    }
}

@media only screen and (max-width: 580px) {
    .hero-wrapper.slider-umms,
    .hero-wrapper.slider-news {
        padding-top: 26px;
    }

        .hero-wrapper.slider-umms .bx-controls,
        .hero-wrapper.slider-news .bx-controls {
            top: -26px;
            width: 100%;
        }

        .hero-wrapper.slider-umms .bx-controls,
        .hero-wrapper.slider-news .bx-controls {
            width: 95%;
            left: 2.5%;
        }

            .hero-wrapper.slider-umms .bx-controls .bx-pager,
            .hero-wrapper.slider-news .bx-controls .bx-pager {
                color: #FFF;
            }
}

/* IMAGE GALLERY BLOCK */
.image-gallery h3 {
    font-size: 22px;
}

.image-gallery h4 {
    font-size: 19px;
    color: #666;
}

.image-gallery ul.gallery {
    margin: 0;
    padding: 0;
}

    .image-gallery ul.gallery li,
    .col .image-gallery ul.gallery li {
        display: inline-block;
        width: 148px;
        min-height: 115px;
        list-style: none;
        margin: 5px 15px 10px 0;
        padding: 7px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #CCC;
    }

.two-thirds .col .image-gallery ul.gallery li,
.full .col .image-gallery ul.gallery li {
    margin-right: 15px;
}

.image-gallery ul.gallery li a img,
.col .image-gallery ul.gallery li a img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin: 0 auto;
    border: 2px solid #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**  RSS BLOCK ****/
.block.rss ul,
.block.rss ul li {
    margin-left: 0;
    padding-left: 0;
}

    .block.rss ul li {
        list-style: none;
        padding-bottom: 10px;
    }

#main-content .rss ul li h4 {
    margin: 0;
    margin-bottom: 0;
}

.rss ul li .rss-pubDate, .rss-pubdate {
    font-style: italic;
    padding: 0 0 3px 0;
}

.rss ul li .rss-description {
    font-size: 13px;
    line-height: 18px;
}



@media (max-width: 770px) {
    .hero-wrapper .bx-wrapper {
        position: relative;
        padding: 0;
    }
}



/* People Search */
.stylizedGrid .header {
    font: normal 11px/13px sans-serif;
    color: #fff;
    font-weight: bold;
}

    .stylizedGrid .header div {
        display: table-cell;
        padding: 4px 8px 6px 10px;
        box-sizing: border-box;
    }

        .stylizedGrid .header div.header-date {
            width: 80px;
        }

.stylizedGrid H2 {
    font-size: 12px;
    padding: 6px 0 10px 10px;
    margin: 0 0 0 0;
    color: #fff;
}

/* =GRID TABLE */

.stylizedGrid li {
    list-style-type: none;
    margin: 0;
}

    .stylizedGrid li.alternatingItemStyle {
        background-color: #F7F7F7;
    }

    .stylizedGrid li.itemStyle {
        background-color: #EFEFEF;
    }


.userlist li .name {
    font-weight: bold;
    font-size: 1.1em;
}


input[type="text"] {
    color: #4D4D4D;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-left: 2px;
    vertical-align: top;
}




/* form *******/
.warning {
    color: maroon;
    font-style: italic;
}

.width10 {
    width: 9.5%;
}

.width25 {
    width: 24.5%;
}

.width30 {
    width: 29.5%;
}

.width40 {
    width: 39.5%;
}

.width50 {
    width: 49.5%;
}

.width60 {
    width: 59.5%;
}

.width70 {
    width: 69.5%;
}

.width75 {
    width: 74.5%;
}

.width80 {
    width: 79.5%;
}

.width90 {
    width: 89.5%;
}

.width100 {
    width: 99.5%;
}

fieldset.col3 label label {
    width: 30%;
    margin-right: 2%;
    display: inline-block;
}

fieldset.col2 label label {
    width: 47%;
    margin-right: 2%;
    display: inline-block;
}


/* *********** editor styling colored block *********** */
/*defaults*/
.block.box {
    background: #f1f1f1;
    position: relative;
}

    .block.box.blue {
        background: #e6f2ff;
    }

    .block.box.bluegray {
        background: #cfd4e3;
    }

.block.box {
    background: #f1f1f1;
    padding-bottom: 10px;
    border-radius: 6px;
}

    .block.box > p,
    .block.box > ul,
    #main-content .block.link-list.box ul,
    .block.box > div,
    .block.box > form,
    .block.box > span:not(.sprite),
    .block.box > quote,
    .block.box > h1,
    .block.box > h2,
    .block.box > h4,
    .block.box > h5,
    .block.box > h6,
    .block.box > block,
    .block.box > a {
        padding-right: 10px;
        padding-left: 10px;
    }

        .block.box > a > img {
            max-width: 94%;
        }

    /*bg heads*/
    .block.box > h1,
    .block.box > h2,
    .block.box > h3 {
        padding: 5px 10px;
        border-radius: 6px 6px 0 0;
    }

.block.box-bg.blue > h1,
.block.box-bg.blue > h2,
.block.box-bg.blue > h3 {
    background: #cce5ff;
}

.block.box-bg.bluegray > h1,
.block.box-bg.bluegray > h2,
.block.box-bg.bluegray > h3 {
    background: #b3b7c6;
}

.block.box-bg.blue.dark > h1,
.block.box-bg.blue.dark > h2,
.block.box-bg.blue.dark > h3 {
    background: #000F9F;
    color: #fff;
}

.block.box-bg > h3,
.block.box-bg.gray > h3,
.block.box-bg > h2,
.block.box-bg.gray > h2,
.block.box-bg > h1,
.block.box-bg.gray > h1 {
    background: #d9d9d9;
}

.block.box-bg.gray.dark > h1,
.block.box-bg.gray.dark > h2,
.block.box-bg.gray.dark > h3 {
    background: #808080;
    color: #fff;
}


.block.box-border {
    border: 1px solid #666;
}

    .block.box-border.blue {
        border: 1px solid #000F9F;
    }

    .block.box-border.bluegray {
        border: 1px solid #adb4c8;
    }

    .block.box-border.head-line {
        margin-top: 10px;
    }

        .block.box-border.head-line .sprite + h2,
        .block.box-border.head-line .sprite + h3,
        .block.box-border.head-line > h1,
        .block.box-border.head-line > h2,
        .block.box-border.head-line > h3 {
            display: inline-block;
            position: relative;
            top: -14px;
            font-size: 14px;
            height: 22px;
            overflow: hidden;
            padding: 0 5px;
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: -8px !important;
            background: url(/globalassets/global-images-and-files/images/box-border-h3-bg-gray.png) repeat-x 0 -8px;
        }

        .block.box-border.head-line.blue .sprite + h2,
        .block.box-border.head-line.blue .sprite + h3,
        .block.box-border.head-line.blue > h1,
        .block.box-border.head-line.blue > h2,
        .block.box-border.head-line.blue > h3 {
            background: url(/globalassets/global-images-and-files/images/box-border-h3-bg-blue.png) repeat-x 0 -8px;
        }

.block.box-bg p,
.block.box-bg .h4 {
}

/*border heads*/
/* fixes */
.col.sidebar .block.generic.box {
    padding-top: 0;
}

.block.rss.box .stylizedGrid fieldset {
    padding: 0;
    margin: 5px 0;
}

/* ********** image overlay *********** */
.block.generic.image-overlay {
    position: relative;
}
    .block.generic.image-overlay img {
        margin-bottom: 0;
    }
    .block.generic.image-overlay .text-overlay {
        position: absolute;
        margin: 15px;
    }
    .block.generic.gb-img-right.image-overlay .text-overlay {
        right:0;
    }
    .block.generic.image-overlay.top .text-overlay {
        top: 0;
    }
    .block.generic.image-overlay.bottom .text-overlay {
        bottom: 0;
    }

.block.generic.imgleft.image-overlay, .block.generic.left.image-overlay,
.block.generic.imgright.image-overlay, .block.generic.right.image-overlay {
    margin: 0;
    float: unset;
}

.block.generic.image-overlay.left .text-overlay {
    text-align: left;
    left: 0;
}

.block.generic.image-overlay.right .text-overlay {
    text-align: right;
    right: 0;
}

.block.generic.image-overlay.center .text-overlay {
    text-align: center;
}

.block.generic.image-overlay .text-overlay h3 {
    color: #fff;
    margin: 0;
    margin-bottom: 0;
    font-size: 128%;
    text-shadow: 2px 2px 0 #54585a;
}

.block.generic.image-overlay .text-overlay a.read-more {
    color: #fff;
    text-shadow: 2px 2px 0 #54585a;
}

.block.generic.image-overlay img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.block.generic.image-overlay:hover img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

/** Dropdown block */
.block.dropdown label{
    display:block;
}

    .block.dropdown label[aria-hidden] {
        border: 0;
        padding: 0;
        margin: 0;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

.dropdown-block {
    height: 40px;
    background: #fff;
    padding: 4px 10px 6px;
    border: 1px solid #000;
    cursor: pointer;
    -moz-border-radius: 8px;
    -webkit-border-radius: 5px;
    margin: 5px 0 18px 0;
    max-width: 100%;
}
.dropdown-block option:first-child {
    text-transform: uppercase;
}
.summary .item {
    display: none;
}

    .summary .item.on {
        display: block;
    }

    .summary .item.off input#btn {
        background: #ccc;
        background: -moz-linear-gradient(top, #ccc 0, #eee 100%) repeat scroll 0 0 transparent;
        background: -webkit-linear-gradient(top, #ccc 0, #eee 100%);
        color: #333;
        text-decoration: none;
        border-bottom: 3px solid #737373;
        cursor: default;
    }

    .summary .item input#btn {
        background: #1e50a3;
        background: -moz-linear-gradient(top, #3a66ac 0, #1e50a3 100%) repeat scroll 0 0 transparent;
        background: -webkit-linear-gradient(top, #3a66ac 0, #1e50a3 100%);
        border-bottom: 3px solid #184799;
    }

    .summary .item input#btn {
        min-width: 150px;
        min-height: 45px;
        max-width: 100%;
        padding: 4px 10px 6px;
        border: 0;
        cursor: pointer;
        font-size: 17px;
        font-family: Sarabun, sans-serif;
        color: #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 8px;
        border-radius: 10px;
    }

/* hero video */
.herovideoblock .html-wrapper {
    position: relative;
    background-color: #000;
    display: table;
    width: 100%;
}

@media all and (min-width: 641px) {
    .herovideoblock .contentarea-wrapper:not(.responsive) {
        position: absolute;
        max-width: 100%;
        color: #FFF;
        text-shadow: 0 0 5px #000000;
        z-index: 920;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: fit-content;
        display: table-cell;
        vertical-align: middle;
    }

    .herovideoblock .contentarea-wrapper.responsive {
        position: relative;
        color: #FFF;
        background-color: #000;
        margin: 0 auto;
        padding: 10px;
        max-width: 100%;
    }

    .herovideoblock .contentarea-wrapper a:not(.bttn) {
        text-shadow: 0 0 2px #CCC;
        text-decoration: underline;
    }
}

@media all and (max-width: 640px) {
    .herovideoblock {
        background-color: #000;
    }

        .herovideoblock .contentarea-wrapper {
            position: relative;
            color: #FFF;
            background-color: #000;
            margin: 0 auto;
            padding: 10px;
            max-width: 100%;
        }
}

.herovideoblock .contentarea-wrapper h1,
.herovideoblock .contentarea-wrapper h2,
.herovideoblock .contentarea-wrapper h3,
.herovideoblock .contentarea-wrapper h4,
.herovideoblock .contentarea-wrapper h5,
.herovideoblock .contentarea-wrapper h6 {
    color: #FFF;
}

.herovideoblock .contentarea-wrapper p {
    margin-bottom: 20px;
}


.herovideoblock .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.herovideoblock .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.herovideoblock .vimeo.container {
    overflow: hidden;
    max-width: 100%;
    height: 0;
    padding-bottom: 42.5%;
}

.herovideoblock .contentarea-wrapper .bttn {
    font-size: 90%;
    border: 0px;
    border-radius: 0;
}


/* CLINICAL TRIALS LIST BLOCK */
ul.clinical-trials-list {
    border: 1px solid #e7e7e7;
    margin: 0;
    padding: 0;
}


    ul.clinical-trials-list li {
        list-style-type: none;
        display: block;
        padding: .5rem;
        border-bottom: 1px solid #e7e7e7;
    }

        ul.clinical-trials-list li:last-child {
            border-bottom: none;
        }

    ul.clinical-trials-list .conditions span {
        display: inline-block;
        background-color: #e7e7e7;
        color: #000;
        border-radius: 5px;
        padding: 2px 4px;
        margin: 0 5px 5px 0;
    }

        ul.clinical-trials-list .conditions span.comma {
            display: none;
        }

    ul.clinical-trials-list .line-clamp.line-clamp-teaser {
        max-height: 7.5em;
        -webkit-line-clamp: 5;
    }


/* HERO VIDEO BLOCK NEW LAYOUT */


.hero-block-root {
    position: relative;
}

    .hero-block-root .media-wrapper {
        --aspect-ratio: 16/9;
        width: 100%;
        /*max-height: 750px;
        overflow: hidden;*/
    }

.media-wrapper .videotoo {
    object-fit: cover;
}

.hero-block-root .content-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: none;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 3rem;
}

@media all and (min-height: 641px) {
    .hero-block-root .content-overlay {
        justify-content: center;
        padding-top: 0;
    }
}

.select-wrapper {
    min-width: 250px;
    max-width: 250px;
    pointer-events: auto;
}

@media all and (min-width: 641px) {
    .select-wrapper {
        min-width: 500px;
        max-width: 500px;
    }
}

.content-overlay h1 {
    color: white;
    text-shadow: 0px 0px 12px rgba(0,0,0,.75);
}

.select-wrapper input[type="checkbox"] {
    display: none;
}

.select-wrapper label {
    background-color: #fff;
    padding: 1rem;
    color: #000F9F;
    font-size: 1rem;
    font-weight: bolder;
    text-transform: uppercase;
    display: flex;
    cursor: pointer;
    align-items: center;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
}

    .select-wrapper label:hover {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
    }

    .select-wrapper label > *:first-child {
        flex: 1;
        display: block;
    }

    .select-wrapper label > *:last-child {
        flex: 0 0 auto;
    }

    .select-wrapper label > svg {
        width: 20px;
        height: 20px;
        transition: all 580ms cubic-bezier(.4,0,.2,1);
    }



.select-wrapper input[type="checkbox"]:checked ~ label {
    background-color: #f7f7f7;
}

    .select-wrapper input[type="checkbox"]:checked ~ label svg {
        transform: rotate(180deg);
        color: orange;
    }

.select-wrapper input[type="checkbox"]:checked ~ div.nav-wrapper > nav {
    /*transform: translateY(10px);*/
    opacity: 1;
    display: block;
}

.nav-wrapper {
    position: relative;
    min-width: 250px;
    max-width: 250px;
    height: 0;
    z-index: 9;
}


@media all and (min-width: 641px) {
    .nav-wrapper {
        min-width: 500px;
        max-width: 500px;
    }
}

.nav-wrapper nav {
    position: absolute;
    background-color: #fff;
    top: 20px;
    left: 0px;
    width: 100%;
    display: block;
    z-index: 9;
    opacity: 0;
    display: none;
    transition: all 280ms cubic-bezier(.4,0,.2,1);
    /*transform: translateY(-1000px);*/
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.35);
}

    .nav-wrapper nav > ul {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .nav-wrapper nav > ul:before {
            content: "";
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 10px solid white;
            position: absolute;
            left: 10px;
            top: -10px;
        }

        .nav-wrapper nav > ul > li {
            list-style: none;
            border-bottom: 1px solid #ddd;
            position: relative;
            font-size: .9rem;
        }

            .nav-wrapper nav > ul > li:last-child {
                border-bottom: 0px solid #ddd;
            }

            .nav-wrapper nav > ul > li > a {
                padding: 1.5rem;
                display: block;
                font-size: .9rem;
                color: #333;
                text-decoration: none;
            }


                .nav-wrapper nav > ul > li > a:hover {
                    color: #000F9F;
                }

            .nav-wrapper nav > ul > li:hover:before {
                position: absolute;
                content: '';
                display: block;
                top: calc(50% - 16px);
                left: 0px;
                height: 32px;
                width: 4px;
                background-color: #000F9F;
            }


/* ARROW FOR SCROLLING DOWN A PAGE 
    This is for an overlay arrow that indicates that there is more content down the page.
    This is currently used in the Hero Video Block since it can often push content way down past the fold
*/
.scroll-down-arrow {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(0,0,0,.25);
    align-items: center;
    justify-content: center;
}

    .scroll-down-arrow > *:first-child {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
    }

    .scroll-down-arrow:hover {
        background-color: rgba(255,255,255,.5);
    }

        .scroll-down-arrow:hover > *:first-child {
            border-top: 10px solid rgba(0,0,0,.75);
        }

/* NEW EVENT LIST 
    
    This is currently used in the EventListBlock not to be confused with the EventListingBlock (which is the old one)
*/
.event-list-container {
    width: 100%;
    background-color: #ddd;
    padding: .5rem;
}

.event-list-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@supports (display: grid) {
    .event-list-grid {
        display: grid;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

   

    @media(min-width: 1440px) {
        .event-list-grid:not(.hero-event) {
            grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
        }
    }
}

@media (min-width: 581px) and (max-width: 1439px) {
    .event-list-grid {
        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    }
}

.event-list-container ul {
    list-style: none;
    padding: 0;
    margin:0 !important;
}

    .event-list-container ul > li {
        background-color: #fff;
        color: #555555;
        display:flex;
        flex-flow:column nowrap;
    }

        .event-list-container ul > li > div.event-logo-image {
            display:flex;
            flex-flow:column nowrap;
            position:relative;
        }

        .event-list-container ul > li > div.event-logo-image > img.logo-placeholder {
            max-height:500px;
            min-width: 100%;
            flex:1;
        }

            .event-list-container ul > li > div.event-logo-image > img.event-logo {
               z-index: 2;
               position:absolute;
               left:0;
               top:0;
               width:100%;
               height:100%;
               object-fit:cover;
            }
        .event-list-container ul > li > div.event-details-body {
            flex:1;
            display: flex;
            flex-flow: row nowrap;
        }

            .event-list-container ul > li > div.event-details-body > div:first-child,
            .event-list-container ul > li > div.event-details-body > div:last-child {
                flex: 0 1 20%;
                /*aspect-ratio: 1/1;*/
                background-color: #000F9F;
                color: #fff;
            }

            .event-list-container ul > li > div.event-details-body > div:nth-child(2) {
                flex: 1;
                padding: 1rem;
            }

.event-date-container {
    display: flex;
    justify-content: center;
}

.event-date-box {
    background-color: #000F9F;
    color: #fff;
    display: flex;
    align-items: center;
    padding:.375rem;
    justify-content: center;
}

    .event-date-box .month-display {
        font-size: 1.3rem;
        text-align: center;
        margin-bottom: .2rem;
    }

    .event-date-box .day-display {
        font-size: 2rem;
        text-align: center;
        margin-bottom: .3rem;
    }

.event-details {
    display:flex;
    flex-flow:column nowrap;
}

    .event-details > div:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .event-details > div:first-child {
        flex:1;
    }

        .event-details > div > h4 {
            margin-bottom: .1rem;
        }

.event-title {
    font-size: 1.1rem;
    max-width:100%;
    word-break:break-word;
}

.event-list-container ul > li > div:first-child h4 {
}

.event-list-container ul > li > div:first-child display-value {
}

.event-list-container.ie11 li {
    margin: 15px;
    min-width: 190px;
    width: calc((100% / 4) - 30px);
}

.event-nav {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    color:#fff;
}

.event-nav svg {
    width:18px;
}

.event-link-btn {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    background-color: #000F9F;
    color: #fff !important;
    text-decoration: none;
    padding: .5rem;
}

    .event-link-btn:hover {
        background-color: #023c79;
    }

    .event-link-btn:visited {
        color: #fff !important;
    }

.view-all-events {
    text-align:right;
    padding-top:.5rem;
}

/* ALERTS */ 
/* COLORS
#da2a22	   - red alert
#bf923f	   - yellow alert
#4a54ab	   - blue (normal) alert
*/
.block.alerts-wrapper {
	margin: 0;
	padding: 0;
}

@media (min-width: 1001px) {
	.block.alerts-wrapper li > div.alert {
		margin: 0 auto;
		max-width: 1200px;
	}
}

.alerts-wrapper li {
	padding: 10px;
	list-style: none;
}

	.alerts-wrapper li .alert {
		margin: 0 auto;
	}

	.alerts-wrapper li.low {
		background-color: #1E50A3;
	}
		.alerts-wrapper li.low .alert,
		.alerts-wrapper li.low .alert a, .alerts-wrapper li.low .alert .answer p {
			color: #FFF;
		}

	.alerts-wrapper li.medium {
		background-color: #FFC629;
	}
		.alerts-wrapper li.medium .alert,
		.alerts-wrapper li.medium .alert a, .alerts-wrapper li.low .alert .answer p {
			color: #000;
		}

	.alerts-wrapper li.high {
		background-color: #da2a22;
	}
		.alerts-wrapper li.high .alert,
		.alerts-wrapper li.high .alert a, .alerts-wrapper li.low .alert .answer p {
			color: #FFF;
		}

	.alerts-wrapper li .alert a {
		text-decoration: underline;
	}

	.alerts-wrapper li .alert .desc:after {
		content: " \00a0";
	}

	.alerts-wrapper li .alert a:after {
		content: " \00bb";
	}

li .alert span.icon {
	width: 20px;
	height: auto;
	display: block;
	float: left;
	margin-right: 5px;
	min-height: 20px;
}

	li .alert span.icon img {
		max-width: 100%;
	}

	li.low .alert span.icon.noImg, li.high .alert span.icon.noImg {
		background: url(img/style-img.png) no-repeat -30px -290px;
	}

	li.medium .alert span.icon.noImg {
		background: url(img/style-img.png) no-repeat -80px -290px;
	}

.header-alert-red {
	width: 100%;
	margin: 0 auto;
	height: 30px;
	background-color: #da2a22;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	vertical-align: bottom;
}


.alert .faqs .faq-question {
	margin: 0;
	padding-bottom: 0;
	border-bottom: 0 solid #CCC;
}

	.alert .faqs .faq-question h4 {
		border-top: none;
		padding: 0 5px;
		font-size: inherit;
		margin-bottom: 1px;
	}

		.alert .faqs .faq-question h4:before {
			display: none;
		}

.alert .faq-question h4:after {
	position: absolute;
	width: 20px;
	height: 20px;
	content: " ";
	margin-left: 5px;
}

	.alert li.low .faq-question h4:after, .alert li.high .faq-question h4:after {
		background: url(img/form-sprite.png) no-repeat -4px -400px;
	}
	.alert li.medium .faq-question h4:after {
		background: url(img/form-sprite.png) no-repeat -4px -420px;
	}

.alert .faqs .faq-question > h4 > a,
.alert .faqs .faq-question > h4 > span {
	margin-left: 5px;
	font-weight: normal;
}

.alert .faqs .faq-question a::after {
	display: none;
}

li .alert .faq-question span.icon {
	margin-top: 0;
	margin-right: 0;
}



.alerts-list .faq-question .answer {
	position: absolute;
	left: -9999em;
	top: -9999em;
}

.alerts-list .faq-question.active .answer {
	position: relative;
	left: 0;
	top: 0;
}



/***** PAGE STAFF LISTING *****/
 
#col-2 .block.staff-listing ul,
.staff-listing ul li {
	list-style: none;
	margin-left: 0;
    padding-left: 0;
}

.staff-listing li {
	padding-bottom: 14px;
	position: relative;
	display: table;
}
.staff-listing.narrow-layout li {
    display: block;
}

.staff-listing .image-none,
.staff-listing .image {
	width: 100px;
	padding-top: 4px;
	display: block;
}

.staff-listing.narrow-layout .image-none {
    display: none;
}
.staff-listing.narrow-layout .image img,
.staff-listing.narrow-layout .image {
    display: block;
    max-width: 100%;
    padding-top: 0;
    width: auto;
}

.staff-listing .image img {
    width: 100px;
    border: 1px solid silver;
}

.staff-listing .staff-details {
	display: table-cell;
	padding: 0 0 15px 20px;
	vertical-align: top;
	width: 100%;
}
.staff-listing.narrow-layout .staff-details {
    clear: both;
    display: block;
    padding: 15px 0 0 0;
}

.staff-details h4,
.staff-details.faq-question h4 {
	margin: 0 0 3px 0;
	font-weight: bold;
	padding: 4px 0 0 0;
}

.staff-details.faq-question h4 {
	cursor: pointer;
	border-top: 1px solid #e3e3e3;
    padding: 4px 0 0 22px;
}
.staff-listing.narrow-layout .staff-details.faq-question h4 {
    padding: 4px 0 0 22px;
}

.staff-listing:not(.narrow-layout) .staff-details h4:before,
.staff-listing:not(.narrow-layout) .staff-details.faq-question h4:before {
    left: 120px;
}


.staff-details.faq-question h4:before {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/static/css/default_o/img/form-sprite.png) no-repeat -4px -342px;
    content: " ";
}

.staff-details.faq-question.active h4:before {
    background: url(/static/css/default_o/img/form-sprite.png) no-repeat -4px -367px;
}


.staff-listing.narrow-layout .staff-details.faq-question h4:before {
    margin-left: -22px;
}

.staff-details .staff-role {
	margin: 0 0 15px 0;
}

.staff-details p {
	margin: 0 0 3px 0;
}

.staff-details h4.faculty-name {
	margin: 0 0 3px 0;
}
/* accordion Staff */
.staff-details .answer {
	position: absolute;
	left: -9999em;
	top: -9999em;
}
.staff-details .staff-desc p,
.staff-details .answer p {
    margin: 0;
}
    .staff-details .staff-desc .description,
    .staff-details .answer .description {
        margin: 10px 0 0 0;
    }
        .staff-details .staff-desc .description p,
        .staff-details .answer .description p {
            margin: 0 0 10px 0;
        }

.staff-listing.accordion .staff-details.active .answer {
	position: relative;
	left: 0;
	top: 0;
}

/* NEWS LISTING BLOCK */
.block.news-listing ul,
.block.news-listing ul li {
	list-style: none;
	margin-left: 0;
}
.block.news-listing ul li {
	margin-bottom: 20px;
}
	#col-2 .container.horiz .block.news-listing ul li, 
	.sidebar .block.news-listing ul li {
		margin-bottom: 5px;
	}
.block.news-listing .news-desc p {
	margin-top: 5px;
}
.block.news-listing .news-date,
.block.news-listing .news-desc {
	float: left;
}
	#col-2 .container.horiz .block.news-listing .news-date,
	.sidebar .block.news-listing .news-date,
	#col-2 .container.horiz .block.news-listing .news-desc,
	.sidebar .block.news-listing .news-desc {
		float: none;
		margin-left: 0;
	}

.block.news-listing a.read-more {
	display: inline-block;
	margin-top: 15px;
}

    .block.news-listing a.read-more:before {
        display: inline-block;
        content: "\25b6";
        max-width: 30px;
        margin-right: 4px;
        transform: scale(.65, 1);
    }
.block.news-listing .news-date span {
	display: block;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
}
	#col-2 .container.horiz .block.news-listing .news-date span,
	.sidebar .block.news-listing .news-date span {
		margin-bottom: 0px;
		font-size: 90%;
	}

	#col-2 .container.horiz .block.news-listing ul,
	.sidebar .block.news-listing ul {
		padding-left: 0;
	}

	#col-2 .container.horiz .block.news-listing .news-date,
	.sidebar .block.news-listing .news-date {
		width: 100%;
		text-align: left;
	}
	#main-content .page_navigation + ul.rsslist.content {
		margin-bottom: 0;
	}


.block.news-listing .news-date img {
	max-width: 99%;
}
	#col-2 .container.horiz .block.news-listing .news-date img,
	.sidebar .block.news-listing .news-date img {
		display: none;
	}
	#col-2 .container.horiz .block.news-listing .count ,
	.sidebar .block.news-listing .count {
		font-size: 85%;
	}
.block.news-listing .news-date {
	padding-top: 2px;
	text-align: right; 
}
.block.news-listing .news-desc {
	width: 74%;
	margin-left: 3%; 
}
#main-content .block.news-listing .news-desc h4 {
	margin: 0;
    margin-bottom: 3px;
    font-size: 120%;
}
	#main-content #col-2 .container.horiz .block.news-listing .news-desc h4,
	#main-content .sidebar .block.news-listing .news-desc h4 {
		font-size: 95%;
	}
#main-content .block.news-listing .news-desc > p {
	margin: 0 0 3px 0;
	font-size: 95%;
}
.block.news-listing .news-desc p {
	margin: 5px 0 0 0;
}

/* NEWS DETAIL BLOCK */
.block.news-detail .news-detail-image {
	float: right;
	width: 300px;
	margin-left: 20px;
}
.block.news-detail .category {
	margin: 10px 0;
}

.block.news-listing ul {
	padding-left: 0;
}
@media only screen and (max-width: 570px) {
    .block.news-listing ul {
        padding-left: 0;
    }
    .block.news-listing .news-date {
        width: 22%;
    }
}
@media only screen and (min-width: 571px) {
    .block.news-listing .news-date {
        width: 17%;
    }
}
.block.news-listing .page_navigation {
	padding: 5px;
	min-height: 20px;
	background: #667fa2;
}

	.block.news-listing .page_navigation a, .block.rss .alt_page_navigation a {
		padding: 2px 5px;
		margin: 2px;
		color: white;
		text-decoration: none;
		font-family: Tahoma;
		font-size: 11px;
		background-color: #7A92B4;
		border: 1px solid #c0c2de;
		display: inline-block;
	}
		.block.news-listing .page_navigation a.first_link, .block.news-listing .page_navigation a.last_link {
			padding: 2px 3px;
		}
	.block.news-listing .page_navigation span, .block.rss .alt_page_navigation span {
		display: inline-block;
	}

	.block.news-listing .page_navigation .page_link {
		font-weight: bold;
	}

		.block.news-listing .page_navigation .page_link.active_page {
			font-size: 12px;
			text-decoration: underline;
		}
/* GENERIC LISTING BLOCK */

.col.col-main .generic-listing {
    padding: 0;
}
    .col.col-main .generic-listing ul {
        list-style: none;
        margin: 0;
        padding: 0px;
    }
.col.col-main .generic-list li {
	overflow: hidden;
	margin: 0;
	padding: 0px;
	margin-bottom: 12px;
}
.col.col-side .generic-listing ul {
    margin-left: 10px;
}
.col.col-side  .generic-list li {
	margin-bottom: 8px;
}
.generic-list li h4 {
	margin: 0;
}
.col.col-side .generic-list li h4  {
	display:inline;
	font-weight: normal;
	font-size: 13px;
}
.generic-list li p {
	margin-top: 5px;
	margin-bottom: 0;
}

/*******************************
***** FACULTY listing page *****
*******************************/

#col-2 .block.faculty-listing ul,
.faculty-listing ul li {
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding-left: 0;
}


    .faculty-listing li {
        margin: 5px 0;
        padding-bottom: 14px;
    }

#col-2 .faculty-details p {
    line-height: 18px;
	margin-bottom: 3px;
}

#col-2 .faculty-details h4.faculty-name {
    margin-bottom: 3px;
}

/* ********** RESPONSIVE ************/
/* 770 - */
@media (max-width: 770px) {
    .faculty-details {
        margin-top: 8px;
    }

    .faculty-details h4.faculty-name .fname {
        font-size: 120%;
    }
}
#col-2 .block.faculty-listing.regular .faculty-img {
    width: 170px;
}
.regular .faculty-img > img {
    margin-right: 3%;
    width: 150px;
}

#col-2 .block.faculty-listing.toc .faculty-img {
    width: 195px;
    padding-bottom: 1em;
}
    .toc .faculty-img > img {
        margin-right: 3%;
        width: 175px;
    }

/* ********** DESKTOP ************/

#col-2 .block.faculty-listing .faculty-img img {
    width: 175px;
    border: 1px solid silver;
}
#col-2 .regular .faculty-details h4.faculty-name .fname {
    font-size: 108%;
}
/* 770 + */
@media (min-width: 571px) {
    #col-2 .block.faculty-listing > ul > li {
        display: block;
    }

    #col-2 .block.faculty-listing .faculty-img,
    #col-2 .block.faculty-listing .faculty-details {
        display: inline;
        vertical-align: top;
    }

    #col-2 .block.faculty-listing .faculty-img > img {
        float: left;
    }
}



/* with TOC */
@media (min-width: 771px) {
    .faculty-listing .bookmarks > ul {
        margin: 0 auto;
        display: table;
        text-align: center;
        padding: 0;
        margin: 10px auto;
    }

        .faculty-listing .bookmarks > ul li {
            display: table-cell;
            padding: 0 12px 0 12px;
            padding-left: 12px;
            padding-right: 12px;
            border-right: 1px solid gray;
        }

            .faculty-listing .bookmarks > ul li:last-child {
                border-right: 0px solid gray;
            }

            .faculty-listing .bookmarks > ul li a {
                line-height: 10px;
            }

    #col-2 .block.faculty-listing.toc ul.facultylist > li,
    .block.faculty-listing.toc ul.facultylist > li {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }

        .block.faculty-listing.toc ul.facultylist > li:nth-child(odd) {
            margin-right: 5%;
        }
}



span.line {
    display: block;
    margin-bottom: 5px;
}

span.comma {
    display: none;
}

@media (max-width: 770px) {
    .faculty-listing .bookmarks > ul {
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        padding-left: 0;
    }

        .faculty-listing .bookmarks > ul li {
            display: inline-block;
            padding: 0 12px 0 12px;
            padding-left: 12px;
            padding-right: 12px;
            border-right: 1px solid gray;
        }

            .faculty-listing .bookmarks > ul li:last-child {
                border-right: 0px solid gray;
            }

            .faculty-listing .bookmarks > ul li a {
                line-height: 10px;
            }
            .faculty-listing .bookmarks > ul li a {
                text-decoration: underline;
                color: initial;
            }
            .faculty-listing .bookmarks > ul li span {
                color: #666;
            }
}