li.has-child.hover > a::before {
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid #fff;
    content: "";
  }

/* New Accordion */

.acc-container{
    margin-bottom: 12px;
}

.acc-container input[name='panel'] {
    display: none;
}

.acc-container label {
    font-family: 'AptiferSansLTW01-Medium 721143', sans-serif;
    font-size: 18px;
    color: #2c4263;
    position: relative;
    display: block;
    padding: .96em 3em .96em 24px;
    background-color: #f0f0f0;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.acc-container label:after {
    content:'';
    background-image: url(/site/styles/images/arrow_06.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 13px;
    height: 9px;
}

.acc-container input:checked + label {
    border-color: #ccc;
    background-color: #ffffff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.acc-container input:checked + label:after {
    content:'';
    background-position: 0 -191px;
}

.acc-container .accordion__content p {
    margin: 0 0 15px 0;
}
.acc-container .accordion__content{
    font-family: 'AptiferSansLTW01-Medium 721143', sans-serif;
    overflow: hidden;
    max-height: 0em;
    position: relative;
    padding: 0 1.5em;
    border: 1px solid transparent;
}

.acc-container .accordion__content .list-title{
    font-family: 'AptiferSansLTW01-Bold', sans-serif;
    font-weight: 700;
    color: #424242;
    margin: 0;
    padding: 22px 0 4px 30px;
}

.acc-container .accordion__content .single-line{
    font-family: 'AptiferSansLTW01-Medium 721143', sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 22px 0 22px 0;
}

.acc-container .accordion__content .accordion-list{
    margin: 0 0 22px;
    padding-inline-start: 20px;
}

.acc-container .accordion__content .accordion-list li{
    font-size: 14px;
    margin: 8px 0 0 0;
    padding-left: 10px;
}

.acc-container .accordion__content a{
    color: #273d5e;
    font-weight: 700;
}

.acc-container .accordion__content .accordion-list li a{
    font-weight: bold;
}

.acc-container input[name='panel']:checked ~ .accordion__content {
    max-height: 300em;
    border: solid #ccc;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-top: 20px;
}

/* Ramona added March 12 2020*/
.acc-container label span {
	font: 16px/18px priori-sans-bold, sans-serif !important;
	text-transform: uppercase;
	color:#6697B8 !important;
	float: right;
	padding: 5px 25px 0 0;
}

/* ============================ MC Forms ==========================*/

/* Slate form embed blue */

.side-form-grad {
    margin: auto;
    background-color: #6697B8;
    padding: 30px 30px 30px 20px;
}

.side-form-grad h3 {
    color: #273D5E !important;
    border-bottom: 2px solid #fff;
    font-size: 2.5em !important;
    text-align: center;
    padding: 0 0 10px 0;
}

.side-form-grad p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.side-form-grad h4 {
    color: #273D5E;
    text-align: center;
    font-size: 2em;
    padding: 0px;
    margin: 15px;
}

.side-form-grad .form_label {
    color: #fff !important;
    /*display: none !important; */
}

.side-form-grad .form_text label {
    display: none !important;
}

.side-form-grad button.default {
    font-size: 12px;
    color: #fff;
    background-color: #273D5E !important;
    padding: 20px 30px !important;
    border: 1px solid #273D5E !important;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%;
}

.side-form-grad p.error,
.form_pages p.error {
    color: #000 !important;
    text-transform: revert !important;
    text-align: left !important;
}

/* UG request for info */

.ug-rfi .form_header .form_label {
    color: #6697B8 !important;
    border-bottom: 2px solid #efefef !important;
    font: 26px/28px 'prior-sans-reg', sans-serif !important;
    margin-top: 10px !important;
    background: none !important;
    padding: 0px !important;
}

.ug-rfi .form_text {
    margin-right: 10px;
}

.ug-rfi #form_question_0fd0c23e-d04a-40e9-9fc6-e7e37953e453 {
    margin-right: 20px;
}

.ug-rfi #form_question_dd492547-a68d-4d47-bdc0-d1f883f890f9 input {
    width: 25%;
}


@media only screen and (max-width: 999px) {
    .ug-rfi #form_question_dd492547-a68d-4d47-bdc0-d1f883f890f9 {
        width: 50%;
    }
    .ug-rfi .form_text {
        margin-right: 10px !important;
    }

    .ug-rfi #form_question_dd492547-a68d-4d47-bdc0-d1f883f890f9 input {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .form_question {
        width: 100% !important;
    }
    .ug-rfi #form_question_dd492547-a68d-4d47-bdc0-d1f883f890f9 input {
        width: 100%;
    }
}


/* General Slate Form */

/*.form_pages label,
.form_pages .form_label {
    color: #757575;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 5px 0;
    padding-top: 6px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
}*/

.form_pages label span {
    margin-left: 5px;
    color: red;
    font-size: 1.2em;
}

.form_pages label .form_related_date{
    color: #273d5e!important;
    font-weight: bold;
}

/*.form_pages legend {
    color: #273d5e;
    float: left;
    font: 22px/24px 'mendoza-book', serif;
    margin: 0;
    padding-top: 6px;
    text-align: left;
    width: 100%;
    text-transform: none;
}*/

.form_pages input[type=password],
.form_pages input[type=text],
.form_pages input[type=email],
.form_pages input[type=tel],
.form_pages input:not([type]),
.form_pages textarea {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 34px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    max-width: 450px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form_pages textarea {
    max-width: 100% !important;
    height: 74px;
}

.form_pages select {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    min-height: 27px;
    line-height: 27px;
    margin: 0;
    margin-top: 4px;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    max-width: 450px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.form_pages div[data-required="1"] .form_label:after,
/*.form_pages div[data-required="1"] label:after,*/
.form_pages div[data-required="1"] legend:after {
    content: " *";
    color: red;
}

.form_pages div[data-type="radio"] label:after,
.form_pages div[data-type="address"] legend:after {
    content: "";
}

.form_pages .form_birthdate select {
    width: auto;
}

div.form_h1 .form_label {
    color: #273d5e;
    font: 32px/36px 'priori-sans-bold', sans-serif !important;
    margin: 10px 0 -10px 0;
    text-transform: none;
}

.action button.default {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #6697B8;
    padding: 10px 30px;
    border: 1px solid #6697B8;
    border-radius: 5px;
}

.action button.reset {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #273D5E;
    background-color: #efefef;
    padding: 10px 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

/* Zoho short forms - Blue background */

.side-form-grad #crmWebToEntityForm {
    margin: auto;
    background-color: #6697B8;
    padding: 30px 30px 30px 20px;

}

.side-form-grad h3 {
    color: #273D5E !important;
    border-bottom: 2px solid #fff;
    font-size: 2.5em !important;
    text-align: center;
    padding: 0 0 10px 0;
}

.side-form-grad p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.side-form-grad h4 {
    color: #273D5E;
    text-align: center;
    font-size: 2em;
    padding: 0px;
    margin: 15px;
}

.side-form-grad label span {
    margin-left: 5px;
    color: rgb(177, 0, 0);
    font-size: 1.2em;
}

.side-form-grad .break {
    border-top: 2px solid #efefef;
    padding-top: 25px;
    margin-top: 25px !important;
}

.side-form-grad .hidden-row {
    display: none;
}

.side-form-grad .select-dd {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    margin: 0;
    margin-top: 4px;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.side-form-grad .submit-box {
    margin: 20px 0 0 40px;
    float: left;
    clear: both;
}

.side-form-grad .reset {
    font-size: 12px;
    color: #273D5E;
    background-color: #efefef;
    padding: 10px 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.side-form-grad .submit-btn {
    font-size: 12px;
    color: #fff;
    background-color: #6697B8;
    padding: 10px 30px;
    border: 1px solid #6697B8;
    border-radius: 5px;
}

.side-form-grad .submit-btn-side {
    font-size: 12px;
    color: #fff;
    background-color: #273D5E;
    padding: 20px 30px;
    border: 1px solid #273D5E;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%;
}

.side-form-grad .row {
    display: inline-block;
    margin: 10px;
    width: 100%;
    float: left;
    clear: both;
}

.side-form-grad .side label {
    color: #fff;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 5px 0;
    padding-top: 16px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    display: none;
}

.side-form-grad .xfields-side {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 34px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 10px 0 10px 0;
}

.side-form-grad .xfields {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 24px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.side-form-grad .input-row {
    float: left;
    width: 40%;
    padding: 0 27px;
}

.side-form-grad .row-hide {
    display: none;
}

.side-form-grad .input-text {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 74px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.side-form-grad .input-row-text {
    width: 70%;
    margin: 10px 0 0 30px;
}

/*-------------------------- Small Desktop and Tablet -------------------*/

@media only screen and (max-width: 1200px) {
    .side-form-grad h4 {
        font-size: 1.5em
    }
    #crmWebToEntityForm {
        padding: 10px 20px 30px 20px !important;
    }
}

/*-------------------------- mobile Breakpoint --------------------------*/

@media only screen and (max-width: 721px) {
    .side-form-grad .input-row {
        width: 90%;
        padding: 0px;
    }

    .side-form-grad .row {
        margin: 0px;
    }
    .side-form-grad .xfields {
        width: 100%;
    }

    .side-form-grad .input-row {
        margin-top: 10px;
    }
    .side-form-grad .input-row-text {
        width: 100%;
        margin: 0px;
    }
}




/* =========================== Full site =======================*/

#content h2.strike, #content h3.strike {
    text-align: center;
    margin: .5em 0;
}

#content h2.strike span, #content h3.strike span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

#content h2.strike:after, #content h3.strike:after {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    position: relative;
    bottom: .5em;
}



#pageOfflive {
    background: #f0f0f0
}

#pageOfflive>div {
    background: #fff;
    margin: 1em auto 0;
    max-width: 400px;
    padding: 24px
}

.one-column #content:before {
    display: none
}

.one-column #content {
    width: 100%;
    margin: 0 auto;
    float: none
}

.visually-hidden {
    display: none
}

.nav-tabs-audience>li>div {
    background: yellow;
    display: none
}

#content .info_list {
    margin: 1em 0;
    overflow: hidden
}

#content .info_list li,
#content .info_list>.bg-info {
    margin: 1em 0
}

#content .graduate-gallery .list li {
    background: none
}

.info-box small {
    width: 100%;
    margin-bottom: 8px;
    word-break: break-all;
    word-wrap: break-word;
    display: block
}

#content .item-list__rich-list li {
    background: none;
    margin: 0;
    padding: 0
}

#content .item-list__rich-list .item-list {
    margin-bottom: 1.5em;
    margin-top: -.5em
}

#content .pod li {
    margin: 1em 0
}

#content .item-list__rich-list li .item-list {
    margin-left: 1em
}

.basic_form,
.supplement {
    background: #f0f0f0;
    padding: 26px 24px 34px
}

.supplement_accordion>h2:first-child {
    cursor: pointer
}

.supplement_accordion>h2:first-child:hover {
    color: #273d5e
}

.accordion_body {
    max-height: 0;
    overflow: hidden;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s
}

#content .faqs-accor .title-accordion {
    display: block
}

#content .faqs-accor li {
    list-style-type: none;
    background: none;
    padding: 0
}

.faqs-accor .accordion-area {
    margin: 0 0 13px !important
}

.supplement_accordion .faqs-accordion.accordion_body {
    max-height: 800px !important
}

.accordion_body.accordion__open {
    max-height: 500px
}

.faqs-accor li a:hover {
    text-decoration: none
}

.accordion_body.accordion__open {
    max-height: 500px
}

.supplement {
    margin-top: 1em
}

.additional-content {
    clear: both;
    float: left;
    margin: 1em 0
}

.cloud:first-of-type {
    margin-top: 1em
}

.cloud:last-of-type {
    margin-bottom: 1em
}

.cloud {
    margin-bottom: 8px;
    display: block
}

.basic_form input,
.xfp_form input {
    border: none
}

.basic_form input[type="text"],
.basic_form input[type="password"] {
    border-radius: 6px;
    padding: 6px 16px
}

.sub-cats {
    margin-bottom: 2em !important
}

.introduction {
    display: none
}

.bg-info .calendar th,
.bg-info .calendar td {
    padding: 4px !important;
    border: 1px solid #ccc;
    min-width: 20px
}

.bg-info .calendar th {
    background: #273d5e;
    color: #fff;
    border: none
}

.bg-info .calendar td {
    background: #fff
}

.bg-info .calendar tbody {
    margin-top: 1em;
    float: left
}

aside .bg-info .calendar tbody {
    float: none
}

.form__inline .btn-info {
    margin-top: -3px
}

.form__inline>div {
    margin: 1em 0
}

.form__block {
    overflow: hidden;
    background: #f0f0f0;
    padding: 26px 24px 34px
}

.form__block>div {
    margin: 1.5em 0;
    overflow: hidden
}

.form__block label {
    width: 100%;
    float: left
}

.form__block select {
    width: 100%;
    float: right;
    border-radius: 6px;
    padding: 6px 16px;
    border: none
}

.form__block input,
.form__block textarea {
    width: 90%;
    float: right;
    border-radius: 6px;
    padding: 6px 16px;
    border: none
}

.check input[type="checkbox"] {
    width: 10%
}

.form__block input[type="checkbox"] {
    border-radius: 0;
    margin-top: 6px
}

.form__block .xfpaction input[type="submit"] {
    float: right
}

.form__block input[type="submit"] {
    width: auto;
    margin: 0 auto;
    float: none;
    display: block
}

.audience-tabs .nav-tab-pages .col:before {
    max-height: 150px
}

.heading h2 {
    font: 22px/26px mendoza-book, serif;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px
}

input[type="text"],
textarea {
    -webkit-appearance: none;
    outline: none
}

.mobile-button {
    margin-top: 1em
}

.directory_form input[type="text"] {
    margin: 0 0 1em
}

.float_left,
.float_right {
    float: none;
    margin-left: 0;
    margin-right: 1em;
    margin-bottom: .5em;
    clear: both
}

.xform_group label,
.xform_group input {
    width: auto !important
}

.xform_group input {
    float: left;
    margin-right: 10px !important
}

.xform_group {
    width: 59%;
    float: left;
    padding-left: .2em
}

.two-columns .widget-row {
    margin: 0 -10px
}

.widget-width {
    float: left
}

.two-columns .widget-width>.widget {
    padding: 0 10px;
    overflow: hidden
}

.widget__opinion-poll,
.widget__what-s-new-on-site,
.widget__what-s-on,
.widget__directory-search {
    background: #f0f0f0;
    margin: 5px
}

.widget__directory-search {
    padding: 26px 24px 34px !important
}

.widget__directory-search form,
.widget__directory-search a {
    float: left
}

.widget__directory-search span {
    margin: .5em 0;
    overflow: hidden;
    float: left;
    width: 100%
}

.widget__directory-search input {
    width: 60%;
    border-radius: 6px;
    padding: 6px 16px;
    border: none
}

.widget__directory-search input[type="submit"] {
    display: inline;
    width: 30%;
    border-radius: 6px;
    padding: 6px 16px;
    border: none;
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -webkit-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    background: #fff;
    color: #273d5e;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0
}

.widget__directory-search input[type="submit"]:hover {
    background: #363637;
    text-decoration: none;
    color: #fff
}

.widget__events-calendar th {
    background: #273d5e;
    color: #fff
}

.widget__events-calendar th,
.widget__events-calendar td {
    border: 1px solid #ccc;
    padding: 5px 7px
}

.widget .basic_form {
    padding: 10px 0
}

.widget__opinion-poll label,
.widget__opinion-poll form,
.widget__opinion-poll p,
.widget__opinion-poll input {
    clear: both;
    float: left
}

.widget__opinion-poll label {
    margin: 0 0 1em
}

.widget__opinion-poll input[type="radio"] {
    margin-right: 10px;
    margin-top: 5px
}

.widget img {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #364862
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #364862
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #364862
}

:-ms-input-placeholder {
    color: #364862
}

.contained {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.btn-link:hover {
    background: #444;
    text-decoration: none
}

.btn-link {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 12px;
    background: #273d5e;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    color: #fff;
    border-radius: 6px;
    font: 14px/18px AptiferSansLTW01-Light, sans-serif
}

.editor table td {
    border: 1px solid #ccc
}

#calendar {
    margin: 0 auto;
    text-align: center
}

#calendar th,
#calendar td {
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px
}

.today {
    font-weight: bold
}

td a {
    font-weight: bold;
    color: rgba(44, 66, 99, 0.84);
    text-decoration: underline
}

.widget__directory-search input[type=submit] {
    margin-top: 5px
}

.rightAdvertWidget .adwrap {
    margin-bottom: 1em;
    padding-bottom: 1em
}

.rightAdvertWidget .adwrap span {
    padding: .5em 0 1.5em;
    float: left;
    width: 100%
}

#content img {
    max-width: 100%
}

.event_selection {
    overflow: hidden
}

.event_selection>.basic_form>div {
    clear: both;
    float: left
}

.event_selection>.basic_form {
    padding: 0
}

.event_selection label {
    float: left;
    width: 100%
}

.event_selection .select-area {
    margin-right: 5px
}

/* events-area */

.events-widget {
    height: auto;
    padding: 2em;
    margin: 2em 0
}

.events-widget .event-link {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif;
    color: #545353;
    padding: 9px 40px 9px 9px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    margin: 0 !important
}

.events-widget .event-link:hover {
    color: #2c4263;
    text-decoration: none
}

.events-widget .event-link:hover .date {
    background: #2c4263
}

.events-widget .event-link:after {
    position: absolute;
    top: 31px;
    right: 25px;
    width: 8px;
    height: 12px;
    background: url(../images/ico-10.png) no-repeat;
    content: ""
}

.events-widget .event-link .date {
    float: left;
    width: 38px;
    padding: 6px 5px 9px;
    position: relative;
    background: #363637;
    font-size: 24px;
    line-height: 18px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 13px 0 0;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif
}

.events-widget .event-link .date span {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.events-widget .event-link .text {
    display: table-cell;
    vertical-align: middle;
    height: 48px
}

#content .events-widget .list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 1em 0 2em;
    padding: 0
}

#content .events-widget .list li {
    margin: 0 0 10px;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    width: 70%
}

.events-widget .more-events {
    background: #fff url(../images/bg-more-02.png) no-repeat 11px 8px;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #363637;
    background: url(../images/bg-more.png) no-repeat scroll 12px 7px #FFF;
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    border-radius: 6px;
    padding: 10px 18px 11px 42px
}

.events-widget .more-events:hover {
    background: #273D5E url(../images/bg-more-02.png) no-repeat 11px -69px;
    color: #fff;
    text-decoration: none
}

.callout,
#content>.alert {
    padding: 27px 35px 16px 23px;
    background: #2a3e5e;
    color: #fff;
    margin: 1em 0;
    overflow: hidden
}

#content .callout h2 a,
#content .callout h2,
#content .alert h2,
#content .callout p a {
    color: #fff !important;
    text-shadow: 0 0 0
}

#content .alert a {
    color: #fff;
    text-decoration: underline
}

#content .callout ul li {
    padding: 0 0 8px
}

#content .callout ul li a {
    color: #fff
}

#content .callout small a {
    color: #fff
}

#content .image__thumbnail {
    max-width: 250px;
    float: left;
    margin-right: 2em;
    margin-bottom: 2em
}

.content-description {
    float: left;
    width: 100%;
    margin: 1em 0
}

.buttons {
    overflow: hidden
}

.buttons a {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left
}

object {
    max-width: 100%
}

.data-table {
    width: 100%
}

.data-table th {
    background: #f0f0f0
}

.data-table th,
.data-table td {
    border: 1px solid #ccc;
    padding: 20px;
    word-break: break-all
}

.data-table img {
    width: 100%
}

#content .a-to-z {
    text-align: center
}

#content .a-to-z li {
    display: inline-block;
    padding: 10px 5px;
    text-align: center;
    width: 27px;
    margin: 5px;
    color: #636466;
    overflow: hidden;
    font-size: 1.2em
}

#content .a-to-z li a {
    color: #fff
}

#content .item-list__inline.a-to-z li {
    background: none;
    list-style-type: none;
    overflow: visible;
    margin: 0 10px
}

#content .item-list__inline.a-to-z li .button__disabled {
    color: #2C4263;
    background: none repeat scroll 0 0 #F6F6F6
}

#content .item-list__inline.a-to-z li a {
    background: #2C4263
}

ul.paginator {
    margin: 1em 0 !important;
    width: 100%;
    overflow: hidden;
    display: block !important
}

.paginator .float_right,
.paginator .paginate-next {
    float: right !important;
    clear: none !important;
    width: auto !important
}

.paginator .float_left,
.paginator .paginate-prev {
    float: left !important;
    clear: none !important;
    width: auto !important
}

.results__form label {
    width: 20% !important
}

.results__form input[type="text"] {
    width: 50%;
    float: left
}

.results__form input[type="submit"] {
    width: 15%;
    float: left;
    margin-left: 5%
}

.form__block .select-area .center {
    box-shadow: 0 0 0;
    padding: 11px 30px 10px 8px
}

.form__block .select-area {
    width: 95% !important
}

.form__block small {
    float: left;
    clear: both;
    width: 100%
}

.form__block>div>span.label {
    float: left
}

.form__block .radio {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 5px
}

.form__block .radio input[type="radio"] {
    width: 30%;
    margin-top: 5px
}

.form__block input[type="button"] {
    width: auto !important;
    clear: both;
    margin: 1em auto;
    float: none;
    display: block
}

#content .form__block input[type="text"] {
    margin-bottom: .5em
}

.az__form input {
    float: left
}

.xfp_form {
    border-top: 0 !important
}

#content .editor ul,
#content .editor ol,
#content .editor .indent {
    padding-left: 20px
}

#content .editor .indent2 {
    padding-left: 40px
}

#main #content h2 {
    margin: 0 0 13px;
    color: #273d5e
}

.editor h3 {
    color: #273d5e
}

#content .paginator li {
    background: none;
    padding: 0
}

#content .margin__wrap {
    margin: 2em 0
}

.info-box h2 {
    clear: both
}

aside.supplement {
    width: 94%
}

aside .frame {
    overflow: hidden
}

aside .frame-01 {
    overflow: visible
}

aside .info-box {
    padding: 27px 8px 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

aside .image-box {
    margin: 0 0 28px
}

aside .contact-box h5 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px
}

.bg-info .item-list__rich-list {
    display: block
}

.editor strong,
.editor p strong,
ul li strong {
    font-family: 'ITC Mendoza W01 Bold';
    font-weight: normal !important
}

#content .editor h3 strong {
    font-weight: normal !important
}

.supplement__pages-in {
    margin-bottom: 10px
}

.supplement__pages-in ul {
    margin-bottom: 0 !important
}

#content .item-list__images li {
    padding: 0;
    clear: both;
    margin: 1em 0;
    overflow: hidden;
    background: none
}

#content .image__thumbnail {
    margin: 0 auto;
    display: block;
    float: none
}

#content .gallery_pag img {
    margin: 0 1em
}

.left-supplements img {
    max-width: 100%
}

.supplement__thumbnail-nav ul li {
    list-style-type: none
}

.supplement__thumbnail-nav ul {
    padding: 0 0 0 .5em
}

.supplement__thumbnail-nav img {
    padding: 5px
}

.form__block .user-btns {
    margin: 0 auto;
    text-align: center;
    max-width: 350px;
    width: 100%;
    display: block
}

.form__block .user-btns .btn-link {
    float: left;
    clear: none;
    margin: 0 .5em 0 0
}

textarea {
    resize: none
}

#az_live_find {
    overflow: hidden
}

#az_live_find span,
#az_live_find label {
    clear: both;
    float: left
}

#content .google_result .info-box {
    background: none;
    padding: 15px 0
}

#content .google_result img {
    display: none
}

#content .google_result .item-list {
    padding-left: 20px
}

#content .google_result .item-list img {
    display: none
}

#content .google-results-paginator {
    margin: 1em 0;
    float: left;
    width: 100%
}

#content .google-results-paginator li {
    list-style-type: none;
    background-color: #273d5e;
    padding: 10px;
    display: inline;
    color: #fff;
    background-image: none;
    margin-right: 1em;
    float: left;
    margin-bottom: 5px
}

#content .google-results-paginator li a {
    color: #fff
}

/* USER SCHEME */

.user-scheme__high-contrast #content .alert h2,
.user-scheme__blue #content .alert h2,
.user-scheme__cream #content .alert h2 {
    color: inherit !important
}

@media only screen and (max-width: 999px) {
    /*(max-width: 1024px)*/
    #content .events-widget .list li {
        width: 100%
    }

    .nav-menu-submenu__visible .widget-width:first-of-type {
        width: 100%
    }

    .nav-menu-submenu__visible .widget-width {
        width: 33%
    }
}

@media only screen and (max-width: 767px) {
    aside .left-nav {
        max-width: 100% !important
    }

    #content .a-to-z {
        text-align: center
    }

    #content .events-widget .list li {
        width: 100%
    }

    .mm-list a,
    .mm-list a {
        color: #e7e7e7 !important
    }

    .bg-info .calendar {
        margin: 0 auto
    }

    .bg-info .calendar th,
    .bg-info .calendar td {
        padding: 2% 3%
    }
}

@media screen and (min-width: 360px) {
    .widget__directory-search input[type=submit] {
        margin-top: 0
    }
}

@media screen and (min-width: 429px) {
    .mobile-button {
        margin-top: 0
    }
}

@media screen and (min-width: 480px) {
    .supplement__thumbnail-nav ul li {
        list-style-type: none;
        width: 50%;
        float: left
    }

    .float_left {
        margin-right: 1em;
        margin-bottom: 1.5em;
        float: left;
        clear: none
    }

    .float_right {
        margin-left: 1em;
        margin-bottom: .5em;
        float: right;
        clear: none
    }

    .info-box h2 {
        clear: none
    }

    #content .item-list__images li {
        padding: 0;
        clear: none;
        margin: 10px;
        overflow: hidden;
        background: none;
        float: left;
        width: 46%
    }

    #content .item-list__images li:nth-child(2n+1) {
        clear: left
    }

    #content .image__thumbnail {
        display: block;
        float: left;
        margin-right: 20px;
        margin-bottom: 10px
    }

    .event_selection form div {
        width: 100% !important;
        float: left
    }

    .info-box.gallery {
        display: block
    }

    #content .gallery .image__thumbnail {
        float: left
    }

    .gallery .info-img .mask {
        left: 0;
        padding: 0 33px
    }

    #content .info-box.gallery {
        padding: 27px 35px 31px 23px
    }

    #content .gallery .info-img .mask {
        padding: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media screen and (max-width: 353px) {
    .basic_form .btn-info {
        margin-top: 1em
    }
}

@media screen and (max-width: 480px) {
    .form__block .select-area {
        width: 100% !important
    }
}

@media screen and (max-width: 600px) {
    .float_left,
    .float_right {
        clear: both;
        margin: 0 auto;
        float: none
    }

    aside.supplement {
        width: 100%
    }

    #content .item-list__images li {
        width: 100%;
        margin: 1em auto;
        float: none
    }

    .results__form label {
        width: 30% !important;
        text-align: right;
        padding-right: 10px
    }

    .results__form input[type="text"] {
        width: 50%;
        float: left
    }

    .results__form input[type="submit"] {
        width: 50%;
        float: none;
        margin: 0 auto;
        clear: both
    }
}

@media screen and (min-width: 767px) {
    .results_right {
        float: left !important;
        width: 100% !important;
        overflow: hidden
    }

    .bg-info .calendar th,
    .bg-info .calendar td {
        padding: 4px !important;
        min-width: 0
    }

    .event_selection form div {
        width: 100% !important;
        float: left
    }

    .form__block small {
        float: right;
        text-align: right;
        width: 50%
    }

    .nav-menu-submenu__visible .widget-width {
        padding: 0 0 40px
    }

    .tel:hover {
        cursor: text;
        text-decoration: none
    }

    .widget__directory-search input {
        width: 50%
    }

    .xform_group {
        float: right
    }

    .form__block .radio {
        float: right;
        width: 64%
    }

    .form__block .radio input[type="radio"] {
        width: 60%
    }

    .search__form .check input {
        width: 64%
    }

    .form__block .radio {
        float: right;
        width: 64%
    }

    .form__block .radio input[type="radio"] {
        width: 60%
    }

    #content .xfp_form .input input {
        width: 60%
    }

    .bottom-supplements {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .bottom-supplements .info-accordion {
        margin-right: 0
    }

    .supplement__pages-in,
    .right-supplements {
        width: 30%;
        float: right;
        margin-left: 2em;
        margin-top: 0
    }

    .right-supplements {
        clear: right;
        padding: 26px 24px 34px;
        z-index: 1000;
    }

    #content .right-supplements .frame,
    #content .right-supplements .info-accordion,
    .right-supplements .blockquotes {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    #content .right-supplements .frame-01,
    #content .right-supplements .frame-02 {
        width: auto
    }

    #content .right-supplements .info-box {
        padding-left: 24px;
        padding-right: 24px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #content .right-supplements .frame-01 .info-box,
    #content .right-supplements .frame-02 .info-box {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .right-supplements .advert-link {
        margin-top: 0 !important
    }

    .right-supplements .blockquotes blockquote {
        clear: both
    }

    .supplement__thumbnail-nav ul li {
        list-style-type: none;
        width: 100%;
        float: none
    }

    aside.supplement {
        width: 75%
    }

    .bottom-supplements .contact-box .img {
        float: left;
        width: 200px;
        margin-right: 20px
    }

    #content .item-list__images li {
        padding: 0;
        clear: none;
        margin: 10px;
        overflow: hidden;
        background: none;
        float: left;
        width: 47%
    }

    #content .item-list__images li:nth-child(2n+1) {
        clear: none
    }

    #content .image__thumbnail {
        margin: 0 auto;
        display: block;
        text-align: center
    }

    .widget__directory-search input[type=submit] {
        margin-top: 5px
    }

    #calendar th,
    #calendar td {
        padding: 4px
    }

    aside #calendar th,
    aside #calendar td {
        padding: 2px
    }

    .form__block label {
        width: 30%
    }

    .form__block .check label {
        width: 41%
    }

    .form__block input,
    .form__block textarea {
        width: 55%
    }

    .form__block .select-area {
        width: 62% !important
    }

    .form__block .select-area {
        float: right
    }

    .directory_form input[type="text"] {
        float: left
    }

    .float_left,
    .float_right {
        clear: both;
        margin: 0 auto;
        float: none
    }

    .top-add-nav {
        display: none
    }

    .one-column .sidebar {
        width: 25%
    }
}

@media screen and (min-width: 800px) {
    .form__block .select-area,
    .xform_group,
    #xform_layout .xfphelp {
        width: 62% !important
    }
}

@media screen and (min-width: 1000px) {
    .bg-info .calendar th,
    .bg-info .calendar td {
        padding: 5px !important
    }

    .xform_group {
        width: 63%
    }

    .nav-menu-submenu__visible .widget-width {
        padding: 0 0 1em
    }

    .widget__directory-search input[type=submit] {
        margin: 0
    }

    .widget__directory-search input {
        width: 55%
    }

    #content .faqs-accor .title-accordion {
        display: block
    }

    .faqs-accor .accordion-area {
        margin: -5px 0 13px !important
    }

    #content .item-list__images li {
        width: 31%
    }

    aside .accordion-area.block.accordion__open {
        padding: 22px 23px 24px !important;
        border: 1px solid #ccc !important
    }

    aside .accordion-area.block {
        padding: 0 !important;
        border: 0 !important
    }

    .form__block input,
    .form__block textarea {
        width: 60%
    }

    .form__register input {
        width: 45%;
        float: right
    }

    .form__block .select-area {
        width: 65% !important
    }

    .float_left {
        float: left;
        margin-right: 2em;
        margin-bottom: 2em
    }

    .float_right {
        float: right;
        margin-left: 2em;
        margin-bottom: 2em
    }
}

@media screen and (min-width: 1210px) {
    .bg-info .calendar th,
    .bg-info .calendar td {
        padding: 6px !important
    }

    aside .info-box {
        padding: 27px 32px 33px
    }

    #content .item-list__images li {
        width: 23%
    }

    .touch .info-img:hover .mask {
        top: 0;
        display: block !important
    }
}

/* AMY'S IE FIXES */

.lt-ie9 #header .logo {
    left: 30px
}

.lt-ie9 .audience-tabs,
.lt-ie9 .main-nav div[data-nav-menuitem] {
    background: #f0f0f0
}

.lt-ie9 .nav-tabs-audience {
    padding-right: 270px !important
}

.lt-ie9 .contact-box .img img {
    width: 200px !important
}

.lt-ie9 .results_right {
    float: left !important;
    width: 80% !important;
    margin-left: 5% !important;
    overflow: hidden
}

.lt-ie9 .results_left {
    float: left !important;
    width: 15% !important;
    overflow: hidden
}

.lt-ie9 #content .item-list__images li {
    padding: 0;
    clear: none;
    margin: 1em 0;
    overflow: hidden;
    background: none;
    float: left;
    width: 350px;
    display: block;
    height: 150px
}

.lt-ie9 .tel:hover {
    cursor: text;
    text-decoration: none
}

.lt-ie9 .float_left {
    float: left;
    margin-right: 2em
}

.lt-ie9 .float_right {
    float: right;
    margin-left: 2em
}

.lt-ie9 .results__form input[type="text"] {
    width: 40% !important
}

.lt-ie9 .widget__directory-search input[type=submit] {
    margin-top: 0
}

.lt-ie9 #calendar th,
.lt-ie9 #calendar td {
    padding: 4px
}

.lt-ie9 .form__block textarea,
.lt-ie9 .form__block input[type="text"],
.lt-ie9 .form__block input[type="number"],
.lt-ie9 .form__block input[type="email"],
.lt-ie9 .form__block input[type="time"],
.lt-ie9 .form__block input[type="date"],
.lt-ie9 .form__block select {
    width: 50%
}

.lt-ie9 .form__block label {
    width: 35%
}

.lt-ie9 .form__block label.radio {
    width: 57%
}

.lt-ie9 .form__block .check input[type="checkbox"] {
    width: 50%
}

.lt-ie9 .form__block .check label {
    width: 63%
}

.lt-ie9 .select-area {
    width: 54% !important;
    float: right
}

.lt-ie9 .form__block input[type="submit"] {
    width: 200px
}

.lt-ie9 .mobile-button {
    margin-top: 0
}

.lt-ie10 .form__block .check input[type="checkbox"] {
    width: 20%;
    margin-top: 0
}

.lt-ie10 #xform_layout .xfphelp {
    width: 64%
}

@media print {
    .faqs-accordion {
        display: block !important;
        border: none !important
    }

    .apply-box {
        display: none
    }
}

/* General Reset */

body {
    margin: 0;
    color: #2a3e5e;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    min-width: 320px
}

img {
    border-style: none
}

input,
textarea,
select {
    color: #000;
    vertical-align: middle;
    font: 100% Arial, Helvetica, sans-serif
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

blockquote,
q {
    quotes: none
}

q:before,
q:after {
    content: ''
}

a {
    color: #273d5e;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:focus,
input:focus,
textarea:focus,
select:focus {}

/* General settings */

.wrapper {
    position: relative;
    overflow: auto;
    overflow-x: hidden
}

.container {
    width: 1204px;
    margin: 0 auto
}

.btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #2c4263;
    background: #fff;
    -webkit-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 8px 16px 10px;
    text-align: center;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0
}

.btn:hover,
.allert-box .btn:hover {
    text-decoration: none;
    background: #77a4c1;
    color: #fff
}

.btn-default {
    display: inline-block;
    vertical-align: top;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #2c4263;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f6f6f6;
    -webkit-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    text-align: center;
    padding: 9px 16px 12px;
    position: relative
}

.btn-default:hover {
    background: #75adcf;
    color: #fff;
    text-decoration: none
}

.btn-info {
    display: inline-block;
    vertical-align: top;
    font: 14px/18px AptiferSansLTW01-Light, sans-serif;
    color: #273d5e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    text-align: center;
    padding: 6px 16px;
    position: relative
}

.btn-info:hover {
    background: #363637;
    text-decoration: none;
    color: #fff
}

.title {
    font: 40px/44px priori-sans-bold, sans-serif;
    color: #273d5e;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75)
}

.move-btn {
    position: absolute;
    top: 600px;
    width: 30px;
    height: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font: 10px/12px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #75adcf;
    background: url(/site/images/bg-to-top.png) no-repeat 50% 7px;
    border: 2px solid #75adcf;
    padding: 17px 2px 0;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    z-index: 3
}

.move-btn:hover {
    text-decoration: none
}

.move-btn.next {
    position: fixed;
    background: url(/site/images/bg-next.png) no-repeat 50% 19px;
    right: 15px;
    bottom: 15px;
    padding: 7px 2px 0;
    height: 27px;
    top: auto;
    z-index: 4
}

.color-1 {
    color: #fff
}

.color-2 {
    color: #273d5e
}

.color-3 {
    color: #2c4263
}

.color-4 {
    color: #293e5d
}

#content .bg-info,
aside .bg-info {
    background: #f0f0f0
}

/* apply-box */

.apply-box {
    position: fixed;
    right: -190px;
    margin-top: 191px;
    z-index: 4
}

.apply-box .list {
    float: left;
    list-style: none;
    margin: 0 0 0 -69px;
    padding: 9px 12px 8px 10px;
    background: #293e5d;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    font: 15px/18px 'Aptifer Sans LT W01', sans-serif;
    text-transform: uppercase;
    overflow: hidden
}

.apply-box .list li {
    padding: 0 0 4px
}

.apply-box .list a {
    color: #6799ba;
    display: block;
    padding: 0 0 0 10px
}

.apply-box .list a:hover {
    text-decoration: none;
    color: #fff
}

.apply-box .btn-expand {
    background: url(../images/arrow-03.png) no-repeat 0 6px
}

.apply-box .btn-expand.active {
    background-position: 0 -87px
}

.apply-box .holder {
    float: left;
    width: 159px;
    background: #293e5d;
    color: #fff;
    font: 12px/17px AptiferSansLTW01-Light, sans-serif;
    padding: 17px 12px 12px 19px
}

.apply-box .subtitle {
    display: block;
    font: 16px/20px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px
}

.apply-box .holder p {
    margin: 0 0 12px
}

.sel-01 {
    width: 160px
}

.apply-form .btn-submit {
    display: block;
    width: 29px;
    height: 26px;
    border: 0;
    margin: 0 0 0 auto;
    padding: 0;
    background: #75adcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 14px/18px 'Aptifer Sans LT W01', sans-serif;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2)
}

.apply-form .btn-submit:hover {
    background: #fff;
    color: #75adcf
}

/* allert-box */

.allert-box {
    background: #fff;
    font-size: 16px;
    line-height: 20px;
    color: #293e5d;
    padding: 13px 0;
    border-bottom: 1px solid #dfdfdf
}

.allert-box .container {
    position: relative
}

.allert-box .container:after {
    clear: both;
    content: '';
    display: block
}

.allert-box h3 {
    float: left;
    width: 286px;
    font: 20px/25px mendoza-medium, serif;
    color: #2a3e5e;
    margin: 0 29px 0 170px;
    position: relative
}

.allert-box h3:before {
    position: absolute;
    right: 0;
    top: 1px;
    bottom: -4px;
    width: 1px;
    background: #b4b4b4;
    content: ""
}

.allert-box .holder {
    overflow: hidden;
    padding: 5px 160px 0 0
}

.allert-box p {
    display: block;
    margin: 0
}

.allert-box .btn-holder {
    display: table-cell;
    width: 125px
}

.allert-box .btn {
    background-color: #afafaf;
    color: #fff
}

.allert-box .close {
    position: absolute;
    top: 16px;
    right: 12px;
    background: #afafaf;
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    width: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 0 2px
}

.allert-box .close:hover {
    text-decoration: none
}

/* gallery */

.gallery {
    clear: both;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(2, 2, 2, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(2, 2, 2, 0.4);
    box-shadow: 0 1px 3px rgba(2, 2, 2, 0.4);
    width: 100%;
    z-index: 3
}

#content .item-list__images.gallery {
    box-shadow: 0 0 0 !important
}

.gallery:hover .flex-direction-nav a {
    opacity: 1
}

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

.gallery .slides li {
    position: relative;
    max-height: 680px;
    min-height: 425px;
    background-position: 50% 50%;
    background-size: cover
}

.gallery .slides img {
    vertical-align: top;
    width: 100%
}

.gallery .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.gallery .flex-direction-nav a {
    opacity: 1;
    position: absolute;
    left: 28px;
    top: 50%;
    width: 64px;
    height: 64px;
    background: url(/site/images/arrow-01.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity .3s ease 0;
    -webkit-transition: opacity .3s ease 0;
    -o-transition: opacity .3s ease 0;
    -ms-transition: opacity .3s ease 0
}

.gallery .flex-direction-nav .flex-next {
    left: auto;
    right: 28px;
    background-position: -64px 0
}

.gallery .flex-direction-nav a:hover {
    background-position: 0 -64px
}

.gallery .flex-direction-nav .flex-next:hover {
    background-position: -64px -64px
}

.gallery .holder {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.gallery .holder .container:after {
    clear: both;
    content: '';
    display: block
}

.gallery .holder .container {
    height: 100%;
    display: table
}

.gallery .holder .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 125px 0 0
}

.gallery .caption {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px rgba(1, 25, 61, 0.6);
    font: 22px/27px mendoza-medium, serif;
    padding: 17px 0 0;
    position: relative
}

.gallery .caption:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 239px;
    height: 5px;
    margin-left: -120px;
    background: url(../images/bg-caption.png) no-repeat;
    content: ""
}

.gallery h2 {
    font: 48px/54px priori-sans-bold, sans-serif;
    margin: 0
}

.gallery .caption p {
    margin: 0 0 19px
}

.gallery .gallery-more {
    width: 239px;
    margin: 0 auto;
    overflow: hidden;
    font: 16px/18px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-align: center
}

.gallery .gallery-more span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #2c4263;
    text-transform: uppercase;
    text-shadow: none;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 6px 13px 3px;
    letter-spacing: 1px
}

.gallery .gallery-more span:hover {
    text-decoration: none;
    background: #363637;
    color: #fff
}

.gallery .gallery-more span:before {
    position: absolute;
    top: 12px;
    left: -1004px;
    width: 1000px;
    height: 1px;
    background: #fff;
    content: ""
}

.gallery .gallery-more span:after {
    position: absolute;
    top: 12px;
    right: -1006px;
    width: 1000px;
    height: 1px;
    background: #fff;
    content: ""
}

.gallery .alignleft {
    float: left;
    text-align: left
}

.gallery .alignleft.caption:before {
    left: 8px;
    margin: 0
}

.gallery .alignleft .gallery-more {
    margin: 0 0 0 8px
}

.gallery .alignright {
    float: right;
    background-position: 100% 0;
    text-align: right
}

.gallery .alignright.caption:before {
    left: auto;
    right: 2px;
    margin: 0
}

.gallery .alignright .gallery-more {
    margin: 0 2px 0 auto
}

.gallery .link {
    display: block
}

/* graduate-area */

.graduate-area {
    padding: 44px 0 20px;
    background: url(../images/bg-graduate-tabs.png);
    position: relative;
    min-height: 213px
}

.graduate-area:before {
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -12px;
    width: 24px;
    height: 9px;
    background: url(/site/images/ico-triangle.png) no-repeat;
    content: "";
    z-index: 2
}

.graduate-area .slideset {
    overflow: hidden
}

.gallery-controls {
    text-align: center;
    padding: 0 0 19px
}

.sub-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 24px/26px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-transform: uppercase
}

.sub-nav li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 3px
}

.sub-nav a {
    display: block;
    position: relative;
    background: #fff;
    color: #2c4263;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 1px 1px 2px 1px rgba(2, 2, 2, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(2, 2, 2, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 22px 4px
}

.sub-nav a:hover,
.sub-nav .flex-active a {
    text-decoration: none;
    background: #919292;
    color: #fff
}

.gallery-controls .quick,
.graduate-gallery .link,
.graduate-gallery .slide {
    display: none
}

.graduate-gallery .list {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 18px/20px AptiferSansLTW01-Bold, sans-serif;
    text-transform: uppercase
}

.graduate-gallery .list li {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding: 0 10px
}

.graduate-gallery .list .ico {
    display: block;
    background: url(/site/images/ico-02.png) no-repeat 50% 0;
    text-align: center;
    padding: 100px 0 0;
    color: #2c4263
}

.graduate-gallery .list .ico:hover {
    background: url(/site/images/ico-02-hover.png) no-repeat 50% 0;
    color: #75adcf;
    text-decoration: none
}

.graduate-gallery .list .ico-02 {
    background: url(../images/ico-03.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-03 {
    background: url(../images/ico-04.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-04 {
    background: url(../images/ico-05.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-05 {
    background: url(../images/ico-06.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-06 {
    background: url(../images/ico-07.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-07 {
    background: url(../images/ico-08.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-08 {
    background: url(../images/ico-09.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-02:hover {
    background: url(../images/ico-03-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-03:hover {
    background: url(../images/ico-04-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-04:hover {
    background: url(../images/ico-05-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-05:hover {
    background: url(../images/ico-06-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-06:hover {
    background: url(../images/ico-07-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-07:hover {
    background: url(../images/ico-08-hover.png) no-repeat 50% 0
}

.graduate-gallery .list .ico-08:hover {
    background: url(../images/ico-09-hover.png) no-repeat 50% 0
}

/* search-area */

.search-area {
    background: url(/site/images/img-05.png) no-repeat 50% 0;
    background-size: cover;
    position: relative;
    font: 24px/28px mendoza-book, serif;
    color: #fff;
    padding: 108px 0 134px;
    overflow: hidden
}

.search-area .triangle {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    height: 9px;
    width: 22px;
    margin-left: -11px;
    background: url(/site/images/ico-triangle-02.png) no-repeat
}

.search-area .triangle:before {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 9999px;
    height: 9px;
    background: #75adcf;
    content: ""
}

.search-area .triangle:after {
    position: absolute;
    top: 0;
    right: -9999px;
    width: 9999px;
    height: 9px;
    background: #75adcf;
    content: ""
}

.search-area .container {
    padding: 0 109px 0 96px;
    width: 999px
}

.search-area h3 {
    font: 60px/64px mendoza-medium, serif;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #75adcf;
    letter-spacing: -2px
}

.search-area p {
    margin: 0 0 50px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.46)
}

.search {
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    margin: 0 0 27px
}

.search .input {
    overflow: hidden;
    padding: 0 26px
}

.search .btn-search {
    float: right;
    width: 43px;
    height: 37px;
    background: #2c4263;
    margin: 12px 10px 0 0;
    padding: 0 0 4px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font: 24px/26px 'Aptifer Sans LT W01', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    position: relative
}

.search .btn-search:hover {
    background: #75adcf
}

.search .input .txt {
    float: left;
    width: 100%;
    background: none;
    margin: 0;
    padding: 15px 0 16px;
    border: 0;
    font: 22px/28px 'Aptifer Sans LT W01', sans-serif;
    height: 28px
}

.search-area .btn {
    padding: 8px 22px 10px;
    margin: 0 26px 10px 0
}

/* info-section */

.info-section {
    position: relative;
    background: #fff;
    text-align: center;
    font: 21px/34px mendoza-book-italic, sans-serif;
    color: #273d5e;
    padding: 79px 0
}

.info-section .container {
    padding: 0 20px;
    width: 1164px
}

.info-section h2 {
    font: 17px/30px 'Aptifer Sans LT W01', sans-serif;
    display: inline;
    font-weight: bold
}

.info-section h2 span {
    margin: 0 44px
}

.info-section p {
    margin: 0
}

/* numbers-gallery */

.gallery-holder {
    background: url(/site/images/bg-numbers-gallery.png);
    padding: 65px 0 0;
    position: relative
}

.gallery-holder:before,
.news-area:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    background: url(/site/images/bg-shadow-01.png) repeat-x;
    content: ""
}

.gallery-holder:after,
.news-area:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25px;
    background: url(/site/images/bg-shadow-02.png) repeat-x;
    content: ""
}

.gallery-holder:hover .numbers-gallery .flex-direction-nav a {
    opacity: 1
}

.gallery-holder h2 {
    margin: 0
}

.numbers-gallery {
    font: 16px/20px 'AptiferSansLTW01-Medium 721143', sans-serif;
    position: relative
}

.numbers-gallery .flex-viewport {
    padding: 37px 0 38px
}

.numbers-gallery .slides {
    list-style: none;
    margin: 0;
    padding: 0
}

.numbers-gallery .slides img {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 21px
}

.numbers-gallery .slides .box {
    display: block;
    color: #273d5e;
    text-align: center;
    margin: 0 50px
}

.numbers-gallery .slides .box:hover {
    text-decoration: none
}

.numbers-gallery .slides .box:hover img {
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.numbers-gallery .slides .box p {
    margin: 0
}

.numbers-gallery .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.numbers-gallery .flex-direction-nav a {
    opacity: 0;
    position: absolute;
    left: 18px;
    top: 62px;
    width: 23px;
    height: 33px;
    background: url(/site/images/arrow-02.png) no-repeat 0 -33px;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity .3s ease 0;
    -webkit-transition: opacity .3s ease 0;
    -o-transition: opacity .3s ease 0;
    -ms-transition: opacity .3s ease 0
}

.numbers-gallery .flex-direction-nav .flex-next {
    left: auto;
    right: 18px;
    background-position: -23px -33px
}

.numbers-gallery .flex-direction-nav a:hover {
    background-position: 0 0
}

.numbers-gallery .flex-direction-nav .flex-next:hover {
    background-position: -23px 0
}

/* instagram-area */

.instagram-gallery{
    position: relative;
}

.instagram-img{
    box-sizing: border-box;
    display: block;
    width: 185px;
    height: 185px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50%;
       object-position: 50%;
}

.instagram-slider-nav{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 60px;
    cursor: pointer;
    color: #A7A9AC;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.instagram-slider-nav:hover{
    color: #273D5E;
}

.instagram-slider-nav-right{
    right: 0;
}

.instagram-slider-nav-left{
    left: 0;
}

#instagram-gallery{
    margin: 0 50px;
    overflow: hidden;
}

.instagram-area p {
    color: #2c4263;
    text-align: center;
    font: 16px/20px 'AptiferSansLTW01-Medium 721143', sans-serif;
    margin-bottom: 20px
}

.instagram-area {
    padding: 62px 0 69px;
    background: url(/site/images/bg-instagram-area.jpg) no-repeat;
    background-size: cover;
    position: relative
}

.instagram-area:before {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -12px;
    width: 23px;
    height: 9px;
    background: url(/site/images/ico-triangle-03.png) no-repeat;
    content: "";
    z-index: 2
}

.instagram-area h3 {
    margin: 0
}

.instagram-gallery {
    position: relative;
    padding: 0 47px 40px 42px;
    overflow:hidden;
}

.instagram-area:hover .instagram-gallery .flex-direction-nav a {
    opacity: 1
}

.instagram-gallery .slides {
    list-style: none;
    margin: 0;
    padding: 0
    overflow: hidden !important;
}

.instagram-gallery .slides li {
    padding: 0 0 3px;
    text-align: center
}

.instagram-gallery .slides img {
    vertical-align: top
}

.instagram-gallery .slides a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 4px solid #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    margin: 0 15px
}

.instagram-gallery .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.instagram-gallery .flex-direction-nav a {
    opacity: 0;
    position: absolute;
    left: 18px;
    top: 79px;
    width: 23px;
    height: 33px;
    background: url(/site/images/arrow-02.png) no-repeat 0 -33px;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity .3s ease 0;
    -webkit-transition: opacity .3s ease 0;
    -o-transition: opacity .3s ease 0;
    -ms-transition: opacity .3s ease 0;
    z-index: 3
}

.instagram-gallery .flex-direction-nav .flex-next {
    left: auto;
    right: 18px;
    background-position: -23px -33px
}

.instagram-gallery .flex-direction-nav a:hover {
    background-position: 0 0
}

.instagram-gallery .flex-direction-nav .flex-next:hover {
    background-position: -23px 0
}

/* social-block */

.social-block {
    overflow: hidden;
    text-align: center
}

.instagram-area .social-block h3 {
    display: inline-block;
    font: 24px/26px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-transform: uppercase;
    margin: 2px 10px 0 0;
    color: #273d5e
}

.instagram-area .social {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 0;
    padding: 0
}

.instagram-area .social li {
    float: left;
    margin: 0 5px
}

.instagram-area .social a {
    display: block;
    width: 32px;
    height: 31px;
    background: url(/site/custom_scripts/styles/img/homepage/ico-social-homepage.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

.instagram-area .social .twitter {
    background-position: -97px 0
}

.instagram-area .social .instagram {
    background-position: -32px 0
}

.instagram-area .social .youtube {
    background-position: -129px 0
}

.instagram-area .social a:hover {
    background-position: 0 -31px
}

.instagram-area .social .snapchat {
    background-position: -64px 0
}

.instagram-area .social .pinterest {
    background-position: -161px 0
}

.instagram-area .social .twitter:hover {
    background-position: -97px -31px
}

.instagram-area .social .instagram:hover {
    background-position: -32px -31px
}

.instagram-area .social .youtube:hover {
    background-position: -129px -31px
}

.instagram-area .social .snapchat:hover {
    background-position: -64px -31px
}

.instagram-area .social .pinterest:hover {
    background-position: -161px -31px
}

/* visit-area */

.visit-area {
    background: url(../images/bg-visit-area.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    font: 22px/26px mendoza-book, serif;
    padding: 87px 0 135px
}

.visit-area h3 {
    font: 48px/52px mendoza-medium, serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px -4px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
    text-align: left
}

.visit-area .holder {
    width: 459px;
    float: right
}

.visit-area p {
    margin: 0 0 25px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.46)
}

.visit-area .btn-list {
    list-style: none;
    margin: 0;
    padding: 0 0 28px
}

.visit-area .btn-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 10px 0
}

.visit-area .btn {
    padding: 9px 17px 12px
}

/* video-block */

.video-block {
    border: 4px solid #fff;
    display: inline-block
}

div.jp-video {
    position: relative;
    border: 0
}

div.jp-video:hover div.jp-interface {
    bottom: 0
}

div.jp-video div.jp-interface {
    bottom: -100%;
    position: absolute;
    left: 0;
    right: 0;
    border: 0;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0
}

div.jp-title {
    display: none
}

a.jp-video-play-icon {
    background: url(/site/images/preimg.png) no-repeat;
    width: 116px;
    height: 115px;
    margin-left: -58px
}

/* news-area */

.news-area {
    padding: 69px 0 67px;
    text-align: center;
    position: relative;
    background: url(/site/images/bg-numbers-gallery.png)
}

.news-area h3 {
    margin: 0 0 32px
}

.news-area .holder {
    margin: 0 0 20px -28px;
    text-align: left
}

.news-area .holder:after {
    clear: both;
    content: '';
    display: block
}

.news-area .box {
    float: left;
    width: 210px;
    font: 12px/17px AptiferSansLTW01-Light, sans-serif;
    color: #444343;
    padding: 0 3px;
    margin: 0 0 0 27px
}

.news-area .box:hover {
    text-decoration: none;
    color: #2c4263
}

.news-area .box:hover .img {
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.news-area .box:hover .img .ico {
    background: #fff url(/site/images/ico-10-hover.png) no-repeat 7px 6px
}

.news-area .box .img {
    border: 4px solid #fff;
    display: block;
    position: relative;
    margin: 0 -3px 18px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2)
}

.news-area .box .img img {
    vertical-align: top;
    width: 100%
}

.news-area .box .img .ico {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 22px;
    background: #fff url(../images/ico-10.png) no-repeat 7px 6px
}

.news-area .box .subtitle {
    display: block;
    font: 14px/16px 'AptiferSansLTW01-Medium 721143', sans-serif;
    text-transform: uppercase;
    margin: 0 0 7px
}

.more {
    display: inline-block;
    vertical-align: top;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #363637;
    background: #fff url(../images/bg-more.png) no-repeat 12px 7px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 18px 11px 42px;
    position: relative
}

.more:hover {
    text-decoration: none;
    color: #fff;
    background: #363637 url(/site/images/bg-more.png) no-repeat 12px -67px
}

/* events-area */

.events-area {
    position: relative;
    background: url(/site/images/bg-events-area.jpg) no-repeat 50% 0;
    background-size: cover;
    padding: 67px 0 60px;
    text-align: center
}

.events-area h2 {
    margin: 0 0 32px
}

.events-area:before {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -12px;
    width: 23px;
    height: 9px;
    background: url(/site/images/ico-triangle-03.png) no-repeat;
    content: "";
    z-index: 2
}

.events-area:after {
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -12px;
    width: 23px;
    height: 9px;
    background: url(/site/images/ico-triangle-04.png) no-repeat;
    content: "";
    z-index: 2
}

.events-area .holder {
    padding: 0 120px 10px 117px;
    text-align: left
}

.events-area .holder:after {
    clear: both;
    content: '';
    display: block
}

.events-area .box {
    float: left;
    position: relative;
    width: 467px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    background: #fff
}

.events-area .box .img {
    border: 4px solid #fff
}

.events-area .box .img img {
    vertical-align: top;
    width: 100%
}

.events-area .box .link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px 40px 9px 11px
}

.events-area .box .link:after {
    top: 24px
}

.events-area .link {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif;
    color: #545353;
    padding: 11px 40px 11px 11px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2)
}

.events-area .link:hover {
    color: #2c4263;
    text-decoration: none
}

.events-area .link:hover .date {
    background: #2c4263
}

.events-area .link:after {
    position: absolute;
    top: 31px;
    right: 25px;
    width: 8px;
    height: 12px;
    background: url(/site/images/ico-10.png) no-repeat;
    content: ""
}

.events-area .link .date {
    float: left;
    width: 38px;
    padding: 6px 5px 9px;
    position: relative;
    background: #363637;
    font-size: 24px;
    line-height: 18px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 13px 0 0
}

.events-area .link .date span {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.events-area .link .text {
    display: table-cell;
    vertical-align: middle;
    height: 48px
}

.events-area .list {
    float: right;
    width: 464px;
    list-style: none;
    margin: 0;
    padding: 3px 0 0
}

.events-area .list li {
    margin: 0 0 26px
}

.events-area .more {
    background: #fff url(/site/images/bg-more-02.png) no-repeat 11px 8px
}

.events-area .more:hover {
    background: #363637 url(/site/images/bg-more-02.png) no-repeat 11px -69px
}

/* visual-block */

.visual-block {
    border-bottom: 7px solid #6697b8;
    margin: 0;
    position: relative
}

.visual-block img {
    vertical-align: top;
    width: 100%
}

.visual-block .page-title {
    display: none
}

/* main */

#main {
    width: 1189px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.main-holder {
    padding: 0 42px 61px 19px;
    background: #fff;
    overflow: hidden
}

h1 {
    float: left;
    font: 22px/26px mendoza-book, serif;
    margin: 0 0 2px !important;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.56);
    background: rgba(39, 61, 94, 0.85);
    padding: 15px 21px;
    letter-spacing: 2px
}

.breadcrumbs ul,
.top-add-nav-menu {
    list-style: none;
    margin: 0;
    padding: 16px 15px 12px;
    overflow: hidden;
    font: 12px/15px 'Aptifer Sans LT W01', sans-serif;
    color: #636466
}

.breadcrumbs ul li {
    float: left
}

.breadcrumbs ul li+li {
    background: url(/site/images/sep-breadcrumbs.png) no-repeat 7px 2px;
    padding: 0 0 0 16px
}

.top-add-nav-menu a {
    color: #636466;
    display: block
}

.top-add-nav-menu a:hover {
    text-decoration: none;
    color: #6697b8
}

/* two-columns */

.one-column,
.two-columns {
    border-top: 1px solid #ccc;
    font: 15px/22px mendoza-book, serif;
    color: #424242
}

.two-columns:after {
    clear: both;
    content: '';
    display: block
}

.two-columns p {
    margin: 0 0 12px
}

.two-columns em {
    font: 15px/22px mendoza-book-italic, serif
}

/* content */

#content {
    width: 813px;
    float: right;
    padding: 30px 0 0;
    position: relative
}

#content:before {
    position: absolute;
    top: 0;
    left: -46px;
    bottom: 0;
    width: 1px;
    background: #ccc;/* color update */
    content: ""
}

#content h2 {
    font: 32px/36px priori-sans-bold, sans-serif;
    margin: 0 0 13px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75)
}

#content .link {
    font-family: 'mendoza-medium', serif
}

#content .intro-txt {
    font-family: 'mendoza-medium', serif;
    text-transform: uppercase
}

#content .btn-default {
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    margin: 12px 0 34px
}

#content .holder {
    overflow: hidden;
    padding: 0 8px 41px 0
}

#content .img {
    border: 1px solid #dfdfdf
}

#content .alignright {
    float: right;
    margin: 1px 0 0
}

#content .img img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

#content .image__caption.img.top {
    border: 0
}

#content .image__caption.img.top figcaption {
    display: none
}

#content .img.top {
    margin: 14px 0 25px
}

#content .holder .text {
    overflow: hidden
}

#content h3 {
    font: 26px/28px prior-sans-reg, sans-serif;
    margin: 0 0 8px
}

.info-list,
#content ul {
    list-style: none; /*Turning this off fixes the bullets on the undergrad overview content area, but adds bullets to the grad programs accordions Mar 13 2020 - RF*/
    margin: 0;
    padding: 0 4px;
/*  font: 14px/20px 'Aptifer Sans LT W01', sans-serif*/ /*This was made on March 10, 2020 RF*/
}

.info-list li,
#content ul li {
    background: url(/site/images/bull-01.png) no-repeat 0 8px; /*If I remove this, it fixes the grad programs accordions but what else is effected? March 13, 2020 RF*/
    padding: 0 0 8px 28px
}

#content ol {
    margin: 0 0 0 14px;
    padding: 0 4px;
/*  font: 14px/20px 'Aptifer Sans LT W01', sans-serif  */
}

#content ol li {
    padding: 0 0 8px 10px
}

blockquote {
    background: url(/site/images/ico-19.png) no-repeat 2px 3px;
    margin: 0;
    padding: 0 62px;
    position: relative;
    font: 16px/22px mendoza-book-italic, serif;
    color: #2c4263
}

blockquote:before {
    position: absolute;
    top: 1px;
    bottom: 3px;
    left: 48px;
    width: 1px;
    background: #ccc;
    content: ""
}

blockquote q {
    display: block;
    padding: 0 0 12px
}

blockquote cite {
    font: 14px/16px priori-sans-bold, sans-serif;
    text-transform: uppercase
}

#content .frame {
    margin: 0 0 27px
}

#content .frame-01 {
    width: 229px
}

#content .frame-02 {
    width: 397px
}

#content .binder-box {
    margin: 8px 0 27px
}

.binder-box {
    padding: 31px 20px 20px
}

.sub-title {
    font: 20px/20px priori-sans-bold, sans-serif;
    text-transform: uppercase;
    margin: 0 0 9px;
    color: #273d5e
}

.binder-box ul {
    list-style: none;
    margin: 0;
    padding: 0 3px;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif
}

.binder-box ul li {
    padding: 0 0 8px 13px
}

.binder-box ul .has-child {
    background: url(/site/images/arrow-05.png) no-repeat 0 7px
}

.binder-box ul a {
    color: #424242
}

.binder-box ul a:hover {
    text-decoration: none;
    color: #75adcf
}

.advert-link {
    display: table;
    height: 67px;
    width: 100%;
    font: 18px/20px 'AptiferSansLTW01-Medium 721143', sans-serif;
    color: #fff;
    letter-spacing: 1px
}

.advert-link span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 29px 0 11px;
    background: #273d5e;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0
}

.advert-link:hover {
    text-decoration: none;
    color: #273d5e
}

.advert-link:hover span {
    background: #f0f0f0
}

/* info-box */

#content .info-box {
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #424242;
    padding: 27px 35px 31px 23px;
    overflow: hidden
}

.info-box .sub-title {
    border-bottom: 1px solid #ccc;
    padding: 0 0 4px;
    margin: 0 0 4px
}

.info-box .editor {
    padding: 1.2em 0
}

.info-box .editor p:first-child {
    font-weight: 900;
    font-size: 1.2em;
    line-height: 1.4em
}

.info-box p {
    margin: 0 0 19px
}

.info-box .btn-holder {
    text-align: center
}

.gallery .info-img .mask {
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    width: 100%
}

#content .gallery .image__thumbnail {
    float: none;
    margin: 0 auto
}

.gallery .info-img .text p {
    color: #fff
}

/* contact-box */

.contact-box {
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    padding: 26px 26px 27px
}

.contact-box .img {
    float: left;
    margin: 2px 29px 0 0
}

.contact-box .wrap {
    overflow: hidden
}

.contact-box h5 {
    font: 18px/20px priori-sans-bold, sans-serif;
    color: #273d5e;
    margin: 0 0 3px;
    text-transform: uppercase
}

.contact-box address {
    font-style: normal;
    border: solid #ccc;
    border-width: 1px 0;
    padding: 7px 0 4px;
    margin: 0 0 16px
}

.contact-box address span {
    display: block;
    overflow: hidden;
    padding: 0 0 6px 31px
}

.contact-box address span img {
    float: left;
    margin: 4px 0 0 -29px
}

.contact-box .intro {
    font: 16px/18px priori-sans-bold, sans-serif;
    margin: 0 0 10px;
    color: #273d5e
}

.contact-box p {
    margin: 0 0 8px
}

.contact-box .add-link {
    border-top: 1px solid #ccc;
    margin: 19px 0 0;
    padding: 14px 0 0
}

.contact-box .add-link strong {
    display: block;
    font-weight: normal;
    text-transform: uppercase
}

.contact-box .add-link ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.contact-box .add-link ul a {
    color: #424242
}

.contact-box .add-link ul a:hover {
    text-decoration: none;
    color: #75adcf
}

.contact-box .mobile-text {
    display: none
}

/* quick-links */

.quick-links {
    padding: 26px 24px 24px;
    margin: 0 0 28px
}

.quick-links .info-list a {
    color: #424242
}

.quick-links .info-list a:hover {
    text-decoration: none;
    color: #75adcf
}

.quick-links .sub-title {
    margin: 0 0 13px
}

.quick-links .info-list li {
    padding: 0 0 6px 13px
}

/* info-img */

.info-img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #fff;
    height: 190px;
    width: 250px;
    overflow: hidden;
    margin-left: 10px
}

.info-img img {
    vertical-align: top;
    height: auto;
    min-width: 100%
}

.gallery .info-img img {
    min-height: 100%
}

.info-img .img-title {
    position: absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
    font: 20px/22px priori-sans-bold, sans-serif;
    background: rgba(39, 61, 94, 0.85);
    padding: 13px 22px 15px 18px
}

.info-img .mask {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    height: 100%;
    background: rgba(39, 61, 94, 0.85);
    text-align: center;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    padding: 0 15px
}

.no-touch .info-img:hover .mask {
    top: 0;
    display: block !important
}

.info-img .mask .inner {
    display: table;
    width: 100%;
    height: 100%
}

.info-img .mask .cell {
    display: table-cell;
    vertical-align: middle
}

.info-img .mask strong {
    display: block;
    text-transform: uppercase;
    font: 20px/22px priori-sans-bold, sans-serif;
    margin: 0 0 3px
}

.info-img:hover .img-title {
    display: none
}

.info-img .text {
    position: relative;
    padding: 5px 0 0
}

.info-img .text p {
    margin: 0 0 18px
}

.info-img .btn-info {
    background: #75adcf;
    color: #fff
}

.info-img .btn-info:hover {
    background: #363637
}

.info-img .expand {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 21px;
    padding: 4px 2px 0;
    background: #fff;
    font: 15px/17px aptifer-sans-bold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #777676
}

/* blockquotes */

.blockquotes {
    overflow: hidden;
    padding: 24px 30px 21px 22px;
    margin: 0 0 29px
}

.blockquotes .img {
    float: left;
    margin: 3px 32px 0 0;
    max-width: 300px;
    position: relative
}

.left-supplements .blockquotes .img {
    float: none
}

.blockquotes blockquote {
    display: block;
    overflow: hidden !important;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #424242;
    position: relative;
    padding: 0;
    margin: 0 !important;
    background: none !important
}

.blockquotes blockquote:before {
    display: none
}

.blockquotes .img .ico {
    position: absolute;
    right: -17px;
    top: 13px;
    width: 36px;
    height: 36px;
    background: url(/site/images/ico-23.png) no-repeat;
    z-index: 3
}

.blockquotes h5,
.advert h5 {
    font: 18px/20px priori-sans-bold, sans-serif;
    color: #273d5e;
    text-transform: uppercase;
    margin: 0 0 4px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ccc
}

/* info-accordion */


.info-accordion {
    /*font: 14px/20px 'Aptifer Sans LT W01', sans-serif;*//*Removed on March 10, 2020*/
    color: #424242
}

.info-accordion .title-accordion {
    font: 18px/24px 'Aptifer Sans LT W01', sans-serif;
    color: #2c4263;
    margin: 0;
    background: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    outline: none;
    padding: 12px 30px 15px 26px;
    margin: 0 0 12px;
    cursor: pointer;
    overflow: hidden
}

.info-accordion .ui-state-active {
    background: #fff;
    border: solid #ccc;
    border-width: 1px 1px 0;
    padding: 11px 29px 15px 25px;
    margin: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.info-accordion .ui-accordion-header-icon {
    position: absolute;
    width: 13px;
    height: 9px;
    background: url(/site/images/arrow-06.png) no-repeat;
    top: 22px;
    right: 15px
}

.info-accordion .ui-state-active .ui-accordion-header-icon {
    background-position: 0 -191px
}

.info-accordion h6 {
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #2c4263;
    margin: 0;
    padding: 13px 26px 19px
}

.info-accordion .accordion-area {
    border: solid #ccc;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin: 0 0 13px;
    border-top: 1px solid #ccc
}

.info-accordion .block {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 22px 26px 24px
}

.info-accordion .block a {
    font-family: 'AptiferSansLTW01-Bold', sans-serif
}

.info-accordion .accordion-area .img {
    float: left;
    margin: 0 25px 0 0
}

.info-accordion .text {
    overflow: hidden
}

.info-accordion .text .sub-head {
    display: block;
    font: 16px/18px mendoza-medium, serif;
    text-transform: uppercase;
    color: #2c4263;
    margin: 0 0 2px
}

.info-accordion .text p {
    margin: 0
}

aside .info-accordion .accordion-area {
    padding: 22px 26px 24px
}

/* aside */

aside {
    overflow: hidden;
    padding: 21px 46px 0 0;
    position: relative
}

aside.left-supplements {
    padding-right: 0
}

.sec-nav+aside {
    padding-top: 0
}

aside h4 {
    font: 24px/25px priori-sans-bold, sans-serif;
    margin: 0 14px 13px;
    text-transform: uppercase
}

.sec-nav {
    list-style: none;
    margin: 0 0 34px;
    padding: 0;
    font: 16px/20px 'Aptifer Sans LT W01', sans-serif
}

.sec-nav a,
.sec-nav li>span {
    color: #636466;
    display: block;
    padding: 6px 13px 5px
}

.sec-nav>li>a:hover,
.sec-nav .current-page>a {
    text-decoration: none;
    background: #273d5e;
    color: #fff
}

.sec-nav>[data-nav-active]>a,
.sec-nav>[data-nav-active]>span {
    background: #293e5d;
    color: #fff
}

.sec-nav ul {
    list-style: none;
    margin: 0;
    padding: 4px 26px 5px
}

.sec-nav ul a:hover {
    text-decoration: none;
    color: #6697b8
}

.sec-nav ul ul {
    border: 0;
    font-size: 14px;
    line-height: 16px;
    padding: 2px 26px 0
}

.sec-nav ul ul li {
    padding: 0 0 4px
}

.sec-nav ul ul a {
    padding: 0
}

.sec-nav>[data-nav-active] {
    border-bottom: 1px solid #ccc
}

.sec-nav li [data-nav-active] span {
    top: 31px;
    right: 25px;
    background: url(../images/ico-10.png) no-repeat 0 10px;
    content: ""
}

aside .advert-link {
    margin: 0 0 18px
}

aside .frame:first-child .advert-link {
    margin-top: -21px
}

aside.left-supplements .info-box {
    margin: 0 0 28px;
    padding: 27px 32px 33px
}

aside .info-box .sub-title {
    padding: 0 0 7px 9px;
    margin: 0 0 5px -9px
}

aside .info-box p {
    margin: 0 0 13px
}

aside .info-box .btn-holder {
    text-align: left;
    margin: 0 0 0 -9px
}

aside .contact-box {
    padding: 26px 24px 34px
}

aside.left-supplements .contact-box {
    margin: 0 0 26px
}

aside.left-supplements .info-img {
    padding: 29px 24px;
    background: #f0f0f0;
    display: block;
    width: auto;
    height: auto;
    margin-left: 0
}

aside.left-supplements .info-img .img-title {
    display: none
}

aside.left-supplements .info-img .btn-info {
    background: #fff;
    color: #273d5e
}

aside.left-supplements .info-img img {
    margin: 0 0 10px !important;
    float: none !important
}

aside.left-supplements .info-img .mask {
    position: relative;
    background: none;
    text-align: left;
    padding: 0;
    color: #424242;
    top: 0 !important
}

aside.left-supplements .info-img .mask strong {
    color: #273d5e
}

aside.left-supplements .info-img .text:before {
    display: none;
    content: none;
    background: none
}

aside .contact-box address {
    border-width: 1px 0 0
}

aside .contact-box .img {
    margin: 0 0 10px;
    float: none
}

aside .img img {
    width: 100%
}

aside .contact-box li a {
    word-break: break-all;
    display: block;
    word-wrap: break-word
}

aside .contact-box address {
    margin: 0
}

aside .contact-box .add-link {
    margin: 0;
    padding: 10px 0 0
}

aside .quick-links {
    padding: 29px 24px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

aside .img-box {
    padding: 27px 24px 31px;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    margin: 0 0 29px
}

aside .img-box .sub-head {
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    color: #273d5e;
    margin: 0 0 8px
}

aside .img-box .img {
    margin: 0 0 21px
}

aside .img-box .sub-title {
    margin: 0 0 6px
}

aside .img-box p {
    margin: 0 0 17px
}

aside .blockquotes {
    padding: 29px 24px
}

aside .blockquotes .img:before {
    top: auto;
    bottom: -14px;
    left: -16px;
    right: auto
}

aside .info-accordion {
    margin: 0 11px 0 0
}

aside .info-accordion .title-accordion {
    padding: 12px 30px 18px 23px
}

aside .info-accordion .ui-state-active {
    padding: 11px 29px 18px 22px
}

aside .info-accordion .block {
    padding: 22px 23px 24px
}

aside .left-nav {
    margin-bottom: 2em
}

.results_right,
.results_left {
    float: left;
    width: 100%
}

/* heading */

.heading {
    background: #f0f0f0;
    padding: 165px 0 36px;
    margin: 0;
    clear: both;
}

.heading .holder {
    width: 1161px;
    margin: 0 auto;
    padding: 0 14px
}

.custom-events__header-with-tabs .holder {
    width: auto
}

.heading h1 {
    font: 22px/26px mendoza-book, serif;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: none;
    float: none;
    text-shadow: none
}

@media only screen and (min-width: 768px) {
    aside {
        max-width: 198px
    }

    aside.bottom-supplements {
        max-width: none
    }

    #content .gallery .info-img .mask {
        padding: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1000px) {
    aside {
        max-width: 217px
    }
}

@media only screen and (min-width: 1205px) {
    aside {
        max-width: 269px
    }
}

@media only screen and (max-width: 1430px) and (min-width: 1205px) {
    .gallery .holder .container {
        width: 1000px
    }
}

@media only screen and (max-width: 1204px) and (min-width: 1000px) {
    .form__block select {
        width: 67%
    }

    .container {
        width: 1024px
    }

    .gallery {
        margin-top: 0
    }

    .gallery .holder .container {
        width: 860px
    }

    .gallery .flex-direction-nav a {
        left: 10px
    }

    .gallery .flex-direction-nav .flex-next {
        right: 10px
    }

    .graduate-gallery .list li {
        width: 150px
    }

    .search-area .container {
        padding: 0 20px;
        width: 984px
    }

    .info-section .container {
        width: 984px
    }

    .info-section h2 span {
        margin: 0 21px
    }

    .instagram-gallery .slides img {
        width: 100%
        max-width: 200px;
    }

    .visit-area .container {
        padding: 0 20px;
        width: 984px
    }

    .news-area .hidden-tablet {
        display: none
    }

    .news-area .holder {
        padding: 0 20px
    }

    .events-area .holder {
        padding: 0 10px 10px
    }

    #main {
        width: 1024px
    }

    #content {
        width: 700px
    }
}

/* tablet media */

@media only screen and (max-width: 999px) {
    .container {
        max-width: 726px;
        width: auto
    }

    .apply-box {
        display: none
    }

    #page>.move-btn {
        display: none !important
    }

    /* allert-box */
    .allert-box {
        font-size: 14px;
        line-height: 18px
    }

    .allert-box h3 {
        font-size: 18px;
        line-height: 25px;
        width: 264px;
        margin: 0 20px 0 0
    }

    .allert-box .holder {
        padding: 9px 80px 0 0
    }

    .allert-box .btn {
        text-decoration: none;
        background: #77a4c1;
        color: #fff
    }

    .allert-box .btn-holder a:before {
        content: 'More'
    }

    .allert-box .close {
        right: 3px
    }

    /* gallery */
    #content .item-list__images.gallery {
        display: block
    }

    .gallery .slides li {
        background: none !important;
        min-height: 1px
    }

    .gallery .holder {
        left: 0;
        right: 0
    }

    .gallery .holder .inner {
        padding: 0
    }

    .gallery .flex-direction-nav {
        display: none
    }

    /* graduate-area */
    .graduate-area {
        padding: 40px 0 20px;
        min-height: 194px
    }

    .gallery-controls {
        padding: 0 0 35px
    }

    .sub-nav li {
        margin: 0 8px 0 9px
    }

    .graduate-gallery .list {
        margin: 0 -10px;
        font-size: 13px;
        line-height: 16px
    }

    .graduate-gallery .list li {
        width: 111px;
        padding: 0 5px
    }

    .graduate-gallery .list .ico,
    .graduate-gallery .list .ico:hover {
        background-size: 60%
    }

    .graduate-gallery .list .ico {
        padding: 72px 0 0
    }

    /* search-area */
    .search-area {
        padding: 87px 0 92px
    }

    .search-area .container {
        padding: 0 10px;
        max-width: 706px
    }

    .search-area h3 {
        font-size: 41px;
        line-height: 45px;
        margin: 0 0 10px
    }

    .search-area p {
        margin: 0 0 42px
    }

    .search .input .txt {
        font-size: 20px;
        line-height: 25px;
        height: 25px;
        padding: 14px 0 15px
    }

    .search .input {
        padding: 0 23px
    }

    .search {
        margin: 0 0 21px
    }

    .search .btn-search {
        width: 39px;
        height: 34px;
        margin: 11px 12px 0 0
    }

    /* info-section */
    .info-section {
        padding: 59px 0 63px;
        line-height: 33px;
        font-size: 20px
    }

    .info-section h2 {
        margin: 0 0 23px
    }

    .info-section h2 span {
        display: block;
        margin: 0 0 1px
    }

    /* gallery-holder */
    .gallery-holder {
        padding: 46px 0 0
    }

    .numbers-gallery {
        font-size: 14px;
        line-height: 15px
    }

    .numbers-gallery .flex-viewport {
        padding: 38px 0 52px
    }

    .numbers-gallery .slides img {
        height: 113px;
        width: auto;
        margin: 0 0 14px
    }

    .numbers-gallery .slides .box {
        margin: 0 10px
    }

    .numbers-gallery .flex-direction-nav a {
        left: -2px;
        opacity: 1
    }

    .numbers-gallery .flex-direction-nav .flex-next {
        right: -2px
    }

    /* instagram-area */
    .instagram-area {
        padding: 64px 0 67px
    }

    .instagram-gallery {
        padding: 0 55px 41px 56px
    }

    .instagram-gallery:after {
        clear: both;
        content: '';
        display: block
    }

    .instagram-gallery .slides a {
        margin: 0 6px
    }

    /* visit-area */
    .visit-area {
        font-size: 20px;
        line-height: 23px;
        padding: 62px 0 76px
    }

    .visit-area .container {
        padding: 0 25px;
        max-width: 676px
    }

    .visit-area .holder {
        width: 399px
    }

    .visit-area h2 {
        font-size: 43px;
        line-height: 46px
    }

    .visit-area p {
        margin: 0 0 24px
    }

    .visit-area .btn-list {
        padding: 0 0 24px
    }

    .visit-area .btn {
        padding: 7px 11px 10px
    }

    div.jp-video-236p div.jp-video-play {
        height: 212px;
        margin-top: -212px
    }

    div.jp-controls-holder {
        width: 391px
    }

    /* news-area */
    .news-area h3 {
        margin: 0 0 25px
    }

    .news-area .holder {
        margin: 0 0 30px -12px
    }

    .news-area .box {
        width: 163px;
        margin-left: 12px
    }

    .news-area .box.hidden-tablet {
        display: none
    }

    .news-area .box .subtitle {
        margin: 0 0 6px
    }

    .news-area .box .img .ico {
        background: #fff url(/site/images/ico-11.png) no-repeat 6px 5px;
        width: 15px;
        height: 17px
    }

    .news-area .box:hover .img .ico {
        background-image: url(/site/images/ico-11-hover.png)
    }

    /* events-area */
    .events-area {
        padding: 67px 0 49px
    }

    .events-area h2 {
        margin: 0 0 36px
    }

    .events-area .holder {
        padding: 0 0 29px
    }

    .events-area .box {
        width: 351px
    }

    .events-area .list {
        width: 347px
    }

    .events-area .link {
        font-size: 13px;
        line-height: 14px;
        padding: 8px 40px 8px 8px
    }

    .events-area .link .date {
        font-size: 18px;
        line-height: 15px;
        width: 26px;
        padding: 4px 5px 5px
    }

    .events-area .link .date span {
        font-size: 10px;
        line-height: 12px
    }

    .events-area .link .text {
        height: 36px
    }

    .events-area .link:after {
        background: url(/site/images/ico-12.png) no-repeat;
        width: 7px;
        height: 9px;
        right: 17px;
        top: 23px
    }

    .events-area .list li {
        margin: 0 0 21px
    }

    .events-area .box .link {
        padding: 3px 40px 6px 9px
    }

    .events-area .box .link:after {
        top: 17px
    }

    /* visual-block */
    .visual-block {
        margin: 0;
    }

    /* heading */
    .heading {
        padding: 53px 0 16px
    }

    .heading .holder {
        max-width: 700px;
        padding: 0 13px;
        width: auto
    }

    /* main */
    #main {
        width: 726px
    }

    .main-holder {
        padding: 0 13px 48px
    }

    h1 {
        font-size: 18px;
        line-height: 22px;
        padding: 15px 21px 11px;
        margin: -48px 0 0
    }

    /* content */
    #content {
        width: 478px;
        padding: 16px 0 0
    }

    #content:before {
        left: -24px
    }

    .top-add-nav-menu {
        padding: 16px 0 12px
    }

    #content .btn-default {
        margin: 14px 0 24px
    }

    #content .holder .img {
        max-width: 30%
    }

    .info-list {
        padding: 0 17px
    }

    .info-list li {
        padding: 0 0 8px 13px
    }

    #content .holder {
        padding: 0 0 23px
    }

    #content .img.top {
        margin: 14px 0 12px
    }

    #content .binder-box {
        margin: 12px 0 27px
    }

    .binder-box {
        padding: 23px 20px 17px
    }

    .binder-box ul {
        padding: 0 2px
    }

    .sub-title {
        font-size: 18px;
        line-height: 20px
    }

    #content .frame-02 {
        width: auto;
        margin: 0 0 34px
    }

    .contact-box {
        padding: 26px 22px 27px
    }

    .contact-box .img {
        width: 130px;
        margin: 0 19px 0 0
    }

    .contact-box address {
        padding: 0 7px;
        margin: 0 0 11px
    }

    .contact-box .add-link {
        margin: 16px 0 0
    }

    .quick-links {
        padding: 27px 27px 17px;
        margin: 0 0 32px
    }

    .quick-links .info-list {
        padding: 0 1px
    }

    .blockquotes {
        padding: 21px 25px 26px 18px
    }

    .blockquotes .img {
        width: 143px;
        margin: 0 21px 0 0;
        max-width: none
    }

    .blockquotes .img:before {
        width: 30px;
        height: 30px;
        background-size: cover;
        right: -13px;
        top: 29px
    }

    .blockquotes h5 {
        padding: 0 0 3px
    }

    .info-accordion .block {
        padding: 22px 26px 16px
    }

    /* aside */
    aside {
        padding: 22px 24px 0 0
    }

    aside h4 {
        font-size: 22px;
        line-height: 24px;
        margin: 0 4px 15px
    }

    .sec-nav {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 55px
    }

    .sec-nav ul {
        padding: 6px 0 5px 5px
    }

    .sec-nav ul ul {
        padding: 4px 0 0 22px
    }

    .sec-nav a {
        padding: 6px 4px 5px
    }

    .sec-nav ul a {
        padding: 6px 0 5px 13px
    }

    aside .info-box {
        margin: 0 0 26px
    }

    aside .info-box p {
        margin: 0 0 10px
    }

    aside .contact-box {
        padding: 21px 21px 25px
    }

    aside .contact-box .img {
        width: auto;
        margin: 0 -2px 12px
    }

    aside .contact-box address {
        padding: 8px 0 4px
    }

    aside .quick-links {
        padding: 20px 23px 18px;
        margin: 0 0 28px
    }

    aside .img-box {
        padding: 25px 21px 28px
    }

    aside .img-box .img {
        margin: 0 0 14px
    }

    aside .img-box p {
        margin: 0 0 21px
    }

    aside .blockquotes {
        padding: 26px 18px 24px 21px
    }

    aside .blockquotes .img {
        width: 143px;
        margin: 0 21px 0 0
    }

    aside .blockquotes .img:before {
        left: -10px;
        bottom: -6px
    }

    aside .blockquotes h5 {
        padding: 0 0 4px
    }

    aside .info-accordion .title-accordion {
        font-size: 17px;
        line-height: 20px;
        padding: 15px 30px 23px 17px
    }

    aside .info-accordion .ui-state-active {
        padding: 14px 29px 17px 16px
    }

    aside .info-accordion .text .sub-head {
        font-size: 15px;
        line-height: 19px
    }

    aside .info-accordion .block {
        padding: 14px 16px 15px
    }

    .move-btn {
        display: none
    }
}

/* mobile media */

@media only screen and (max-width: 766px) {
  #instagram-gallery{
      margin: 0!important;
      overflow: visible!important;
      width: 100%;
  }

  .instagram-gallery{
      width: 100%!important;
  }

    /* JADU CODE */
    aside .left-supplements {
        padding-left: 5px
    }

    .form__block label {
        width: 100%;
        float: left
    }

    aside .blockquotes .img {
        float: none;
        width: auto;
        margin: 0 2px 24px;
        max-width: none
    }

    .mm-list li,
    .mm-list {
        float: none !important
    }

    .mm-list li {
        margin: 0 !important
    }

    .mm-list li>div {
        display: none !important
    }

    .mm-menu #audiencesMenu {
        font: 15px/18px AptiferSansLTW01-Bold, sans-serif;
        list-style: none;
        padding: 20px 0;
        text-transform: uppercase
    }

    .form__block select,
    .form__block input,
    .form__block textarea {
        float: left;
        border-radius: 6px;
        padding: 6px 16px;
        border: none
    }

    .search-holder {
        display: block !important;
        max-width: none
    }

    .search-holder.container {
        padding: 0 !important
    }

    /* END CODE */
    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .btn {
        font-size: 11px;
        line-height: 13px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 4px 10px 6px
    }

    .title {
        font-size: 27px;
        line-height: 30px
    }

    /* allert-box */
    .allert-box {
        padding: 13px 0 29px;
        border: 0
    }

    .allert-box h3 {
        float: none;
        width: auto;
        margin: 0 45px 14px 0
    }

    .allert-box h3:before {
        display: none
    }

    .allert-box .close {
        right: 20px;
        top: 10px
    }

    .allert-box .holder {
        padding: 0
    }

    .allert-box .btn-holder {
        display: block;
        margin-top: 10px;
        width: auto
    }

    .sticky-wrapper {
        height: auto !important
    }

    .btn-mobile {
        display: block;
        float: right;
        width: 26px;
        height: 20px;
        background: url(/site/images/bg-btn-mobile.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        margin: 0 0 0 24px
    }

    html.mm-opened .mm-page {
        background: #fff;
        z-index: 99
    }

    .mm-menu {
        background: #4d607c
    }

    .mm-menu>.mm-panel {
        padding-top: 0
    }

    .mm-menu .mm-list {
        list-style: none;
        margin-bottom: 53px;
        padding: 0;
        font: 22px/24px 'AptiferSansLTW01-Medium 721143', sans-serif;
        text-shadow: 1px 1px rgba(2, 2, 2, 0.5)
    }

    .mobile-nav>li>a,
    .mm-menu .mm-list>li>a.mm-subclose {
        color: #fff;
        padding: 9px 20px 7px
    }

    .mobile-nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .mm-highest li a {
        color: #cfcfcf !important;
        padding: 5px 29px 9px
    }

    .mm-menu .mm-highest {
        font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
        padding: 20px 0 40px;
        text-shadow: 1px 1px rgba(2, 2, 2, 0.5)
    }

    .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
        margin-left: 0
    }

    .mm-list a.mm-subopen {
        left: 0;
        width: auto
    }

    .mm-list a.mm-subopen+a {
        text-transform: lowercase;
        color: #fff !important
    }

    .mm-list a.mm-subopen:before,
    .mm-list a.mm-subclose:before {
        display: none
    }

    .mm-menu .mm-list>li>a.mm-subopen:after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #293e5d;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        height: 0;
        width: 0
    }

    .mm-list a.mm-subopen:after {
        border: 0
    }

    .mm-menu .mm-list>li.mm-subtitle>a {
        font: 22px/24px 'AptiferSansLTW01-Medium 721143', sans-serif;
        text-indent: 0 !important;
        background: none;
        border-bottom: 1px solid #3b4f6c;
        color: #fff !important;
        padding-left: 18px;
        margin-top: -3px;
        text-transform: lowercase
    }

    .mm-menu .mm-list>li:after {
        border-color: #3b4f6c !important
    }

    .mm-list .back-holder {
        margin: -20px 0 9px !important
    }

    #menu .subtitle {
        font: 16px/18px 'Aptifer Sans LT W01', sans-serif;
        display: block;
        color: #bfbfbf;
        margin: 0 0 -11px
    }

    .add-navigation {
        font: 15px/18px AptiferSansLTW01-Bold, sans-serif;
        list-style: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase
    }

    .add-navigation>li>a {
        color: #e7e7e7
    }

    .add-navigation>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
        display: none
    }

    .mm-menu .back-btn {
        display: block;
        position: relative;
        font: 16px/18px 'Aptifer Sans LT W01', sans-serif;
        color: #9e9fa1 !important;
        background: #e3e5e7 !important;
        text-transform: uppercase;
        margin: 0 -20px;
        padding: 8px 35px;
        text-shadow: none
    }

    .mm-menu .back-btn:before {
        position: absolute;
        left: 18px;
        top: 11px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #9e9fa1;
        content: ""
    }

    .mm-menu .back-btn:hover {
        text-decoration: none
    }

    .mm-list .back-holder .back-btn {
        margin: 0
    }

    .mm-menu .back-holder:before {
        position: absolute;
        left: 18px;
        top: 11px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #9e9fa1;
        content: "";
        z-index: 1
    }

    /* gallery */
    .gallery {
        display: none
    }

    .info-box.gallery {
        display: block
    }

    #content .info-box.gallery {
        padding: 27px 0 31px
    }

    /* graduate-area */
    .graduate-area {
        padding: 27px 0;
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2)
    }

    .graduate-area .container {
        padding: 0
    }

    .gallery-controls {
        padding: 0 0 12px
    }

    .graduate-area .slideset {
        margin: 0 auto;
        max-width: 400px
    }

    .graduate-gallery {
        text-align: center
    }

    .graduate-gallery .list {
        font-size: 11px;
        line-height: 13px;
        margin: 0 0 -5px
    }

    .graduate-gallery .list li {
        padding: 0 5px 24px;
        width: 95px
    }

    .sub-nav {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 1px
    }

    .sub-nav li {
        display: none
    }

    .sub-nav .flex-active {
        display: block
    }

    .sub-nav a {
        display: inline-block;
        vertical-align: top;
        padding: 0
    }

    .sub-nav .flex-active a {
        background: none;
        color: #0b3551;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .gallery-controls .quick {
        display: inline-block;
        vertical-align: top;
        font: 16px/18px 'AptiferSansLTW01-Medium 721143', sans-serif;
        color: #9fa0a0;
        text-transform: uppercase
    }

    .graduate-gallery .list .ico,
    .graduate-gallery .list .ico:hover {
        background-size: 59%
    }

    .graduate-gallery .list .ico {
        padding: 57px 0 0
    }

    .graduate-gallery .link {
        display: inline-block;
        vertical-align: top;
        color: #9fa0a0;
        background: url(/site/images/ico-18.png) no-repeat 100% 3px;
        padding: 0 18px 0 0;
        font-size: 16px;
        line-height: 18px
    }

    /* search-area */
    .search-area {
        padding: 36px 0 43px
    }

    .search-area .container {
        width: auto
    }

    .search-area h3 {
        font-size: 23px;
        line-height: 25px;
        margin: 0 0 18px
    }

    .search-area p {
        display: none
    }

    .search {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 0 0 11px
    }

    .search .input .txt {
        font-size: 11px;
        line-height: 14px;
        height: 14px;
        padding: 9px 0
    }

    .search .btn-search {
        width: 25px;
        height: 21px;
        font-size: 13px;
        line-height: 15px;
        margin: 6px 5px 0 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .search-area .btn-holder {
        text-align: center
    }

    .search-area .btn {
        padding: 4px 10px 6px;
        margin: 0 3px 5px
    }

    .search-area .btn span {
        display: none
    }

    /* info-section */
    .info-section {
        padding: 27px 0 36px;
        font-size: 14px;
        line-height: 17px
    }

    .info-section .container {
        width: auto
    }

    .info-section h2 {
        font-size: 18px;
        line-height: 23px;
        margin: 0 0 10px
    }

    .info-section h2 span {
        margin: 0
    }

    /* numbers-gallery */
    .gallery-holder {
        padding: 37px 0 0
    }

    .numbers-gallery {
        font-size: 16px;
        line-height: 20px
    }

    .numbers-gallery .flex-viewport {
        padding: 14px 0 32px
    }

    .numbers-gallery .slides .box {
        margin: 0 30px
    }

    .numbers-gallery .slides img {
        height: 153px;
        margin: 0 0 9px
    }

    .numbers-gallery .flex-direction-nav a {
        left: 0;
        top: 46px
    }

    .numbers-gallery .flex-direction-nav .flex-next {
        right: 0
    }

    /* instagram-gallery */
    .instagram-area {
        padding: 29px 0 34px;
        overflow: hidden
    }

    .instagram-area h3 {
        margin: 0 0 18px
    }

    .instagram-gallery {
        padding: 0 0 20px;
        width: 207px;
        margin: 0 auto
    }

    .instagram-gallery .flex-viewport {
        overflow: visible !important
    }

    .instagram-gallery .slides a {
        margin: 0 7px
    }

    .instagram-gallery .flex-direction-nav a {
        left: -43px
    }

    .instagram-gallery .flex-direction-nav .flex-next {
        right: -43px
    }

    .social-block h3 {
        display: block;
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 5px
    }

    .instagram-gallery .flex-direction-nav {
        display: none
    }

    /* visit-area*/
    .visit-area {
        font-size: 17px;
        line-height: 20px;
        text-align: center;
        padding: 35px 0 4px
    }

    .visit-area .container {
        padding: 0 20px;
        width: auto
    }

    .visit-area .holder {
        float: none;
        width: auto
    }

    .video-block {
        display: none
    }

    .visit-area h2 {
        font-size: 27px;
        line-height: 30px;
        text-align: center;
        margin: 0 0 11px
    }

    .visit-area p {
        margin: 0 0 21px
    }

    .visit-area .btn {
        font-size: 14px;
        line-height: 16px;
        padding: 7px 12px 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .visit-area .btn-list {
        padding: 0 0 25px
    }

    .visit-area .btn-list li {
        margin: 0 9px 9px
    }

    /* news-area */
    .news-area {
        padding: 35px 0 38px
    }

    .news-area .holder {
        margin: 0 0 -18px
    }

    .news-area h3 {
        margin: 0 0 19px
    }

    .news-area .box {
        float: none;
        display: block;
        position: relative;
        width: auto;
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 34px;
        padding: 0
    }

    .news-area .box:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    .news-area .box+.box:before {
        position: absolute;
        left: 0;
        right: 0;
        top: -18px;
        height: 1px;
        background: #c2c2c2;
        content: "";
        cursor: default
    }

    .news-area .box .img,
    .news-area .box.hidden {
        display: none
    }

    .news-area .box .subtitle {
        font-size: 16px;
        line-height: 19px;
        margin: 0 0 4px
    }

    .more {
        font-size: 14px;
        line-height: 16px;
        padding: 7px 10px 8px 32px;
        background-size: 16px auto;
        background-position: 9px 5px
    }

    .more:hover {
        background-size: 16px auto;
        background-position: 9px -53px
    }

    /* events-area */
    .events-area {
        padding: 38px 0 40px
    }

    .events-area h2 {
        margin: 0 0 15px
    }

    .events-area .holder {
        padding: 0 0 12px
    }

    .events-area .box {
        float: none;
        width: auto;
        margin: 0 0 15px
    }

    .events-area .box .img {
        display: none
    }

    .events-area .list {
        float: none;
        width: auto
    }

    .events-area .list li {
        margin: 0 0 17px
    }

    .events-area .link,
    .events-area .box .link {
        padding: 6px 40px 7px 6px
    }

    .events-area .link .date {
        font-size: 15px;
        line-height: 11px;
        width: 20px;
        padding: 2px 5px 6px;
        margin: 0 7px 0 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .events-area .link .date span {
        font-size: 8px;
        line-height: 10px
    }

    .events-area .link .text {
        height: 29px
    }

    .events-area .link:after {
        background: url(/site/images/ico-17.png) no-repeat;
        width: 6px;
        height: 9px;
        top: 17px;
        right: 14px
    }

    .events-area .more {
        background-size: 17px auto;
        background-position: 9px 6px;
        padding: 7px 12px 8px 34px
    }

    .events-area .more:hover {
        background-size: 17px auto;
        background-position: 9px -54px
    }

    /* visual-block */
    .visual-block {
        margin: 0
    }

    .visual-block .page-title {
        display: block;
        position: absolute;
        left: 6px;
        right: 6px;
        bottom: 7px
    }

    .visual-block .page-title h1 {
        font-size: 18px;
        line-height: 20px;
        margin: 0
    }

    /* main */
    #main {
        max-width: 726px;
        width: auto
    }

    .main-holder {
        padding: 0 20px 28px
    }

    #main .page-title {
        display: none
    }

    .custom-events #main .page-title {
        display: block
    }

    .breadcrumbs {
        padding: 12px 0 0;
        display: none
    }

    .top-add-nav {
        margin-top: 12px
    }

    .top-add-nav .top {
        display: block;
        overflow: hidden;
        font: 16px/18px 'Aptifer Sans LT W01', sans-serif;
        background: #e7e7e7;
        color: #636466;
        padding: 15px 14px 14px 10px
    }

    .btn-top-add-nav {
        float: right;
        width: 25px;
        height: 18px;
        background: url(/site/images/bg-btn-breadcrumbs.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden
    }

    .top-add-nav .top p {
        margin: 0;
        overflow: hidden
    }

    .top-add-nav-menu {
        display: none;
        background: none repeat scroll 0 0 #E7E7E7;
        font: 16px/18px 'Aptifer Sans LT W01', sans-serif;
        margin-top: 2px;
        padding: 5px
    }

    .top-add-nav ul li {
        float: none
    }

    .top-add-nav ul li>a {
        padding: 15px 0 15px 10px
    }

    .top-add-nav ul li+li {
        background: none;
        border-top: solid #ccc 1px
    }

    /* two-columns */
    .two-columns {
        border: 0
    }

    /* heading */
    .heading {
        padding: 34px 0 13px;
        margin: 0
    }

    .heading h2 {
        font-size: 18px;
        line-height: 20px
    }

    .heading .holder {
        padding: 0 20px
    }

    /* content */
    #content {
        float: none;
        width: auto;
        padding: 40px 0 37px
    }

    #content:before {
        display: none
    }

    #content h2 {
        line-height: 27px;
        margin: 0 0 3px
    }

    #content .btn-default {
        margin: 28px 0 39px
    }

    #content .holder .img {
        max-width: 50%
    }

    .info-list {
        padding: 0 3px
    }

    .info-list li {
        padding: 0 0 8px 30px
    }

    #content .holder {
        padding: 0 0 30px
    }

    blockquote {
        margin: 0;
        background-position: 2px 3px;
        padding: 0 0 0 71px
    }

    blockquote:before {
        left: 57px
    }

    blockquote q {
        padding: 0
    }

    #content .img.top {
        margin: 0 0 17px
    }

    #content .frame-01 {
        width: auto;
        margin: 0 0 19px
    }

    #content .binder-box {
        margin: 16px 0 17px
    }

    .sub-title {
        font-size: 20px;
        line-height: 20px
    }

    .binder-box {
        padding: 32px 20px 20px
    }

    .binder-box .sub-title {
        margin: 0 0 8px
    }

    .binder-box ul li {
        padding: 0 0 8px 12px
    }

    .info-box {
        padding: 21px 20px 19px 23px
    }

    .info-box p {
        margin: 0 0 7px
    }

    .info-box .btn-holder {
        text-align: left
    }

    #content .frame-02 {
        margin: 0 0 17px
    }

    .contact-box {
        padding: 26px 22px 34px
    }

    .contact-box .img {
        width: auto;
        margin: 0 0 15px;
        float: none
    }

    .contact-box .img img {
        width: 100%
    }

    .contact-box .intro,
    .contact-box .hidden {
        display: none
    }

    .contact-box .mobile-text {
        display: block
    }

    .contact-box address {
        border-width: 1px 0 0;
        padding: 8px 0 0;
        margin: 0 0 4px
    }

    .contact-box h5 {
        border-bottom: 1px solid #ccc;
        padding: 0 0 5px
    }

    .contact-box .add-link {
        margin: 0;
        padding: 10px 0 0
    }

    #content .frame {
        margin: 0 0 18px
    }

    .quick-links {
        padding: 38px 24px 25px
    }

    .info-img {
        font-size: 11px;
        line-height: 14px;
        display: block
    }

    .info-img img {
        width: 100%
    }

    .info-img .img-title {
        font-size: 15px;
        line-height: 18px;
        padding: 10px 11px 8px
    }

    .info-img .mask strong {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 1px
    }

    .info-img .mask {
        padding: 0 5px
    }

    .info-img .text {
        padding: 3px 0 0
    }

    .info-img .text p {
        margin: 0 0 13px
    }

    .info-img .btn-info {
        font-size: 10px;
        line-height: 12px;
        padding: 4px 11px 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .blockquotes {
        padding: 26px 24px 33px;
        margin: 0 0 20px
    }

    .blockquotes .img {
        float: none;
        width: auto;
        margin: 0 2px 24px
    }

    .blockquotes .img img {
        width: 100%
    }

    .blockquotes .img .ico {
        width: 36px;
        height: 36px;
        right: auto;
        top: auto;
        left: -16px;
        bottom: -21px
    }

    .blockquotes h5 {
        padding: 0 0 5px
    }

    .info-accordion .title-accordion {
        padding: 12px 35px 18px 23px;
        margin: 0 0 7px
    }

    .info-accordion .accordion-area .img {
        display: none
    }

    .info-accordion .ui-state-active {
        margin: 0;
        padding: 11px 12px 18px 22px
    }

    .info-accordion .block {
        padding: 21px 18px 25px
    }

    /* aside */
    aside {
        padding: 0 0 16px;
        border: 1px solid #ccc;
        width: 100%
    }

    aside h4 {
        font-size: 24px;
        line-height: 26px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 13px;
        padding: 13px 14px 10px
    }

    .sec-nav {
        font-size: 16px;
        line-height: 20px
    }

    .sec-nav a {
        padding: 6px 14px 5px
    }

    .sec-nav ul {
        padding: 4px 26px 5px
    }

    .sec-nav ul ul {
        padding: 2px 26px 0
    }
}

@media only screen and (max-width: 512px) {
    aside .left-supplements {
        max-width: 100% !important
    }
}

.messiah-accordion {
    margin-top: 0
}

.messiah-accordion .accordion {
    font-family: 'akagi-pro', sans-serif;
    font-weight: 300;
    font-size: 18px
}

.messiah-accordion .accordion-2 {
    font-size: 24px;
    font-family: 'priori-sans', sans-serif;
    font-weight: 400
}

.messiah-accordion .accordion,
.messiah-accordion .accordion-2 {
    position: relative;
    display: block!important;
    font-style: normal;
    background-color: transparent;
    border: 0;
    color: #273d5e;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border-top: 1px solid #e7e6e6;
    text-align: left;
    outline: none;
    transition: all .4s;
    -webkit-transition: all .4s
}

.messiah-accordion .accordion:hover,
.messiah-accordion .accordion-2:hover {
    color: #618aa9
}

.separator {
    margin: 0;
    border-top: 1px solid #e7e6e6;
    border-bottom: 0
}

.messiah-accordion .accordion:after {
    content: url('/images/program_pages_images/chevron-down.png');
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    line-height: left;
    margin-top: 3px
}

.messiah-accordion .accordion-2:after {
    content: url('/images/program_pages_images/chevron-lighter-down.png');
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 3px
}

.messiah-accordion .accordion-2 span {
    margin-left: 45px
}

.messiah-accordion .accordion-2.acc-admissions:before,
.messiah-accordion .accordion-2.acc-dates:before,
.messiah-accordion .accordion-2.acc-apply:before,
.messiah-accordion .accordion-2.acc-resources:before {
    position: absolute
}

.messiah-accordion .accordion-2.acc-admissions:before {
    content: url('/images/program_page_images/admissions-icon.png')
}

.messiah-accordion .accordion-2.acc-dates:before {
    content: url('/images/program_page_images/calendar-icon.png')
}

.messiah-accordion .accordion-2.acc-apply:before {
    content: url('/images/program_page_images/pencil-icon.png')
}

.messiah-accordion .accordion-2.acc-resources:before {
    content: url('/images/program_page_images/additional-icon.png')
}

.messiah-accordion button.accordion.active:after {
    content: url('/images/program_pages_images/chevron-up.png')
}

.messiah-accordion button.accordion-2.active:after {
    content: url('/images/program_pages_images/chevron-lighter-up.png')
}

.messiah-accordion .panel {
    width: 85%;
    font-family: 'akagi-pro', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #7e7e7e;
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    -webkit-transition: max-height .2s ease-out;
    margin:auto 0!important; 
    display: block!important; 
}

.messiah-accordion .panel p {
    margin-bottom: 33px
}

.messiah-accordion .panel .code,
.messiah-accordion .panel .credits {
    display: inline-block;
    color: #424242;
    margin-bottom: 33px
}

.messiah-accordion .panel .credits {
    margin-left: 8px
}

/* OLD MESSIAH.CSS CODE */

/* Accordion fix */

.widget.widget__accordion {
    clear: both
}

/* Google CSE Ad Block */

.gsc-adBlock {
    display: none !important
}

.gcsc-branding {
    display: none !important
}

.icon-btn__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media only screen and (max-width:767px) {
    .widget__2-0-homepage-carousel {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .widget__homepage-quicklinks {
        display: none
    }
}

/* MC News */

.news-detail {
    background-color: #ddd;
    padding: 20px;
    width: 100%;
    position: relative;
    margin: 0 0 20px
}

.news-detail p {
    font: 16px/20px 'Aptifer Sans LT W01', sans-serif;
    text-transform: uppercase
}

.news-detail .category {
    margin: 20px 0 0;
    font-size: .9em
}

.news-detail .social-share {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 235px
}

.news-detail .social-share h3 {
    margin: 0 !important;
    text-align: right
}

.news-detail .social-share li {
    padding: 0 !important;
    background: none !important
}

.news-detail .social-share a {
    display: block;
    width: 45px;
    height: 45px;
    background: url(/images/social_ico.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    list-style: none;
    float: left
}

.news-detail .social-share .facebook {
    background-position: 0 0
}

.news-detail .social-share .twitter {
    background-position: -55px 0
}

.news-detail .social-share .linkedin {
    background-position: -110px 0
}

.news-detail .social-share .pinterest {
    background-position: -165px 0
}

.news-detail .social-share .email {
    background-position: -220px 0
}

.news-detail .social-share .facebook:hover {
    background-position: 0 -55px
}

.news-detail .social-share .twitter:hover {
    background-position: -55px -55px
}

.news-detail .social-share .linkedin:hover {
    background-position: -110px -55px
}

.news-detail .social-share .pinterest:hover {
    background-position: -165px -55px
}

.news-detail .social-share .email:hover {
    background-position: -220px -55px
}

.news-detail .story-caption {
    font-size: 1.3em;
    line-height: 1.3em;
    padding: 20px 40px
}

@media only screen and (max-width:767px) {
    .news-detail .social-share {
        display: none
    }

    .news-detail {
        width: 90%
    }
}

/* Visit Ribbon */

.visit-area {
    padding: 0
}

.visit-area .gradient {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.44) 1%, rgba(0, 0, 0, 0.39) 27%, rgba(0, 0, 0, 0.38) 28%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 58%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.44) 1%, rgba(0, 0, 0, 0.39) 27%, rgba(0, 0, 0, 0.38) 28%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 58%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.44) 1%, rgba(0, 0, 0, 0.39) 27%, rgba(0, 0, 0, 0.38) 28%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 58%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.visit-area .visit-events .list li {
    margin-bottom: 10px
}

.container:after {
    content: "";
    display: block;
    clear: both
}

.sub-container.col-60 {
    width: 50%;
    float: left;
    margin-left: 2em
}

.sub-container.col-40 {
    width: 30%;
    float: right;
    margin-right: 3em
}

.sub-container.col-60,
.sub-container.col-40 {
    position: relative
}

.visit-events {
    position: relative
}

.visit-events .list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 1em 0 2em;
    padding: 0
}

.visit-events .list li {
    margin: 0 0 10px;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    width: 100%
}

.visit-events .event-link {
    display: block;
    position: relative;
    overflow: hidden;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif;
    color: #fff;
    padding: 9px 40px 9px 9px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.5);
    margin: 0 auto !important;
    background: rgba(255, 255, 255, 0.4);
    width: 75%
}

.visit-events .event-link:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #273D5E;
    text-decoration: none
}

.visit-events .event-link::after {
    position: absolute;
    top: 31px;
    right: 25px;
    width: 8px;
    height: 12px;
    background: url(/images/ico_10_w.png) no-repeat;
    content: ""
}

.visit-events .event-link .date {
    float: left;
    width: 38px;
    padding: 6px 5px 9px;
    position: relative;
    background: #363637;
    font-size: 24px;
    line-height: 18px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 13px 0 0;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif
}

.visit-events .event-link .date span {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.visit-events .event-link .text {
    display: table-cell;
    vertical-align: middle;
    height: 48px
}

.visit-events .list {
    width: 90%;
    float: none;
    margin: 1em auto
}

.visit-area .btn-list {
    width: 75%;
    margin: auto
}

.visit-area .btn-list:after {
    content: "";
    display: block;
    clear: both
}

.visit-area .btn-list li:last-child {
    float: right;
    margin-right: 0
}

.visit-area h3,
.visit-area p {
    text-align: center
}

.visit-area h3 {
    font-size: 40px
}

.visit-area p {
    font-family: 'Aptifer Sans LT W01', sans-serif
}

.visit-area h3::before {
    content: "";
    display: inline-block;
    background: url(/images/heading_ribbon_left_op.png);
    background-size: cover;
    width: 31px;
    height: 18px;
    margin-right: 12px;
    position: relative;
    top: -5px
}

.visit-area h3::after {
    content: "";
    display: inline-block;
    background: url(/images/heading_ribbon_right_op.png);
    background-size: cover;
    width: 31px;
    height: 18px;
    margin-left: 12px;
    position: relative;
    top: -5px
}

.play-video {
    top: 120px
}

.play-video p {
    font-size: 1.25em;
    margin-top: .5em
}

@media only screen and (max-width: 1204px) and (min-width: 1000px) {
    .visit-area h3 {
        font-size: 35px
    }

    .visit-area .btn {
        font-size: .7em
    }

    .visit-area .btn-list {
        width: 80%
    }
}

@media only screen and (max-width: 999px) {
    .visit-area {
        width: 100%
    }

    .visit-area .container {
        float: none
    }

    .sub-container.col-60,
    .sub-container.col-40 {
        width: 100%
    }

    .play-video {
        display: none
    }

    .sub-container.col-60 {
        margin-left: 0
    }

    .visit-area .btn-list {
        width: 90%
    }
}

@media only screen and (max-width: 700px) {
    .visit-area h3::before,
    .visit-area h3:after {
        display: none
    }

    .visit-area h3 {
        font-size: 25px
    }

    .visit-area .btn-list li:last-child {
        float: none
    }
}

/* Litly Lightbox */

.lity {
    background: rgba(102, 151, 184, 0.83) !important;
    background: #273D5E
}

.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-googlemaps .lity-container {
    max-width: 1200px !important
}

/* YouTube Widget */

.widget__youtube-video {
    margin-bottom: 20px
}

#video_player {
    display: block;
    position: relative;
    height: auto;
    overflow: hidden
}

.youtube-embed {
    display: block;
    position: relative
}

.youtube-embed img {
    position: relative;
    width: 100%;
    margin: -10% 0 -12%
}

.youtube-embed .play-button {
    position: absolute;
    display: block;
    width: 15%;
    top: 50%;
    left: 50%;
    margin: -7% 0 0 -8%;
    z-index: 100
}

/* Short Form Grad */

.side-form-grad #crmWebToEntityForm {
    margin: auto;
    background-color: #6697B8;
    padding: 30px 30px 30px 20px
}

.side-form-grad h3 {
    color: #273D5E !important;
    border-bottom: 2px solid #fff;
    font-size: 2.5em !important;
    text-align: center;
    padding: 0 0 10px
}

.side-form-grad p {
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.side-form-grad h4 {
    color: #273D5E;
    text-align: center;
    font-size: 2em;
    padding: 0;
    margin: 15px
}

.side-form-grad label span {
    margin-left: 5px;
    color: rgb(177, 0, 0);
    font-size: 1.2em
}

.side-form-grad .break {
    border-top: 2px solid #efefef;
    padding-top: 25px;
    margin-top: 25px !important
}

.side-form-grad .hidden-row {
    display: none
}

.side-form-grad .select-dd {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    margin: 0;
    margin-top: 4px;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.side-form-grad .submit-box {
    margin: 20px 0 0 40px;
    float: left;
    clear: both
}

.side-form-grad .reset {
    font-size: 12px;
    color: #273D5E;
    background-color: #efefef;
    padding: 10px 30px;
    border: 1px solid #efefef;
    border-radius: 5px
}

.side-form-grad .submit-btn {
    font-size: 12px;
    color: #fff;
    background-color: #6697B8;
    padding: 10px 30px;
    border: 1px solid #6697B8;
    border-radius: 5px
}

.side-form-grad .submit-btn-side {
    font-size: 12px;
    color: #fff;
    background-color: #273D5E;
    padding: 20px 30px;
    border: 1px solid #273D5E;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%
}

.side-form-grad .row {
    display: inline-block;
    margin: 10px;
    width: 100%;
    float: left;
    clear: both
}

.side-form-grad .side label {
    color: #fff;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 5px;
    padding-top: 16px;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    display: none
}

.side-form-grad .xfields-side {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 34px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear .2s;
    -moz-transition: border linear 0.2s, box-shadow linear .2s;
    -ms-transition: border linear 0.2s, box-shadow linear .2s;
    -o-transition: border linear 0.2s, box-shadow linear .2s;
    transition: border linear 0.2s, box-shadow linear .2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 10px 0
}

.side-form-grad .xfields {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 24px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear .2s;
    -moz-transition: border linear 0.2s, box-shadow linear .2s;
    -ms-transition: border linear 0.2s, box-shadow linear .2s;
    -o-transition: border linear 0.2s, box-shadow linear .2s;
    transition: border linear 0.2s, box-shadow linear .2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}

.side-form-grad .input-row {
    float: left;
    width: 40%;
    padding: 0 27px
}

.side-form-grad .row-hide {
    display: none
}

.side-form-grad .input-text {
    border: 1px solid #ccc;
    color: #808080;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 74px;
    margin: 0;
    overflow: visible;
    padding: 4px;
    vertical-align: baseline;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear .2s;
    -moz-transition: border linear 0.2s, box-shadow linear .2s;
    -ms-transition: border linear 0.2s, box-shadow linear .2s;
    -o-transition: border linear 0.2s, box-shadow linear .2s;
    transition: border linear 0.2s, box-shadow linear .2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}

.side-form-grad .input-row-text {
    width: 70%;
    margin: 10px 0 0 30px
}

/*-------------------------- Small Desktop and Tablet -------------------*/

@media only screen and (max-width: 1200px) {
    .side-form-grad h4 {
        font-size: 1.5em
    }

    #crmWebToEntityForm {
        padding: 10px 20px 30px !important
    }
}

/*-------------------------- mobile Breakpoint --------------------------*/

@media only screen and (max-width: 721px) {
    .side-form-grad .input-row {
        width: 90%;
        padding: 0
    }

    .side-form-grad .row {
        margin: 0
    }

    .side-form-grad .xfields {
        width: 100%
    }

    .side-form-grad .input-row {
        margin-top: 10px
    }

    .side-form-grad .input-row-text {
        width: 100%;
        margin: 0
    }
}

/*by the number*/

.widget__homepage-sharpening-intellect {
    box-shadow: 0 40px 40px rgba(175, 175, 175, 0.35)
}

.ribbon {
    text-align: center;
    margin: 60px 0 20px
}

.flex-numbers:after {
    content: "";
    display: block;
    clear: both
}

.number {
    width: 33%;
    box-sizing: border-box;
    float: left;
    margin: 2em 0
}

.numbers-heading {
    text-transform: uppercase
}

.numbers-heading:before {
    content: "";
    display: inline-block;
    background: url(/images/heading_ribbon_left.png);
    background-size: cover;
    width: 31px;
    height: 18px;
    margin-right: 12px
}

.numbers-heading:after {
    content: "";
    display: inline-block;
    background: url(/images/heading_ribbon_right.png);
    background-size: cover;
    width: 31px;
    height: 18px;
    margin-left: 12px
}

.ribbon hr {
    background: #75ACCE;
    height: 1px;
    width: 100%;
    border: none;
    clear: both
}

.number img {
    max-width: 100%
}

.learn-more {
    background: #666; /*#A7A9AC*/
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: .5em 1em;
    margin: 2em 0;
    text-transform: uppercase;
    text-decoration: none
}

.learn-more:hover {
    text-decoration: none;
    background-color: #273D5E
}

@media screen and (min-width: 1025px) {
    .number.desktop-bd {
        border-left: 1px solid #75ACCE;
        border-right: 1px solid #75ACCE
    }

    hr.tablet,
    hr.mobile {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .number {
        width: 50%
    }

    .number.tablet-bd {
        border-left: 1px solid #75ACCE
    }

    hr.desktop,
    hr.mobile {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .number {
        width: 100%;
        border: none;
        margin: 0 0 1.5em
    }

    hr.desktop,
    hr.tablet {
        display: none
    }

    .n-hide {
        display: none
    }

    .numbers-heading {
        font-size: 1.5em
    }

    .numbers-heading:before,
    .numbers-heading:after {
        display: none
    }

    .learn-more {
        margin: 0 0 1em
    }
}

/* Fixes H2 headings with <strong> wrap */

#content h2 strong {
    font: 32px/36px priori-sans-bold, sans-serif;
    margin: 0 0 13px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.75)
}

/* lazy load slider fix */

.gallery-01 .slides li {
    height: 0
}

.gallery-01 .flex-active-slide {
    height: auto !important
}

.widget__quick-links-with-image-and-content .ql-min {
    min-height: 450px;
    position: relative
}

.widget__quick-links-with-image-and-content .ql-min a {
    text-decoration: none !important;
    margin-top: 10px
}

.widget__quick-links-with-image-and-content .ql-min .btn-blue {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #273D5E;
    color: #fff;
    padding: 30px
}

/* Content box grey */

.widget__content-grey-background h3 {
    font: 18px/20px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

/* UG admissions contact */

.email-bump {
    margin-top: 5px
}

/* homepage slider */

.visit-areah {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000
}

/* - CMS Edit Link _ */

.edit-page {
    color: transparent !important
}

.edit-page:hover {
    color: transparent !important;
    background-image: url(/images/jadu_logo.png);
    background-size: 50px 16px;
    background-repeat: no-repeat;
    background-position: 0 0
}

/***********  Buttons on department pages **********/

.blue-mouseover-btn .btn-group {
    padding-right: 10px
}

.blue-mouseover-btn .btn-group a {
    display: block;
    position: relative;
    font: 18px/24px "Aptifer Sans LT W01", sans-serif;
    color: #fff;
    padding: 9px 5px 10px 45px;
    margin: 0 0 12px;
    background: #77ADD0 no-repeat;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    text-decoration: none !important
}

.blue-mouseover-btn .btn-group a:hover {
    text-decoration: none;
    background-color: #F0F0F0;
    background-position: 0 -153px;
    color: #243E5E
}

.blue-mouseover-btn .btn-group .tuition {
    background-image: url(/images/dollar_sign_icon_1.png)
}

.blue-mouseover-btn .btn-group .apply {
    background-image: url(/images/apply_quick_link_icon_2.png)
}

.blue-mouseover-btn .btn-group .request {
    background-image: url(/images/request_info_quick_link_icon_2.png)
}

.blue-mouseover-btn .btn-group .scholarships {
    background-image: url(/images/scholarship_quick_link_icon_1.png)
}

.blue-mouseover-btn .btn-group .admissions-process {
    background-image: url(/images/request_info_quick_link_icon_2.png)
}

.blue-mouseover-btn .btn-group .grad-tuition {
    background-image: url(/images/dollar_sign_icon_1.png)
}

/* content grey widget */

.widget__content-grey-background .contact-box {
    margin-bottom: 15px
}

/* accordion sub-head */

.widget-info-accordion .title-accordion .sub-heading {
    font: 16px/18px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #6697B8 !important;
    float: right;
    padding: 5px 25px 0 0
}

/*Academics in Action fix*/

.left-supplements .a-action h4 {
    margin-left: 0 !important
}

/* H1 fix for FF */

#main .page-title {
    position: absolute;
    top: -60px;
    left: 1px
}

#main .page-title:after {
    clear: both;
    content: '';
    display: block
}

/* add border to visit video on homepage */

.video-block img {
    border: 2px solid #fff
}

/* fix the visit day calendar on the individual visit page */

#content .container {
    width: 100% !important
}

/* Homepage Visit Campus Fix for mobile devices */

.graduate-area .mobile-show {
    display: none !important
}

/* fix advert link (bottom supplemtn)*/

.bottom-supplements .advert-link {
    margin-top: 15px !important
}

/* add to fix accordion supplement */

aside .info-accordion .accordion-area {
    overflow: auto
}

/* add border to widgets and supplements */

.left-supplements .bg-info {
    border-bottom: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-top: solid 1px #DDD
}

.left-supplements .info-img {
    border-bottom: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-top: solid 1px #DDD
}

.bottom-supplements .bg-info {
    border: solid 1px #DDD
}

.right-supplements .bg-info {
    border: solid 1px #DDD
}

.supplement__pages-in {
    border: solid 1px #DDD
}

#content .widget-quick-links {
    border: 1px solid #DDD
}

#content .contact-box {
    border: 1px solid #DDD
}

#content .widget-drop-down {
    border: 1px solid #DDD
}

#content .employee-record {
    border: 1px solid #DDD
}

#content .events-widget {
    border: 1px solid #DDD
}

#content .widget__in-page-navigation {
    border: 1px solid #DDD
}

#content .widget__link-list {
    border: 1px solid #DDD
}

#content .mp-container {
    border: 1px solid #DDD
}

#content .mpw-container {
    border: 1px solid #DDD
}

#content .widget-quick-links {
    border: 1px solid #DDD
}

#content .widget-blockquotes {
    border: 1px solid #DDD
}

#content .stories-area {
    border: 1px solid #DDD
}

#content address {
    color: #4f5151;
    margin-bottom: 17px;
    font-style: italic !important
}

/* homepage slider */

.gallery .caption {
    width: 600px !important
}

/* Google Search Results Fix */

#content .gs-promotion {
    padding: 5px
}

.gsc-result .gs-title {
    height: 1.4em !important;
    padding-left: .2em !important
}

.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
    padding-left: .4em
}

.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
    padding-left: 1em
}

.gs-promotion .gs-snippet {
    color: #424242;
    padding-left: .5em
}

.two-columns .gs-promotion em {
    font-family: Arial, sans-serif !important
}

/* fix the highlight style */

td.highlightCell,
tr.highlightRow td {
    background: none repeat scroll 0 0 #EFEFEF
}

/* Jadu navigation widget */

#content .widget__link-list {
    margin: 0 8px 16px;
    padding: 20px;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto
}

#content .widget__link-list h3 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

#content .widget__link-list ul {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif
}

#content .widget__link-list ul li {
    padding: 0 0 10px 10px;
    background: url(/images/arrow_05.png) no-repeat 0 7px
}

#content .widget__link-list ul a {
    color: #424242
}

#content .widget__link-list ul a:hover {
    text-decoration: none;
    color: #75adcf
}

/* Events page */

.contained .info-box {
    padding: 20px !important
}

.contained .info-box ul {
    margin: 0 !important;
    list-style: none outside none;
    font: 16px/24px "Aptifer Sans LT W01", sans-serif !important
}

.contained .info-box strong {
    color: #273D5E !important
}

.contained .editor {
    padding: 20px !important
}

/* campus map table */

#content .editor .campus-map td {
    border: none !important;
    vertical-align: top !important
}

.editor .campus-map tr:hover,
tr.alt:hover {
    background: none !important
}

.hide {
    display: none
}

/* ----- Majors page ------*/

.bottom-search .frame {
    margin: 0 !important
}

/* ----- Responsive calendar -----*/

.responsive-calendar {
    max-width: 860px !important
}

.responsive-calendar .controls {
    width: 100% !important;
    max-width: 730px
}

/* ----- library styling --------*/

/* library search */

.widget__library-search .search-section {
    overflow: hidden;
    position: relative;
    padding: 7px 6px 6px 36px;
    margin: 0 0 16px;
    border: 1px solid #CCC;
    background: url(/images/ico_001.png) no-repeat scroll 9px 10px transparent;
    border-radius: 6px;
    width: 80%
}

.widget__library-search .search-section .btn-submit {
    float: right;
    position: relative;
    width: 29px;
    height: 25px;
    padding: 0 0 1px;
    margin: 0 0 0 -29px;
    border: 0 none;
    background: none repeat scroll 0 0 #2C4263;
    font: 15px/18px aptifer-sans, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFF;
    border-radius: 4px;
    transition: all .2s ease 0
}

.widget__library-search .search-section .txt {
    float: left;
    width: 100%;
    border: 0 none;
    background: none repeat scroll 0 0 transparent;
    font: 15px/19px aptifer-sans, sans-serif;
    color: #848486;
    height: 25px;
    padding: 2px 35px 4px 0;
    box-sizing: border-box
}

/* quick links */

.library-block .btn-group a {
    display: block;
    position: relative;
    font: 17px/20px aptifer-sans-light, sans-serif;
    color: #273d5e;
    padding: 11px 10px 10px 20px;
    margin: 0 0 12px 6px;
    background: #f0f0f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    -ms-transition: background-color .2s;
    text-decoration: none !important
}

.library-block .btn-group a:hover {
    text-decoration: none;
    background-color: #999;
    background-position: 0 -153px;
    color: #fff
}

/* hide library location for "Todays hours" */

.lib-hours-heading {
    margin-top: 10px
}

.lib-hours-heading h3 {
    color: #273D5E
}

.s-lc-time {
    font-size: 1.2em
}

.hours-col-loc {
    display: none
}

#hours-col-l {
    display: none
}

#hours-col-t {
    display: none
}

.widget__library-search table th {
    display: none
}

.widget__library-search .lib-hours {
    width: 200px !important
}

.widget__library-search .hours-col-loc {
    display: none
}

.widget__library-search .s-lc-time {
    border: 1px solid #fff !important
}

/*------ pages-in supplement -----*/

.supplement__pages-in ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important
}

.supplement__pages-in ul li {
    background: none !important;
    padding: 0 0 8px !important
}

.supplement__pages-in ul li span {
    color: #6799BA;
    font-weight: bold
}

.item-list__rich-list {
    display: none
}

/*------ styling for alert --------*/

.allert-box .btn {
    text-decoration: none;
    background: none repeat scroll 0 0 #77A4C1 !important;
    color: #FFF !important
}

.allert-box .btn-holder a:before {
    content: "" !important
}

.allert-box {
    padding: 20px !important
}

.allert-box h3:before {
    background: none repeat scroll 0 0 #fff !important
}

.allert-box h3 {
    width: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    border: none !important
}

.allert-box .holder {
    width: 100%;
    float: left !important
}

.allert-box p {
    width: 75% !important;
    padding-right: 40px
}

.allert-box .close {}

.allert-box .btn-holder {
    display: block;
    width: 250px;
    margin-top: 15px
}

.allert-box strong {
    font-weight: 800
}

/* ==== Library ======= */

.widget__library-search .gsc-input td {
    border: none !important;
    vertical-align: middle;
    padding: 5px !important
}

.widget__content {
    width: 95%;
    margin-bottom: 15px
}

.additional-content {
    display: none
}

/* allows the background to expand over large floating images */

#content .contact-box {
    overflow: auto
}

/* creates a max-width for the quote supplement */

.blockquotes .img {
    max-width: 300px
}

/* content widget grey margin-bottom */

#content .widget__content-grey {
    margin: 0 5px 10px
}

#content .widget__content-grey h2 {
    font: 20px/22px priori-sans-bold, sans-serif;
    color: #273D5E;
    margin: 0 0 3px;
    text-transform: uppercase
}

#content .widget__content-grey h3 {
    font: 20px/22px priori-sans-bold, sans-serif;
    color: #273D5E;
    margin: 0 0 3px;
    text-transform: uppercase
}

/* Nested bullets */

#content ul .info-list ul li {
    background: url(/site/images/bull-01.png) no-repeat scroll 0 8px transparent !important;
    padding: 0 0 0 38px !important;
    margin: 0 !important
}

#content ul ul {
    margin: 8px 0 -8px !important;
    padding-bottom: 0 !important
}

/* ======= Under link links ========= */

#content .editor a {
    text-decoration: underline
}

/* remove underline from other styled elements */

#content .button {
    text-decoration: none !important
}

/* add a space between stacked adverts */

aside .advert-link {
    margin: -21px 0 25px !important
}

/* custom quote */

aside .blockquotes .img {
    margin: 0 0 10px !important;
    float: none !important
}

aside .left-nav {
    margin-bottom: 15px !important
}

.sec-nav {
    margin: 0 !important
}

/* ============= bottom supplements =============== */

.bottom-supplements {
    width: 100%
}

.bottom-supplements .frame-01 {
    width: 100% !important
}

.bottom-supplements .advert-link {
    width: 75% !important
}

.bottom-supplements .blockquotes .img {
    margin: 0 25px 10px 0 !important;
    float: left !important
}

.bottom-supplements .info-box {
    width: 45% !important;
    margin: 0 20px 0 0;
    float: left;
    clear: none
}

/*fix .aside expanding 100% width of .two-column*/

aside .left-nav {
    max-width: 270px
}

aside .left-supplements {
    max-width: 270px
}

/* fix widget rows */

.widget-row {
    clear: both
}

/* table styling */

.editor table {
    width: 100%;
    border-collapse: collapse;
    width: 100%;
    border: 0;
    font: 15px/17px aptifer-sans, sans-serif;
    color: #424242;
    clear: both
}

.editor table td .inline {
    padding: 0 !important;
    margin: 0 !important;
    display: inline;
    color: #628BA9 !important;
    font-size: 12px
}

.editor table th .header-text {
    font-size: 14px !important;
    color: #D0DDE6 !important
}

.editor table .bold-text {
    font-size: 20px
}

.editor table th {
    color: #fff;
    font-weight: normal;
    text-align: left;
    height: 40px;
    padding: 0 7px 3px;
    border-left: 1px solid #848e9d;
    background: #2c4263
}

.editor td {
    border: 1px solid #dcdcdc;
    vertical-align: middle;
    padding: 10px 8px 10px 10px !important
}

.editor .zebra td {
    background: #f0f0f0
}

.editor tr th:first-child {
    padding-left: 8px;
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0;
    border-radius: 6px 0 0 0;
    border: none !important
}

.editortr th:last-child {
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

.editor tr:hover,
tr.alt:hover {
    background: #d0dde6 !important
}

#content ul {
    margin: 0 0 20px
}

#content ol ul {
    margin: 10px 0 0 !important
}

#content ol ul ul {
    margin-bottom: -10px !important
}

/* -------------- cost and aid page ---------------- */

.info-block {
    padding: 18px 20px 10px;
    margin: 8px 0 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.info-block .image {
    position: relative;
    overflow: hidden;
    margin: 0 0 17px
}

.info-block .image img {
    vertical-align: top;
    width: 100%
}

.info-block .btn-group a {
    display: block;
    position: relative;
    font: 20px/22px aptifer-sans-light, sans-serif;
    color: #273d5e;
    padding: 11px 10px 13px 50px;
    margin: 0 0 12px;
    background: #f0f0f0 url(/images/next_steps.png) no-repeat;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    -ms-transition: background-color .2s;
    text-decoration: none !important
}

.info-block .btn-group a:hover {
    text-decoration: none;
    background-color: #999;
    background-position: 0 -153px;
    color: #fff
}

.info-block .btn-group a:before {
    position: absolute;
    left: 42px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
    content: ""
}

.info-block .btn-group .link-two {
    background-image: url(/images/price_calc.png)
}

.info-block .btn-group .link-three {
    background-image: url(/images/grants.png)
}

/*-------------------- Typography ------------------*/

/*  Button  */

#content .button {
    display: inline-block;
    vertical-align: top;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #fff;
    border-radius: 5px;
    background: none repeat scroll 0 0 #487B9D;
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    transition: all .3s ease 0;
    text-align: center;
    padding: 9px 16px 12px;
    position: relative;
    margin: 0 0 15px
}

#content .button:hover {
    background: #273D5E;
    color: #fff;
    text-decoration: none
}

#content .button a,
#content .button a:active,
#content .button a:visited {
    color: #FFFFFF !important;
    text-transform: uppercase;
    text-decoration: none
}

#content .editor h3 {
    color: #628BA9;
    margin-top: 17px
}

/*-------------------------- Images ----------------------------------*/

img .float_right {
    width: 35%;
    margin: .5em 0 .5em 1em
}

img .image_full {
    width: 100%
}

img .float_left {
    width: 35%;
    margin: .5em 1em .5em 0
}

div .float_right {
    width: 35%;
    margin: .5em 0 .5em 1em
}

.float_right .float_right {
    width: 100% !important
}

div .float_left {
    width: 35%;
    margin: .5em 1em .5em 0
}

.float_left .float_left {
    width: 100% !important
}

/*-------------------------- YouTube Videos --------------------------*/

#content .youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 2em;
    height: 0;
    overflow: hidden;
    margin-top: 1em
}

#content .youtube iframe,
#content.youtube object,
#content .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#content .vimeo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 2em;
    height: 0;
    overflow: hidden;
    margin-top: 1em
}

#content .vimeo iframe,
#content.vimeo object,
#content .vimeo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*---------------------------- Widgets --------------------------------*/

/* Drop-down */

#content .widget-drop-down {
    margin: 0 10px 10px 0;
    padding: 20px 20px 0;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto
}

#content .widget-drop-down img {
    margin: 0 0 10px !important;
    padding: 0 !important;
    width: 100%
}

#content .widget-drop-down h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

#content .widget-drop-down .blueBG-text {
    margin-bottom: 15px
}

#content .widget-drop-down .text {
    margin: 0 0 9px;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 0 0 16px
}

#content .widget-drop-down .select-area {
    margin-bottom: 20px;
    background: transparent;
    width: 90%;
    padding: 5px 35px 5px 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(/site/custom_scripts/styles/img/ico/drop-down-arrow.svg) 95% / 8% no-repeat #fff;
    cursor: pointer;
    border-radius: 4px
}

#content .widget-drop-down select::-ms-expand {
    display: none
}

#content .widget-drop-down .select-area .select-opener {
    background: url(/images/arrow_04.png) no-repeat scroll 14px 11px #FFF;
    position: absolute;
    z-index: 3;
    top: 6px;
    right: 0;
    bottom: 0;
    width: 31px;
    border-radius: 0 6px 6px 0;
    height: 26px
}

#content .widget-drop-down span {
    font-size: 14px
}

.select-area .center {
    padding: 10px 35px 10px 8px
}

#content .widget-drop-down h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

#content .widget-drop-down p {
    margin: 0 0 16px;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif;
    padding: 10px 0
}

/* Advert Button*/

.widget-advert-link {
    display: table;
    height: 67px;
    width: 100%;
    font: 18px/20px 'AptiferSansLTW01-Medium 721143', sans-serif;
    color: #fff;
    letter-spacing: 1px;
    margin: 0 0 2px
}

.widget-advert-link span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 29px 0 11px;
    background: #273d5e;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0
}

.widget-advert-link span span {
    color: #6697B8;
    display: inline-block;
    padding: 0 0 2px
}

.widget-advert-link:hover {
    text-decoration: none;
    color: #273d5e
}

.widget-advert-link:hover span {
    background: #f0f0f0
}

/* Image widget */

.widget__image {
    margin: 0 0 10px
}

/* background color for random widgets */

.bg-info {
    background: none repeat scroll 0 0 #F0F0F0
}

/* document widget */

.widget__in-page-navigation {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 8px 0 15px;
    padding: 20px !important
}

.widget__in-page-navigation h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px
}

.widget__in-page-navigation ul {
    list-style: none;
    margin: 10px 0 0 10px;
    padding: 0;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif
}

.widget__in-page-navigation ul li {
    padding: 0 0 0 10px;
    background: url(/images/arrow_05.png) no-repeat 0 7px
}

.widget__in-page-navigation ul a {
    color: #424242
}

.widget__in-page-navigation ul a:hover {
    text-decoration: none;
    color: #75adcf
}

/* Next Steps (for Major and Minor pages) */

#content .graduate-gallery .list {
    list-style: none;
    margin: 0;
    padding: 1.25em 0 .5em;
    font: 18px/20px AptiferSansLTW01-Bold, sans-serif;
    text-transform: uppercase
}

#content .graduate-gallery .text {
    list-style: none;
    margin: 0 2em;
    padding: 1.25em 0 .5em;
    font: 15px/17px AptiferSansLTW01-Bold, sans-serif;
    text-transform: none
}

#content .graduate-gallery .list li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 10px
}

#content .graduate-gallery .list .ico {
    display: block;
    background: url(/images/ico_02.png) no-repeat 50% 0;
    text-align: center;
    padding: 100px 0 0;
    color: #2c4263
}

#content .graduate-gallery .list .ico:hover {
    background: url(/images/ico_02_hover.png) no-repeat 50% 0;
    color: #75adcf;
    text-decoration: none
}

#content .graduate-gallery {
    background: none repeat scroll 0 0 #F0F0F0;
    padding: 10px 10px 1px
}

#content .graduate-gallery .list .ico-02 {
    background: url(/images/ico_03.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-03 {
    background: url(/images/ico_04.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-04 {
    background: url(/images/ico_05.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-05 {
    background: url(/images/ico_06.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-06 {
    background: url(/images/ico_07.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-07 {
    background: url(/images/ico_08.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-08 {
    background: url(/images/ico_09.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-02:hover {
    background: url(/images/ico_03-hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-03:hover {
    background: url(/images/ico_04_hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-04:hover {
    background: url(/images/ico_05_hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-05:hover {
    background: url(/images/ico_06_hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-06:hover {
    background: url(/images/ico_07_hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-07:hover {
    background: url(/images/ico_08_hover.png) no-repeat 50% 0
}

#content .graduate-gallery .list .ico-08:hover {
    background: url(/images/ico_09_hover.png) no-repeat 50% 0
}

/* slideshow */

.gallerylayer {
    width: 100% !important;
    background: none repeat scroll 0 0 #FFF !important
}

.gallerylayer img {
    width: 100%
}

/* Navigation */

#content .widget__navigation {
    margin: 0 5px 10px;
    padding: 20px;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto
}

#content .widget__navigation h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

#content .widget__navigation ul {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif
}

#content .widget__navigation ul li {
    padding: 0 0 10px 10px;
    background: url(/images/arrow_05.png) no-repeat 0 7px
}

#content .widget__navigation ul a {
    color: #424242
}

#content .widget__navigation ul a:hover {
    text-decoration: none;
    color: #75adcf
}

/* Quick Links */

#content .widget-quick-links {
    margin: 0 5px 10px;
    padding: 20px;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto
}

#content .widget-quick-links img {
    margin: 0 0 10px !important;
    padding: 0 !important;
    width: 100%
}

#content .widget-quick-links img {
    margin: 0 0 10px !important;
    padding: 0 !important;
    width: 100%
}

#content .widget-quick-links .hover:hover {
    opacity: .5;
    background: url(/images/arrow_05.png) no-repeat 0 7px;
    background-color: #003e7e;
    box-shadow: inset 0 0 1px 230px rgba(0, 0, 0, 0.6), inset 0 0 0 7px #d5ad94
}

#content .widget-quick-links h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    text-align: left
}

#content .widget-quick-links .text {
    margin: 0 0 9px;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 0 0 16px
}

#content .widget-quick-links ul {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
    font: 15px/20px 'Aptifer Sans LT W01', sans-serif
}

#content .widget-quick-links ul li {
    padding: 0 0 10px 10px;
    background: url(/images/arrow_05.png) no-repeat 0 7px
}

#content .widget-quick-links ul a {
    color: #424242
}

#content .widget-quick-links ul a:hover {
    text-decoration: none;
    color: #75adcf
}

/* Documents Widget */

#content .documentListWidget {
    margin: 8px 0 27px 10px;
    padding: 20px;
    background: none repeat scroll 0 0 #F0F0F0
}

#content .documentListWidget h2 {
    font: 18px/20px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0
}

#content .documentListWidget ul {
    list-style: none;
    margin: 10px 0 0 10px;
    padding: 0;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif
}

#content .documentListWidget ul li {
    padding: 0 0 0 10px;
    background: url(/images/arrow_05.png) no-repeat 0 7px
}

#content .documentListWidget ul a {
    color: #424242
}

#content .documentListWidget ul a:hover {
    text-decoration: none;
    color: #75adcf
}

/* Accordion Widget */

.widget-info-accordion .register-btn {
    position: absolute;
    right: 4em;
    bottom: 2em;
    /* background-color: #6697B8; */; /* border: none; */; /* color: #fff; */; /* padding: 10px 30px; */
}
  .widget-info-accordion .register-btn a {
    color: #fff!important;
    text-decoration: none !important;
    font-weight: normal!important;
  }

 @media only screen and (max-width: 600px) {
  	.widget-info-accordion .register-btn {
  		position: initial;
  		display; block;
  		width; 100%;
  		margin-top: 10px;
  	}
  }

.widget-info-accordion {
    font: 14px/20px aptifer-sans, sans-serif;
    color: #424242
}

.widget-info-accordion .title-accordion {
    font: 18px/24px aptifer-sans, sans-serif;
    color: #2c4263;
    margin: 0;
    background: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    outline: none;
    padding: 12px 30px 15px 26px;
    margin: 0 0 12px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #DDD
}

.widget-info-accordion .ui-state-active {
    background: #fff;
    border: solid #ccc;
    border-width: 1px 1px 0;
    padding: 11px 29px 15px 25px;
    margin: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.widget-info-accordion .ui-accordion-header-icon {
    position: absolute;
    width: 13px;
    height: 9px;
    background: url(/images/arrow_06.png) no-repeat;
    top: 22px;
    right: 15px
}

.widget-info-accordion .ui-state-active .ui-accordion-header-icon {
    background-position: 0 -191px
}

.widget-info-accordion h6 {
    font: 18px/20px aptifer-sans, sans-serif;
    color: #2c4263;
    margin: 0;
    padding: 13px 26px 19px
}

.widget-info-accordion .accordion-area {
    border: solid #ccc;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin: 0 0 13px
}

.widget-info-accordion .block {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 22px 26px 24px;
    background: #fff
}

.widget-info-accordion .block a {
    font-family: 'aptifer-sans-bold', sans-serif;
    text-decoration: underline;
    font-weight: bold
}

.widget-info-accordion .accordion-area .img {
    float: left;
    margin: 0 25px 0 0
}

.widget-info-accordion .text {
    overflow: hidden
}

.widget-info-accordion .text .sub-head {
    display: block;
    font: 16px/18px mendoza-medium, serif;
    text-transform: uppercase;
    color: #2c4263;
    margin: 0 0 2px
}

.widget-info-accordion .text p {
    margin: 0
}

.multi-purpose-container {
    background: #efefef;
    padding: 1em;
    margin: 0 1em 1em 0
}

/* Muli Purpose widget */

.mp-container {
    padding: 18px 18px 10px;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    margin: 0 5px 15px;
    background: none repeat scroll 0 0 #F0F0F0;
    display: block !important
}

.mp-container h2 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 !important;
    padding: 0 0 5px;
    border-bottom: 1px solid #CCC
}

.mp-container h3 {
    display: block !important;
    margin: .7em 0 !important;
    padding: 0 !important
}

.mp-container .mp-text {
    margin: 5px 0 1em
}

.mp-container .img {
    width: 100%;
    margin-bottom: 10px
}

/*  Muli Purpose widget WIDE */

.mpw-container {
    width: 100%;
    padding: 1em;
    margin-bottom: 2em;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto;
    display: block
}

.mpw-container .mpw-right {
    float: left;
    width: 57%;
    clear: none;
    padding: 0 2em;
    margin: 0
}

.mpw-container .mpw-right h3 {
    margin: 0;
    padding: 0;
    font: 10x/20px priori-sans-bold, sans-serif !important;
    color: #273d5e
}

.mpw-container .mpw-right h4 {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    font: 18px/20px priori-sans-bold, sans-serif;
    color: #273d5e
}

.mpw-container .left-image {
    width: 35%;
    float: left
}

.mpw-container .mpw-text {
    padding: 0;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    margin: 0 0 15px;
    background: none repeat scroll 0 0 #F0F0F0;
    display: block !important
}

.mpw-right .button {
    width: 60% !important;
    margin: 1em auto;
    padding: 10px 0 !important
}

/*---- Employee Record Widget and Supplement ----*/

/*hide these two elements*/

#content .employee-record .title-narrow {
    display: none
}

#content .employee-record .contact-narrow {
    display: none
}

#content .employee-record {
    padding: 26px 24px 24px !important;
    margin: 0 0 10px;
    background: none repeat scroll 0 0 #F0F0F0;
    overflow: auto
}

#content .employee-record h5 {
    font: 20px/22px priori-sans-bold, sans-serif;
    color: #273D5E;
    margin: 0 0 3px;
    text-transform: uppercase
}

#content .employee-record .img {
    margin: 0;
    margin-right: 1em;
    width: 180px;
    border: none;
    float: left
}

#content .employee-record .add-link {
    margin: 0;
    padding: 10px 0 0
}

#content .employee-record .intro {
    font: 15px/17px aptifer-sans, sans-serif;
    margin: 0 0 10px;
    color: #273D5E
}

#content .employee-record address {
    font-style: normal;
    border-style: solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0;
    padding: 7px 0 4px;
    margin: 0 0 16px
}

#content .employee-record .wrap {
    overflow: hidden
}

#content .employee-record .wrap h2 {
    font-size: 24px !important;
    line-height: 20px !important
}

#content .employee-record h3 {
    font-size: 20px;
    padding: 0;
    margin: 0;
    color: #273D5E
}

#content .employee-record address span {
    display: block;
    /* overflow: hidden; */
    padding: 0 0 14px 31px
}

#content .employee-record address span img {
    float: left;
    margin: 4px 0 0 -29px
}

#content .employee-record address span svg {
    float: left;
    margin: -3px 10px 0 -29px
}

#content .employee-record address {
    font-style: normal
}

/* blockquotes widget */

.widget-blockquotes {
    overflow: hidden;
    padding: 22px;
    margin: 0 0 29px;
    background: none repeat scroll 0 0 #F0F0F0
}

.widget-blockquotes .img {
    float: left;
    position: relative;
    padding: 0 !important;
    margin: 0 0 15px !important
}

.widget-blockquotes .text {
    display: block;
    overflow: hidden;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #424242;
    position: relative;
    padding: 0;
    margin: 0;
    background: none
}

.widget-blockquotes blockquote:before {
    display: none
}

.widget-blockquotes .img .ico {
    position: absolute;
    right: -17px;
    top: 13px;
    width: 36px;
    height: 36px;
    background: url(/images/ico_23.png) no-repeat scroll 0 0 transparent;
    z-index: 1000
}

.widget-blockquotes h4 {
    font: 20px/22px priori-sans-bold, sans-serif !important;
    text-transform: uppercase;
    color: #273d5e !important;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #CCC
}

.widget-blockquotes h5 {
    font: 18px/20px priori-sans-bold, sans-serif;
    color: #628BA9;
    margin: 0 0 4px;
    padding: 0 0 5px
}

/*###################### Breakpoints for mobile, tablet, small desktop #########################*/

/*-------------------------- Homepage big desktop breakpoint ---------------------*/

@media only screen and (max-width: 2200px) and (min-width: 1500px) {
    .gallery .slides li {
        max-height: 720px
    }
}

/*-------------------------- small desktop ------------------------------*/

@media only screen and (max-width: 1204px) and (min-width: 1000px) {
    .mpw-container .left-image {
        width: 32%
    }

    .widget-width__70 {
        width: 65%
    }

    #xform_layout .xfphelp {
        float: none !important;
        margin-top: 2em
    }

    /*homepage slider fix */
    .widget__custom-gallery-2 .gallery {
        margin-top: 44px
    }
}

/*-------------------------- tablet breakpoint --------------------------*/

@media only screen and (max-width: 999px) and (min-width: 480px) {
    /* H1 fix for FF */
    #main .page-title {
        top: -50px
    }

    /* Homepage Visit Campus Fix for mobile devices */
    .graduate-area .mobile-hide {
        display: none !important
    }

    .graduate-area .mobile-show {
        display: inline-table !important
    }

    aside {
        padding: 21px 0 16px !important
    }

    .events-widget {
        width: 90% !important
    }

    .responsive-calendar .controls {
        width: 100% !important;
        max-width: 330px
    }

    /* ---- homepage video ---- */
    .visit-area {
        margin: 0 -250px 0 0;
        max-height: 450px !important
    }

    /* xForms styling */
    #xform_layout .input {
        margin: 10px 0 0 !important
    }

    #xform_layout .xfields {
        width: 75% !important
    }

    #xform_layout textarea {
        width: 75% !important
    }

    #xform_layout label {
        width: 100% !important;
        text-align: left !important;
        margin: 0 0 10px !important
    }

    #xform_layout .xfphelp {
        margin-top: 2em !important;
        float: left !important;
        width: 100%
    }

    .xform_group {
        width: 100%;
        float: left;
        padding-left: .2em
    }

    /* images */
    .float_left {
        float: left;
        width: 40%;
        margin: .5em 1em .5em 0
    }

    .float_right {
        float: right;
        width: 40%;
        margin: .5em 1em .5em 0
    }

    /* accordian widget */
    .accordion .float_right {
        float: right !important;
        width: 30% !important
    }

    /* multi-purpose wide */
    .mpw-container {
        padding: 20px
    }

    .mpw-container .left-image {
        display: none
    }

    .mpw-container .mpw-right {
        float: none;
        width: 90%;
        margin: 0 !important;
        padding: 0 !important
    }

    /* employee record widget */
    #content .employee-record .img {
        margin: 0;
        margin-right: 1em;
        width: 120px;
        border: none;
        float: left
    }

    /* Global widgets */
    .widget-width__1,
    .widget-width__2,
    .widget-width__3,
    .widget-width__4,
    .widget-width__5,
    .widget-width__6,
    .widget-width__7,
    .widget-width__8,
    .widget-width__9,
    .widget-width__10,
    .widget-width__11,
    .widget-width__12,
    .widget-width__13,
    .widget-width__14,
    .widget-width__15,
    .widget-width__16,
    .widget-width__17,
    .widget-width__18,
    .widget-width__19,
    .widget-width__20,
    .widget-width__21,
    .widget-width__22,
    .widget-width__23,
    .widget-width__24,
    .widget-width__25,
    .widget-width__26,
    .widget-width__27,
    .widget-width__28,
    .widget-width__29,
    .widget-width__30,
    .widget-width__31,
    .widget-width__32,
    .widget-width__33,
    .widget-width__34,
    .widget-width__35,
    .widget-width__36,
    .widget-width__37,
    .widget-width__38,
    .widget-width__39,
    .widget-width__40,
    .widget-width__41,
    .widget-width__42,
    .widget-width__43,
    .widget-width__44,
    .widget-width__45,
    .widget-width__46,
    .widget-width__47,
    .widget-width__48,
    .widget-width__49,
    .widget-width__50,
    .widget-width__51,
    .widget-width__52,
    .widget-width__53,
    .widget-width__54,
    .widget-width__55,
    .widget-width__56,
    .widget-width__57,
    .widget-width__58,
    .widget-width__59,
    .widget-width__60,
    .widget-width__61,
    .widget-width__62,
    .widget-width__63,
    .widget-width__64,
    .widget-width__65,
    .widget-width__66,
    .widget-width__67,
    .widget-width__68,
    .widget-width__69,
    .widget-width__70,
    .widget-width__71,
    .widget-width__72,
    .widget-width__73,
    .widget-width__74,
    .widget-width__75,
    .widget-width__76,
    .widget-width__77,
    .widget-width__78,
    .widget-width__79,
    .widget-width__80,
    .widget-width__81,
    .widget-width__82,
    .widget-width__83,
    .widget-width__84,
    .widget-width__85,
    .widget-width__86,
    .widget-width__87,
    .widget-width__88,
    .widget-width__89,
    .widget-width__90,
    .widget-width__91,
    .widget-width__92,
    .widget-width__93,
    .widget-width__94,
    .widget-width__95,
    .widget-width__96,
    .widget-width__97,
    .widget-width__98,
    .widget-width__99,
    .widget-width__100 {
        width: 100%
    }

    .visit-area .container {
        float: left
    }
}

/*-------------------------- mobile Breakpoint --------------------------*/

@media only screen and (max-width: 480px) {
    /* Homepage Visit Campus Fix for mobile devices */
    .graduate-area .mobile-hide {
        display: none !important
    }

    .graduate-area .mobile-show {
        display: inline-table !important
    }

    aside {
        padding: 21px 0 16px !important
    }

    /*------ styling for alert --------*/
    .allert-box h3 {
        width: 100% !important
    }

    .allert-box .holder {
        width: 100%
    }

    .allert-box p {
        width: 100% !important
    }

    .allert-box .close {
        right: -12px !important
    }

    /* resize video block for visit campus ribbon */
    .visit-area .holder {
        width: 90% !important;
        float: none !important
    }

    /* resize visit button in the visit campus ribbon */
    .visit-area .btn {
        padding: 15px 12px !important;
        width: 100% !important
    }

    /* images */
    .float_right {
        width: 100% !important;
        float: none !important;
        margin: 0 !important
    }

    .image_centre {
        width: 100% !important;
        float: none
    }

    .float_left {
        width: 100% !important;
        margin: none !important;
        float: none
    }

    /* employee record widget */
    #content .employee-record .img {
        width: 80% !important;
        margin: 0 auto 10px;
        float: none !important
    }

    #content .employee-record .img img {
        margin: auto
    }

    /* creates a max-width for the quote supplement */
    .blockquotes .img {
        max-width: none
    }

    /* ---- Contact Widget ---- */
    .contact-box .img {
        margin: 0 0 10px;
        float: none;
        width: 100%
    }

    /* multi-purpose wide */
    .mpw-container {
        padding: 20px
    }

    .mpw-container .left-image {
        display: none
    }

    .mpw-container .mpw-right {
        float: none;
        width: 90%;
        margin: 0 !important;
        padding: 0 !important
    }

    .mpw-right .button {
        width: 80% !important;
        margin: auto !important
    }

    /* ---- Accordian widget classes -----*/
    .accordion .float_right {
        display: none
    }

    .mobile-hide {
        display: none
    }

    /* xForms Responsive Styling */
    #xform_layout .input {
        margin: 10px 0 0 !important;
        padding: 20px 0 0;
        width: 95%
    }

    #xform_layout .xfields {
        width: 100% !important
    }

    #xform_layout label {
        margin: 0;
        padding-top: 6px;
        float: left;
        text-align: left !important;
        width: 100% !important
    }

    #xform_layout textarea {
        width: 100% !important
    }

    .xform_group {
        width: 100%;
        float: left;
        padding-left: .2em
    }

    .events-widget {
        width: auto !important
    }
}

/* ---- image hover link ---- */

/* info-img */

.widget-info-img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: 14px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #fff;
    margin: 0 0 15px;
    width: 100%;
    max-width: 400px
}

.widget-info-img img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.widget-info-img .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    background: rgba(39, 61, 94, 0.85);
    text-align: center;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    padding: 13px 22px 12px 18px
}

.widget-info-img .mask .inner {
    display: table;
    width: 100%;
    height: 100%
}

.widget-info-img .mask .cell {
    display: table-cell;
    vertical-align: middle
}

.widget-info-img .mask strong {
    display: block;
    text-transform: uppercase;
    font: 20px/22px priori-sans-bold, sans-serif;
    margin: 0 0 3px
}

.widget-info-img:hover .mask {
    bottom: 0;
    right: 0;
    padding: 0 15px
}

.widget-info-img:hover .text {
    display: block
}

.widget-info-img .text {
    display: none;
    position: relative;
    padding: 5px 0 0
}

.widget-info-img .text:before {
    position: absolute;
    left: 24px;
    right: 19px;
    top: 0;
    height: 1px;
    background: #ccc;
    content: ""
}

.widget-info-img .text p {
    margin: 0 0 18px;
    font-size: 12px
}

.widget-info-img .btn-info {
    background: #75adcf;
    color: #fff
}

.widget-info-img .btn-info:hover {
    background: #363637
}

.widget-btn-info {
    display: inline-block;
    vertical-align: top;
    font: 14px/18px AptiferSansLTW01-Light, sans-serif;
    color: #273d5e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 1px 3px rgba(2, 2, 2, 0.2);
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    text-align: center;
    padding: 6px 16px;
    position: relative
}

.widget-btn-info:hover {
    background: #363637;
    text-decoration: none;
    color: #fff
}

/* JWHEAT - video background */

.video-bg {
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.header-unit {
    height: 736px;
    border: 2px solid #000;
    border-right: none;
    border-left: none;
    position: relative;
    padding: 20px
}

#video-container {
    position: absolute
}

#video-container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

video {
    position: relative;
    z-index: 0
}

.video-block {
    border: none !important
}

.widget__homepage-visit-area {
    height: auto
}

.visit-area {
    font-size: 20px;
    line-height: 23px;
    padding: 62px 0 76px;
    position: relative;
    color: #FFF;
    font: 22px/26px mendoza-book, serif;
    padding: 87px 0 135px;
    overflow: hidden
}

.fillWidth {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100% !important;
    width: auto;
    height: auto
}

.visit-area .holder {
    width: 459px;
    float: left;
    position: relative
}

/* ScrollToAnchor "links" */

.scroll_anchor {
    cursor: pointer;
    color: #9c9c9c
}

/*--------- event widget fix ----------------*/

/* events-area */

.events-widget {
    margin: 20px 0 !important;
    float: left;
    width: 100%
}

.events-widget .more-events {
    background: url(/images/bg-more-02.png) no-repeat scroll 12px 7px #FFF !important
}

.events-widget .more-events:hover {
    background: url(/images/bg-more-02.png) no-repeat scroll 12px -69px #273D5E !important
}

/*--------- Featured event widget ----------------*/

/* events-area */

.featured-events-widget {
    height: auto;
    padding: 1.2em;
    margin: 0 7px 20px 0;
    overflow: auto;
    border: 1px solid #ddd
}

.featured-events-widget h2 {
    margin: 0 !important;
    padding: 0 !important
}

.featured-events-widget .event-link {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    font: 16px/16px 'Aptifer Sans LT W01', sans-serif;
    color: #2c4263;
    padding: 9px 10px 9px 9px;
    -webkit-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    -moz-box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    margin: 0 !important
}

.featured-events-widget .event-link:hover {
    color: #363637;
    text-decoration: none
}

.featured-events-widget .event-link:hover .date {
    background: #363637
}

.featured-events-widget .event-link:after {
    position: absolute;
    top: 31px;
    right: 25px;
    width: 8px;
    height: 12px;
    background: url(/site/images/ico-10.png) no-repeat;
    content: ""
}

.events-widget-narrow .event-link:after {
    display: none
}

.featured-events-widget .event-link .date {
    float: left;
    width: 38px;
    padding: 6px 5px 9px;
    position: relative;
    background: #2c4263;
    font-size: 20px;
    line-height: 18px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 13px 0 0;
    font: 18px/18px 'Aptifer Sans LT W01', sans-serif
}

.featured-events-widget .event-link .date span {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.featured-events-widget .event-link .text {
    display: table-cell;
    vertical-align: middle;
    height: 48px
}

#content .featured-events-widget .list {
    float: left;
    width: 100%;
    list-style: none;
    margin: .2em 0 20px;
    padding: 0
}

#content .featured-events-widget .list li {
    margin: 0 0 10px;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    width: 100%
}

.imageCaption img {
    width: 100%
}

.featured-events-widget .more-events {
    background: #fff url(/images/bg-more-02.png) no-repeat 11px 8px;
    font: 18px/20px 'Aptifer Sans LT W01', sans-serif;
    color: #363637;
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    border-radius: 6px;
    padding: 10px 18px 11px 42px
}

.featured-events-widget .more-events:hover {
    background: #273D5E url(/images/bg-more-02.png) no-repeat 11px -69px;
    color: #fff;
    text-decoration: none
}

/*====== homepage featured video background =========*/

.video-overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    height: 300px;
    background: -webkit-linear-gradient(bottom, rgba(5, 38, 61, 0), rgba(5, 38, 61, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(5, 38, 61, 0), rgba(5, 38, 61, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(5, 38, 61, 0), rgba(5, 38, 61, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(5, 38, 61, 0), rgba(5, 38, 61, 0.7))
    /* Standard syntax (must be last) */
}

.video-bg-feature {
    position: relative;
    color: #FFF;
    font: 22px/26px mendoza-book, serif;
    padding: 87px 0 10px;
    overflow: hidden;
    background: url(../images/bg-visit-area.jpg) no-repeat scroll 0 0 / cover transparent
}

.video-bg-feature .fillWidth {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100% !important;
    width: auto;
    height: auto
}

.video-bg-feature .container {
    margin-top: 350px !important;
    overflow: hidden;
    padding: 0 110px;
    width: 984px;
    margin: 0 auto;
    z-index: 1000
}

.video-bg-feature .holder {
    width: 700px;
    position: relative;
    margin: auto;
    z-index: 2
}

.video-bg-feature .holder .globe {
    padding-left: 50px;
    background: url(/images/globe.png) no-repeat scroll 0 0;
    height: 40px;
    vertical-align: middle
}

.video-bg-feature .holder h2 {
    font: 70px/72px priori-sans-bold, sans-serif;
    text-transform: uppercase;
    color: #FFF;
    margin: 0 0 10px -4px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75);
    text-align: center;
    border-bottom: 1px solid #fff
}

.video-bg-feature .holder p {
    font: 22px/28px mendoza-book, serif;
    margin: 0 0 25px;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.46);
    text-align: center
}

.video-bg-feature .holder .btn-list {
    list-style: none outside none;
    padding: 0 0 0 100px
}

.video-bg-feature .holder .btn-list ul {
    margin: auto !important
}

.video-bg-feature .holder li {
    width: 45%;
    display: inline-block
}

.video-bg-feature .holder .btn-list .btn {
    width: 90%;
    padding: 15px 20px 15px 0;
    font: 20px/22px aptifer-sans-light, sans-serif;
    color: #273D5E;
    padding: 11px 10px 13px;
    margin: 0 0 12px;
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgba(2, 2, 2, 0.2);
    transition: background-color .2s ease 0;
    text-decoration: none !important
}

.video-bg-feature .holder .btn-list .btn:hover {
    text-decoration: none;
    background-color: #999;
    color: #fff
}

/************* Admissions requirements button for HTML widget for Nursing BSN page ********************/

.btn-adm-req {
    display: inline-block;
    background: url(/images/book.png), url(/images/arrow.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px 50%, 97% 50%;
    background-color: #F0F0F0;
    padding: 5px;
    width: 91%;
    cursor: pointer;
    margin: 5px 0 15px 5px;
    border: 1px solid #DDD;
    text-align: left
}

.btn-adm-req p {
    color: #273d5d;
    font: 20px aptifer-sans, sans-serif;
    margin: 0 20px 0 50px;
    text-align: left;
    position: relative;
    text-decoration: none
}

.btn-adm-req a {
    text-decoration: none !important;
    color: #273d5d
}

/* homepage SEO widget */

.info-section {
    padding-bottom: 0
}

.info-section .container {
    padding-bottom: 150px;
    background-image: url(/site/custom_scripts/styles/img/homepage/college-building.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: left;
    position: relative;
    z-index: 10
}

.info-section .container:after {
    content: "";
    display: block;
    clear: both
}

.info-section h1 {
    text-transform: none;
    color: #273d5E;
    line-height: 1em;
    text-shadow: none;
    background: none;
    padding: 0;
    letter-spacing: 0;
    margin: 0 0 30px !important;
    font: 40px/44px priori-sans-bold, sans-serif
}

.info-section .text-block {
    width: 60%
}

.info-section .text-block p {
    font: 17px/30px 'Aptifer Sans LT W01', sans-serif;
    display: inline
}

.info-section .text-block a {
    text-decoration: underline
}

.info-section .video-block {
    width: 40%
}

.info-section .video-block p {
    font: 15px/18px 'Aptifer Sans LT W01', sans-serif;
    color: #676767;
    text-align: center;
    max-width: 453px;
    margin: auto
}

.info-section .text-block,
.info-section .video-block {
    padding: 0 20px;
    box-sizing: border-box;
    float: left
}

.info-section .video-block {
    padding-top: 20px
}

.info-section .video-block img {
    max-width: 100%;
    border: none
}

.info-section .left-line,
.info-section .right-line {
    position: absolute;
    bottom: 0;
    width: 50%;
    border-top: 1px solid rgba(98, 139, 169, .7)
}

.info-section .left-line {
    left: 0;
    height: 69px
}

.info-section .right-line {
    left: 50%;
    height: 59px
}

@media (max-width: 999px) {
    .info-section .text-block,
    .info-section .video-block {
        width: 100%
    }

    .info-section h1 {
        text-align: center;
        font-size: 35px;
        line-height: 27px
    }

    .info-section .text-block p {
        text-align: center
    }

    .info-section .video-block img {
        margin: 20px auto;
        display: block
    }
}

@media (max-width: 1204px) {
    .info-section .container {
        padding-bottom: 200px
    }
}

@media (max-width: 768px) {
    .info-section {
        text-align: center
    }

    .info-section .text-block,
    .info-section .video-block {
        width: 100%;
        float: none
    }

    .info-section .container {
        background-size: contain
    }

    .info-section .video-block {
        display: block
    }

    .info-section .container {
        padding-bottom: 10em
    }

    .info-section h1 {
        font-size: 35px;
        line-height: 35px
    }
}


/* Header files from base.css */

.main-nav .sub-menu {
	display:none;
	position:absolute;
	left:2px;
	right:13px;
	top:80px;
	background:rgba(255,255,255,0.95);
	text-shadow:none;
	padding:51px 48px 41px 47px;
}
.main-nav .sub-menu .box {
	float:left;
	width:450px;
	font:16px/20px 'mendoza-book', serif;
	padding:0 14px 0 0;
}
.main-nav .sub-menu h2 {
	font:18px/20px 'mendoza-medium', serif;
	margin:0 0 8px;
	text-transform:uppercase;
}
.main-nav .sub-menu .list-head {
	display:block;
	font:16px/18px 'mendoza-medium', serif;
	margin:0 0 10px;
	text-transform:uppercase;
}
.main-nav .sub-menu .list-head:hover {
	text-decoration:none;
	color:#77a4c1;
}
.main-nav .sub-menu p { margin:0; }
.main-nav .sub-menu .col {
	float:left;
	width:190px;
	padding:0 0 0 18px;
}
.main-nav .sub-menu ul {
	list-style:none;
	margin:0;
	padding:0;
	font:16px/18px 'Aptifer Sans LT W01', sans-serif;
}
.main-nav .sub-menu ul li {
	margin:0 0 8px;
}
.main-nav .sub-menu ul a {
	color:#2a3e5e;
}
.main-nav .sub-menu ul a:hover {
	text-decoration:none;
	color:#77a4c1;
}
.main-nav .sub-menu .img {
	float:right;
	margin:-5px 0 0;
}
.main-nav .sub-menu .img img { vertical-align:top; }
.mm-menu,
.nav-holder
 { display:none; }



/* New Header Styles */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

#header .logo {
  background: url(/site/styles/images/logo-white.svg) no-repeat center/contain;
}

.btn-row {
  border-top: 1px solid #426e8a;
  padding: 20px 0 0;
}

.btn-row [class*='btn-'] {
  display: block;
  width: 100%;
  margin: 0 0 13px;
}

.btn-gradient {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 45px;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: -0.14px;
  font-weight: 500;
  color: #ffffff;
  background: -o-linear-gradient(left, #00698b 0%, #614495 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00698b), to(#614495));
  background: linear-gradient(to right, #00698b 0%, #614495 100%);
  opacity: 0.85;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.btn-gradient:hover {
  text-decoration: none;
  opacity: 1;
}

.btn-gradient.alt {
  padding: 12px 10px;
  border-radius: 5px;
  background: -o-linear-gradient(right, #5788a6 0%, #325181 100%);
  background: -webkit-gradient(linear, right top, left top, from(#5788a6), to(#325181));
  background: linear-gradient(270deg, #5788a6 0%, #325181 100%);
  letter-spacing: -0.15px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .nav-hide-on-mobile, #desktop-nav {
    display: none;
  }

}

@media only screen and (min-width: 768px) {
  .with-intro .sticky-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .btn-mobile { display:none; }

  .with-intro #header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -40px;
    z-index: -1;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(39,61,94,0) 92%);
    background: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(39,61,94,0) 92%);
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(39,61,94,0) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#273d5e",endColorstr="#273d5e",GradientType=1);
    opacity: 0.6;
    pointer-events: none;
    -webkit-transition: background-image 0.3s linear, bottom 0.3s linear;
    -o-transition: background-image 0.3s linear, bottom 0.3s linear;
    transition: background-image 0.3s linear, bottom 0.3s linear;
  }

  .navoffset .fixed-position #header {
    padding: 0;
  }

  .fixed-position #header {
    background: #ffffff;
    border-bottom: 1px solid #CDCDCD;
  }

  .navoffset .fixed-position #header::before {
    background: none;
  }

  .with-intro .fixed-position #header::after {
    background-image: none;
    bottom: 0;
  }

  .navoffset .fixed-position #header.dark .navbar {
    background: #ffffff;
  }

  .fixed-position #header .main-nav>li>a {
    color: #273d5e;
  }

  .fixed-position #header .main-nav>li>a:hover {
    color: #77a4c1;
  }

  .navoffset .fixed-position #header .logo {
    display: none;
  }

  .fixed-position #header .logo {
    background: url(/site/styles/images/logo-dark.svg) no-repeat center/contain;
  }

  .navoffset .fixed-position #header .add-nav {
    display: none;
  }

  .fixed-position #header .add-nav {
    color: #273d5e;
  }

  .fixed-position #header .add-nav .add-nav-opener::before {
    border-top-color: #273d5e;
  }

  .fixed-position #header .add-nav .active {
    color: #fff;
  }

  .fixed-position #header .add-nav .active .add-nav-opener::before {
    border-top-color: #fff;
  }

  .navoffset .fixed-position .navbar {
    min-height: auto;
    padding: 0;
  }

  .navoffset .fixed-position .navbar .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 0 0;
  }

  .navoffset .fixed-position .navbar nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .navoffset .fixed-position .main-nav {
    margin: 0;
  }

  .navoffset .fixed-position .main-nav>li>a {
    padding: 9px 0;
  }

  .navoffset .fixed-position .main-nav>li>a::before {
    content: none;
  }

  .fixed-position #header .search-opener {
    background: transparent url(/site/styles/images/search-icon-dark.svg) no-repeat 50% 50% / 16px 18px;
  }

  .navoffset .fixed-position .search-form .search-close {
    right: 10px;
  }

  .navoffset .fixed-position .search-form {
    padding: 21px 30px 24px !important;
  }

  .navoffset .fixed-position .search-form fieldset {
    margin: 0 21px 0 0;
  }

  .navoffset .fixed-position .has-child .has-drop-down-a::before {
    bottom: -22px;
  }

  .navoffset .fixed-position .main-nav .sub-menu {
    top: 43px;
  }

  #header.dark .navbar {
    background: #ffffff;
  }

  #header.dark .logo {
    background: url(/site/styles/images/logo-dark.svg) no-repeat center/contain;
  }

  #header.dark .main-nav>li>a {
    color: #273d5e;
  }

  #header.dark .main-nav>li>a:hover {
    color: #77a4c1;
  }

  #header.dark .add-nav .add-nav-opener, #header.dark .add-nav .add-nav-opener2 {
    color: #273d5e;
  }

  #header.dark .add-nav .active .add-nav-opener {
    color: #fff;
  }

  #header.dark .add-nav .active .add-nav-opener:before {
    border-top-color: #fff;
  }

  #header.dark .search-opener {
    background: transparent url(/site/styles/images/search-icon-dark.svg) no-repeat 50% 50% / 16px 18px;
  }

  #header.dark .add-nav .add-nav-opener::before {
    border-top-color: #273d5e;
  }

  #header {
    padding: 14px 0 0;
    z-index: 99;
    -webkit-transition: background 0.3s linear, padding 0.3s linear;
    -o-transition: background 0.3s linear, padding 0.3s linear;
    transition: background 0.3s linear, padding 0.3s linear;
  }



  #header::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 14px;
    background: -o-linear-gradient(left, #00698b 0%, #614495 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00698b), to(#614495));
    background: linear-gradient(to right, #00698b 0%, #614495 100%);
  }

  #header .logo {
    width: 161px;
    height: 44px;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .navbar {
    padding: 10px 0;
    min-height: 70px;
    background: transparent;
    -webkit-transition: min-height 0.3s linear, background 0.3s linear;
    -o-transition: min-height 0.3s linear, background 0.3s linear;
    transition: min-height 0.3s linear, background 0.3s linear;
    ;
  }

  .navbar .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding: 0 0 0 190px;
    box-sizing: border-box;
  }

  .navbar nav {
    padding-left: 0;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  .navbar .container:before {
    content: none;
  }

  .main-nav {
    font-weight: 700;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: margin 0.3s linear;
    -o-transition: margin 0.3s linear;
    transition: margin 0.3s linear;
  }

  .main-nav>li {
    margin: 0 0 0 20px;
    text-shadow: none;
  }

  .main-nav>li.hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }

  .main-nav>li.hover>a,
  .main-nav>li>a:hover {
    color: rgba(255, 255, 255, 0.6);
  }

  .main-nav>li>a {
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    padding: 0 0 11px;
  }

  .main-nav .sub-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #f3f3f3;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    -ms-transition: opacity 0.3s linear, visibility 0.3s linear;
  }

  .main-nav .sub-menu .list-head,
  .main-nav .sub-menu ul a {
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }

  .main-nav .sub-menu .info-holder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #a7a9ac;
    padding: 26px 136px 0 0;
    margin: 10px 42px 0 0;
  }

  .main-nav .row-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px 0 -16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
  }

  .main-nav .col-menu {
    width: 25%;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .main-nav .col-menu.lg {
    width: 100%;
  }

  .main-nav .sub-menu.alt-view .list-head {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: -0.44px;
    margin: 0 0 15px;
  }

  .main-nav>li>a:hover:before,
  .main-nav>.current-page>a:before,
  .main-nav>li:hover>a:before {
    border: 0;
    margin: 0;
    bottom: 0;
  }

  .main-nav .sub-menu.alt-view ul li {
    margin: 0 0 13px;
  }

  .main-nav .sub-menu.alt-view ul a {
    color: #252525;
  }

  .main-nav .sub-menu.alt-view ul a:hover {
    color: #77a4c1;
  }

  .sub-menu .info-holder .menu-heading {
    display: block;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.08px;
    line-height: 1.11;
    margin: 0 0 24px;
  }

  .has-child .has-drop-down-a {
    position: relative;
  }

  .has-child.hover .has-drop-down-a::before {
    opacity: 1;
    visibility: visible;
  }

  .has-child .has-drop-down-a::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 11px;
    width: 83px;
    background: #f3f3f3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    -ms-transition: opacity 0.3s linear, visibility 0.3s linear;
  }

  .hide-from-tablet {
    display: none;
  }

  .search-opener {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url(/site/styles/images/search-icon.svg) no-repeat 50% 50% / 16px 18px;
    font-size: 0;
    line-height: 0;
    margin: 0 14px 0 0;
  }

  .search-form {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    color: #fff;
    background-color: #273d5e;
    padding: 30px;
    margin: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out !important;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out !important;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
    z-index: 9;
  }

  .search-form.search-form-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .search-form fieldset {
    position: relative;
  }

  .search-form .input {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 3px solid currentColor;
    border-width: 0 0 3px;
    margin: 0;
    padding: 0;
  }

  .search-form .input .txt {
    color: currentColor;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: 18px;
    padding: 5px 40px 5px 0;
    height: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


.search-form .input ::-webkit-input-placeholder { /* Webkit */
   color: #fff;
}

.search-form .input :-moz-placeholder { /* Firefox 18-4 */
   color: #fff;
}

.search-form .input ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

.search-form .input :-ms-input-placeholder {  /*  IE10+  */
   color: #fff;
}


  .search-form .btn-submit {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background: transparent url(/site/styles/images/search-icon.svg) no-repeat 50% 50% / 16px 18px;
    z-index: 88;
  }

  .search-form .search-close {
    position: absolute;
    top: 10px;
    right: 30px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  .search-form .search-close:hover::before,
  .search-form .search-close:hover::after {
    background-color: rgba(255, 255, 255, 0.6);
  }

  .search-form .search-close::before,
  .search-form .search-close::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
  }

  .search-form .search-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  #header .add-nav {
    margin: 0 -20px 0;
    padding: 0 25px 3px 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
  }

  #header .add-nav>li {
    padding: 0 20px;
  }

  #header .add-nav-open-close {
    position: relative;
    z-index: 2;
  }

  #header .add-nav-open-close.active .add-nav-opener::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }

  .add-nav-open-close.active .add-nav-opener::after {
    opacity: 1;
    visibility: visible;
  }

  #header .add-nav .add-nav-opener, #header .add-nav .add-nav-opener2 {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: inherit;
    position: relative;
    z-index: 2;
    font: 14px/19px 'AptiferSansLTW01-Medium 721143', sans-serif;
  }

  #header .add-nav .add-nav-opener:hover {
    text-decoration: none;
  }

  #header .add-nav .add-nav-opener::before {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
  }

  .add-nav-open-close .add-nav-opener::after {
    content: '';
    position: absolute;
    top: -14px;
    left: -20px;
    right: -30px;
    bottom: -10px;
    background: #273d5e;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s linear, visibility 0.4s linear;
    -webkit-transition: opacity 0.4s linear, visibility 0.4s linear;
    -o-transition: opacity 0.4s linear, visibility 0.4s linear;
    -ms-transition: opacity 0.4s linear, visibility 0.4s linear;
    z-index: -1;
  }

  #header .add-nav-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 306px;
    position: absolute;
    top: 100%;
    right: -60px;
    background-color: #273d5e;
    padding: 35px 46px 46px;
    margin: 10px 0 0;
    display: none;
  }

  .add-nav-slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 12px;
    background: -o-linear-gradient(left, #00698b 0%, #614495 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00698b), to(#614495));
    background: linear-gradient(to right, #00698b 0%, #614495 100%);
  }

  .add-nav-slide .inner-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 140px);
    font: 16px/19px 'AptiferSansLTW01-Medium 721143', sans-serif;
  }

  .add-nav-slide .inner-holder>ul {
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
    letter-spacing: -0.41px;
    font-size: 15px;
    font-weight: 400;
  }

  .add-nav-slide .inner-holder>ul li {
    margin: 0 0 12px;
  }

  .add-nav-slide a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }

  .add-nav-slide a:hover {
    opacity: 0.6;
  }
}

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .navbar .container {
    max-width: 745px;
    padding: 0 0 0 190px;
  }
}

@media only screen and (min-width: 1000px) {
  .with-intro #header::after {
    bottom: -100px;
  }

  #header .logo {
    width: 227px;
    height: 61px;
  }

  .search-opener {
    margin: 0 4px 0 0;
  }

  .navbar .container {
    padding: 0 20px 0 260px;
  }

  .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .main-nav .sub-menu {
    width: 100%;
    left: 50%;
    right: auto;
    top: 65px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 51px 48px 41px 47px;
  }

  .main-nav .sub-menu::after {
    content: '';
    position: absolute;
    background: #f3f3f3;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
}

@media only screen and (min-width: 1205px) {
  .with-intro #header::after {
    bottom: -200px;
  }

  .main-nav {
    font-size: 22px;
    margin: 25px 0 0 0;
  }

  .main-nav>li {
    margin: 0 0 0 52px;
  }

  .navbar .container {
    max-width: 1276px;
    width: 100%;
    padding: 0 20px 0 160px;
  }

  #header .add-nav {
    padding: 0 30px 3px 0;
  }

  #header .add-nav>li {
    padding: 0 26px;
  }

  .add-nav-slide {
    width: 360px;
    padding: 42px 59px 46px;
  }

  .add-nav-slide .inner-holder {
    max-height: calc(100vh - 150px);
  }

  .add-nav-slide .inner-holder>ul {
    font-size: 18px;
    margin: 0 0 6px;
  }

  .add-nav-slide .inner-holder>ul li {
    margin: 0 0 20px;
  }

  .main-nav .row-menu {
    margin: 0 -6px;
  }

  .main-nav .col-menu {
    width: 19%;
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .main-nav .col-menu.lg {
    width: 24%;
    /* -webkit-box-ordinal-group: 2; */
    -ms-flex-order: 1;
    order: 1;
  }

  .main-nav .col-menu.wide{
    width: 35%;
    }

  .main-nav .sub-menu .info-holder {
    padding: 1px 16px 0 0;
    margin: 1px 16px 0 0;
    border-top: 0;
    border-right: 1px solid #a7a9ac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    /* border-top: 1px solid #a7a9ac; */
  }

  .main-nav .sub-menu {
    top: 100px;
  }

  .btn-gradient.alt {
    padding: 14px 10px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 1600px) {
  #header .logo {
    margin: 0 0 0 56px;
  }
}


@media only screen and (max-width: 766px) {
    /* header */
    #header {
        clear: none;
        display: table;
        float: none;
        margin: 0;
        width: 100%;
        position: static
    }

    #header.stuck {
        position: static
    }

    .audience-tabs {
        display: none
    }

    .main-home-page .audience-tabs {
        display: table-footer-group
    }

    .main-home-page .audience-tabs .mobile-text {
        display: block;
        margin: 0;
        background: #e7e7e7;
        border-bottom: 1px solid #c3c3c3;
        font-size: 16px;
        line-height: 18px;
        color: #636466;
        padding: 8px 20px 7px
    }

    .audience-tabs .nav-tabs {
        padding: 0
    }

    .audience-tabs .nav-tabs-audience {
        margin: 0 0 0 -1px;
        line-height: 16px
    }

    .audience-tabs .nav-tabs-audience li {
        width: 50%;
        margin: 0
    }

    .audience-tabs .nav-tabs-audience li a {
        display: table-cell;
        border: solid #ccc;
        border-width: 0 0 1px 1px;
        padding: 0 30px;
        height: 50px;
        vertical-align: middle;
        font-weight: bold
    }

    .audience-tabs .nav-tabs-audience li {
        display: table;
        width: 50%;
        float: left
    }

    .audience-tabs .nav-tabs-audience li+li {
        margin: 0
    }

    .audience-tabs .nav-tabs-audience li:first-child {
        width: 100%;
        display: table
    }

    .audience-tabs .nav-tab-pages {
        display: none !important
    }

    .search-holder {
        display: table-header-group
    }

    .search-form {
        display: none;
        margin: 0;
        float: none;
        overflow: hidden;
        border: 1px solid #7091ac;
        background: #9ec5dd;
        padding: 0 20px
    }

    .search-form .input {
        float: none;
        overflow: hidden;
        width: auto;
        background: none;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0 20px 0 0
    }

    .search-form .input .txt {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        padding: 9px 0;
        color: #2c4263
    }

    .search-form a {
        display: none
    }

    .search-form .btn-submit {
        width: 24px;
        height: 21px;
        text-indent: 0;
        font: 14px/16px 'Aptifer Sans LT W01', sans-serif;
        color: #fff;
        text-transform: uppercase;
        background: #2c4263;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 9px 0 0
    }

    #header .logo {
        /* background: url( /site/images/logo-mobile.svg) no-repeat; */
        width: 166px;
        height: 48px;
        left: 16px;
        top: 21px;
    }

    /* navbar */
    .navbar {
        background: #293e5d
    }

    .navbar .container {
        padding: 36px 20px 29px
    }

    .navbar .container:before {
        left: 0;
        width: 15px
    }

    .navbar nav {
        display: none
    }

    .mobile-search {
        display: block;
        float: right;
        width: 21px;
        height: 20px;
        background: url(/site/images/ico-search-mobile.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }

    .mobile-search.opened {
        background-position: 0 -80px
    }