/*
* === FONTS ===

@font-face {
    font-family: 'CenturyOldStyleFSRegular';
    src: url('../type/CenturyOldStyle-Regular-webfont.eot');
    src: url('../type/CenturyOldStyle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/CenturyOldStyle-Regular-webfont.woff') format('woff'),
         url('../type/CenturyOldStyle-Regular-webfont.ttf') format('truetype'),
         url('../type/CenturyOldStyle-Regular-webfont.svg#CenturyOldStyleFSRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Lato';
    src: url('../type/lato-light-webfont.eot');
    src: url('../type/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-light-webfont.woff2') format('woff2'),
         url('../type/lato-light-webfont.woff') format('woff'),
         url('../type/lato-light-webfont.ttf') format('truetype'),
         url('../type/lato-light-webfont.svg#Lato') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-lightitalic-webfont.eot');
    src: url('../type/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../type/lato-lightitalic-webfont.woff') format('woff'),
         url('../type/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../type/lato-lightitalic-webfont.svg#Lato') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-regular-webfont.eot');
    src: url('../type/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-regular-webfont.woff2') format('woff2'),
         url('../type/lato-regular-webfont.woff') format('woff'),
         url('../type/lato-regular-webfont.ttf') format('truetype'),
         url('../type/lato-regular-webfont.svg#Lato') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-medium-webfont.eot');
    src: url('../type/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-medium-webfont.woff2') format('woff2'),
         url('../type/lato-medium-webfont.woff') format('woff'),
         url('../type/lato-medium-webfont.ttf') format('truetype'),
         url('../type/lato-medium-webfont.svg#Lato') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-mediumitalic-webfont.eot');
    src: url('../type/lato-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-mediumitalic-webfont.woff2') format('woff2'),
         url('../type/lato-mediumitalic-webfont.woff') format('woff'),
         url('../type/lato-mediumitalic-webfont.ttf') format('truetype'),
         url('../type/lato-mediumitalic-webfont.svg#Lato') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-semibold-webfont.eot');
    src: url('../type/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-semibold-webfont.woff2') format('woff2'),
         url('../type/lato-semibold-webfont.woff') format('woff'),
         url('../type/lato-semibold-webfont.ttf') format('truetype'),
         url('../type/lato-semibold-webfont.svg#Lato') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../type/lato-bold-webfont.eot');
    src: url('../type/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/lato-bold-webfont.woff2') format('woff2'),
         url('../type/lato-bold-webfont.woff') format('woff'),
         url('../type/lato-bold-webfont.ttf') format('truetype'),
         url('../type/lato-bold-webfont.svg#Lato') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* 
@font-face {
    font-family: 'Lato';
    src: url('/common/type/lato-regular.eot');
    src: url('/common/type/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('/common/type/lato-regular.woff') format('woff'),
         url('/common/type/lato-regular.ttf') format('truetype'),
         url('/common/type/lato-regular.svg#Lato') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/common/type/lato-bold.eot');
    src: url('/common/type/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('/common/type/lato-bold.woff') format('woff'),
         url('/common/type/lato-bold.ttf') format('truetype'),
         url('/common/type/lato-bold.svg#Lato') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/common/type/lato-italic.eot');
    src: url('/common/type/lato-italic.eot?#iefix') format('embedded-opentype'),
         url('/common/type/lato-italic.woff') format('woff'),
         url('/common/type/lato-italic.ttf') format('truetype'),
         url('/common/type/lato-italic.svg#Lato') format('svg');
    font-weight: normal;
    font-style: italic;
} */



/*
* === GLOBAL STYLES ===
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');

*, *:before, *:after {
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004); */
}

html, body {
    height: 100%;
}

body {
    background-color: #fff;
    /*background-image: url("../../images/bg.png"); */
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    min-width: 1024px;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
}

a {
    color: #02518a;
    /*color: #DB821F;*/
    cursor: pointer;
    /*outline: 0 !important; */
    font-weight: 700; 
}

a:hover {
    color: #003865;
}

#sidebar a {
    font-weight: 400;
}

/* .container, .container-fluid {
    max-width: 1200px;
} */

img {
    max-width: 100%;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}

strong {
    font-weight: 500;
}

strong em {
    font-weight: 500;
    font-style: italic;
}

::-webkit-input-placeholder {
    font-size: 11px !important;
    font-weight: 500  !important;
}

input:-moz-placeholder { /* Firefox 18- */
    font-size: 11px !important;
    font-weight: 500 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-size: 11px !important;
    font-weight: 500 !important;
}

input:-ms-input-placeholder {  
    font-size: 11px !important;
    font-weight: 500 !important; 
}

/*Toggle Accordian Panel*/

 .questions, .answer {
        display: none;
}

.is-cms .answer {
    display: block;
}

#accordion .panel-heading {
        background: #02518a;
        cursor: pointer;
}

#accordion .panel-heading.active {
    background: #003865;
}

/*
highlight bootstrap columns/rows
div[class^="row"] { background: #EEF; }
div[class^="col"] { background: #FEE; }
*/


/*
* === CUSTOM CLASSES ===
*/

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.no-overflow {
    overflow: hidden;
}

/* Bootstrap supports this via .text-justify
.justify {
    text-align: justify;
}
*/

.margin-auto {
    float: none;
    margin: 0 auto;
}

.middle {
    vertical-align: middle;
}

.no-border {
    border: none !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.test {
    border: 1px solid red;
}

.pointer {
    cursor: pointer;
}

.blur {
   color: transparent;
   text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.blur-white {
   color: transparent;
   text-shadow: 0 0 3px rgba(255,255,255,0.7);
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

/* Bootstrap supports this via .text-nowrap
.noWrap {
    white-space:nowrap;
}
*/

/*
* — Mixitup —
*/
#mashup-container {
    margin: 0 auto;
}

/* #mashup-container .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin-bottom: 50px;
} */
    
#mashup-container .mix {
    display: none;
    margin: 0 7px 50px 7px;
    width: calc(33% - 18px);
    vertical-align: top;
}

.mix a {
    color: #003865;
    font-weight: 400;
    text-align: justify;
}

.mix a h2 {
    color: #fff !important;
}

.mix:hover a {
    color: #02518a;
}

.mix .category {
    margin: 0 0 2px 0;
    text-align: right;
}

.mix .category span {
    color: #625e5f;
    font-size: 11px;
    font-weight: 500;
    margin: 1px 2px 1px 0;
    text-transform: uppercase;
}

.mix img {
    margin: 0 0 3px 0;
}

.mix:hover img {
    opacity: .9;
}

.mix .timestamp {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    margin: 0 2px 1px 0;
    text-align: right;
}
/*
* — Colored Boxes —
*/

.box {
    overflow: hidden;
    padding: 1em;
}

.box-sm {
    width: 250px;
}

.box-md {
    width: 500px;
}

.box-lg {
    padding: 2em;
}



/*
* — Image Positioning —
*/

.float-right {
    float: right;
    margin: 0 0 15px 15px;
}

.float-left {
    float: left;
    margin: 0 15px 15px 0;
}

.cms-float-right {
    float: right;
    margin: 0 0 15px 15px;
}

.cms-float-left {
    float: left;
    margin: 0 15px 15px 0;
}



/*
* — Background Colors —
*/

/* Black */
.background-black {
    background-color: #000 !important;
}

.background-black a:hover {
    color: #fff !important;
}

.button.background-black,
.button.background-black a,
.button.background-black a:hover {
    color: #fff !important;
}

.button.background-black:hover {
    background-color: #333 !important;
}

/* Gray */

.background-gray {
    background-color: #687884 !important;
}

.background-gray a:hover {
    color: #fff !important;
}

.button.background-gray,
.button.background-gray a,
.button.background-gray a:hover {
    color: #fff !important;
}

.button.background-gray:hover {
    background-color: #687884 !important;
}

/* Dark Gray */

.background-dark-gray {
    background-color: #51534A !important;
}

.background-dark-gray a:hover {
    color: #fff !important;
}

.button.background-dark-gray,
.button.background-dark-gray a,
.button.background-dark-gray a:hover {
    color: #fff !important;
}


/* Light Gray */

.background-light-gray {
    background-color: #e7e8ec !important;
}

.background-light-gray a:hover {
    color: #5B7F95 !important;
}

.button.background-light-gray,
.button.background-light-gray a,
.button.background-light-gray a:hover {
    color: #000 !important;
}

.button.background-light-gray:hover {
    background-color: #dfdbd9 !important;
}

/* Grey Blue */

.background-grey-blue {
    background-color: #5B7F95 !important;
}

/* White */

.background-white {
    background-color: #fff !important;
}

.background-white a:hover {
    color: #000 !important;
}

.button.background-white,
.button.background-white a,
.button.background-white a:hover {
    color: #000 !important;
}

.button.background-white:hover {
    background-color: #D3CFCD !important;
}

/* Green */

.background-green {
    background-color: #69bf4a !important;
}

.background-green a:hover {
    color: #69bf4a !important;
}

.button.background-green,
.button.background-green a,
.button.background-green a:hover {
    color: #fff !important;
}

.button.background-green:hover {
    background-color: #69bf4a !important;
}

/* Sea Green */

.background-sea-green {
    background-color: #517f6f !important;
}

.background-sea-green a:hover {
    color: #fff !important;
}

.button.background-sea-green,
.button.background-sea-green a,
.button.background-sea-green a:hover {
    color: #fff !important;
}

.button.background-sea-green:hover {
    background-color: #327951 !important;
}

/* Dark Blue */

.background-dark-blue {
    background-color: #003865 !important;
}

.background-dark-blue a:hover {
    color: #fff !important;
}

.button.background-dark-blue,
.button.background-dark-blue a,
.button.background-dark-blue a:hover {
    color: #fff !important;
}

.button.background-dark-blue:hover {
    background-color: #02518a !important;
}

/* Dark Blue (lighter) */

.background-dark-blue-lighter {
    background-color: #02518a !important;
}

.background-dark-blue-lighter a:hover {
    color: #fff !important;
}

.button.background-dark-blue-lighter,
.button.background-dark-blue-lighter a,
.button.background-dark-blue-lighter a:hover {
    color: #fff !important;
}

.button.background-dark-blue-lighter:hover {
    background-color: #3a7ab2 !important;
    /*background-color: #6CACE4 !important;*/
}

.active.background-dark-blue-lighter {
    background-color: #003865 !important;
}

/* Light Blue */

.background-light-blue {
    background-color: #0067A0 !important;
    /*background-color: #6CACE4 !important;*/
}

.background-light-blue a:hover {
    color: #fff !important;
}

.button.background-light-blue,
.button.background-light-blue a,
.button.background-light-blue a:hover {
    color: #fff !important;
}

.button.background-light-blue:hover {
    background-color: #76b3e8 !important;
}

/* Light Blue (lighter) */

.background-light-blue-lighter {
    background-color: #ABCAE9 !important;
}

.background-light-blue-lighter a:hover {
    color: #fff !important;
}

.button.background-light-blue-lighter,
.button.background-light-blue-lighter a,
.button.background-light-blue-lighter a:hover {
    color: #003865 !important;
}

.button.background-light-blue-lighter:hover {
    background-color: #b3d0ed !important;
}

/* Light Blue (lightest) */

.background-light-blue-lightest {
    background-color: #f3f9fe !important;
}

.background-light-blue-lightest a:hover {
    color: #000 !important;
}

.button.background-light-blue-lightest,
.button.background-light-blue-lightest a,
.button.background-light-blue-lightest a:hover {
    color: #003865 !important;
}

.button.background-light-blue-lightest:hover {
    background-color: #b3d0ed !important;
}

/* Orange */

.background-orange {
    background-color: #CF7F00 !important;
}

.background-orange a:hover {
    color: #fff !important;
}

.button.background-orange,
.button.background-orange a,
.button.background-orange a:hover {
    color: #000 !important;
}

.button.background-orange:hover {
    background-color: #e2861f !important;
}

/* Dark Purple */

.background-dark-purple {
    background-color: #642F6C !important;
}

.background-dark-purple a:hover {
    color: #fff !important;
}

.button.background-dark-purple,
.button.background-dark-purple a,
.button.background-dark-purple a:hover {
    color: #fff !important;
}

.button.background-dark-purple:hover {
    background-color: #685084 !important;
}

/* Light Purple */

.background-light-purple {
    background-color: #A277A6 !important;
}

.background-light-purple a:hover {
    color: #fff !important;
}

.button.background-light-purple,
.button.background-light-purple a,
.button.background-light-purple a:hover {
    color: #000 !important;
}

.button.background-light-purple:hover {
    background-color: #ae80b2 !important;
}

/* Red */

.background-red {
    background-color: #DA291C !important;
}

.background-red a:hover {
    color: #fff !important;
}

.button.background-red,
.button.background-red a,
.button.background-red a:hover {
    color: #000 !important;
}

.button.background-red:hover {
    background-color: #f4715a !important;
}

/* Yellow */

.background-yellow {
    background-color: #F6BE00 !important;
}

.background-yellow a:hover {
    color: #fff !important;
}

.button.background-yellow,
.button.background-yellow a,
.button.background-yellow a:hover {
    color: #000 !important;
}

.button.background-yellow:hover {
    background-color: #ffd800 !important;
}



/*
* — Text Colors —
*/

/* Black */

.text-black, a.hover-black:hover {
    color: #000 !important;
}

/* a.text-black:hover {
    color: #DB821F !important;
} */

/* Gray */

.text-gray, a.hover-gray:hover {
    color: #625e5f !important;
}

/* Dark Gray */

.text-dark-gray, a.hover-dark-gray:hover {
    color: #333 !important;
}

/* Light Gray */

.text-light-gray, a.hover-light-gray:hover {
    color: #D3CFCD !important;
}

/* White */

.text-white, a.hover-white:hover {
    color: #fff !important;
}

/* a.text-white:hover {
    color: #D3CFCD !important;
} */

/* Green */

.text-green, a.hover-green:hover {
    color: #69bf4a!important;
}

/* a.text-green:hover, .hover-green {
    color: #003865 !important;
} */

/* Sea Green */

.text-sea-green, a.hover-sea-green:hover {
    color: #003865 !important;
}

/* Dark Blue */

.text-dark-blue, a.hover-dark-blue:hover {
    color: #003865 !important;
}

/* a.text-dark-blue:hover {
    color: #DB821F !important;
} */

/* Dark Blue (lighter) */

.text-dark-blue-lighter, a.hover-dark-blue-lighter:hover {
    color: #02518a !important;
}

/* Light Blue */

.text-light-blue, a.hover-light-blue:hover {
    color: #3a7ab2 !important;
    /*color: #6CACE4 !important;*/
}

/* a.text-light-blue:hover {
    color: #003865 !important;
} */

/* Light Blue (lighter) */

.text-light-blue-lighter, a.hover-light-blue-lighter:hover {
    color: #ABCAE9 !important;
}

/* a.text-light-blue-lighter:hover {
    color: #DB821F !important;
} */

/* Light Blue (lightest) */

.text-light-blue-lightest, a.hover-light-blue-lightest:hover {
    color: #f3f9fe !important;
}

/* Orange */

.text-orange, a.hover-orange:hover {
    color: #DB821F !important;
}

/* Dark Purple */

.text-dark-purple, a.hover-dark-purple:hover {
    color: #5D4777 !important;
}

/* Light Purple */

.text-light-purple, a.hover-light-purple:hover {
    color: #A277A6 !important;
}

/* Red */

.text-red, a.hover-red:hover {
    color: #d83f24 !important;
    /*color: #E56A54 !important;*/
}

/* Yellow */

.text-yellow, a.hover-yellow:hover {
    color: #F2CD00 !important;
}



/*
* — Buttons —
*/

.button {
    background-color: #02518a; 
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    /* margin: 2em 0; */
    margin: 1em 0;
    overflow: hidden;
    /* padding: 10px 20px; */
    /*text-transform: uppercase;*/
    transition: background-color .2s;
}

.button-sm {
    font-size: 15px;
    line-height: 15px;
}

.button-lg {
    font-size: 24px;
    line-height: 28px;
}

.button input, .button button, .button a {
    border: 0 !important;
    display: block;
    padding: 10px 20px;
    -webkit-box-shadow: none !important;  
    -moz-box-shadow: none !important;  
    box-shadow: none !important;  
}

.button.button-sm input, .button.button-sm button, .button.button-sm a {
    padding: 7px 15px;
}

.button.button-lg input, .button.button-lg button, .button.button-lg a {
    padding: 20px;
}

.button input, .button button {
    background-color: transparent;
    border: 0;
    /*outline: 0;*/
    text-transform: uppercase;
}

.button, .button a {
    color: #fff;
}

.button:hover {
    background-color: #0067A0;
}

.button i {
    color: #fff;
    font-size: 19px;
    margin: 0 5px 0 0;
}

.button.button-sm i {
    font-size: 16px;
}

.button.button-lg i {
    font-size: 26px;
    text-align: center;
}



/*
* — Pills —
*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #003865;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
}

.nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus {
    background-color: #02518a;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    margin-top: 3px;
}

.nav-pills > li > a:hover {
    background-color: #02518a;
}

.nav-pills li a {
    padding: 6px 12px;
}

.nav-pills li a:hover {
    color: #fff !important;
}

/*
* — Privacy Cookie —
*/


.cookie-popup {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding-left: 10px;
  padding-top: 10px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  background-color: #687884;
  color: white;
  text-align: left;
  z-index:99999;
}


/*
* — Border Widths —
*/

.border {
    border-width: 1px !important;
}

.border-2x {
    border-width: 2px !important;
}

.border-3x {
    border-width: 3px !important;
}

.border-4x {
    border-width: 4px !important;
}

.border-5x {
    border-width: 5px !important;
}

.border-top {
    border-top-width: 1px !important;
}

.border-top-2x {
    border-top-width: 2px !important;
}

.border-top-3x {
    border-top-width: 3px !important;
}

.border-top-4x {
    border-top-width: 4px !important;
}

.border-top-5x {
    border-top-width: 5px !important;
}

.border-right {
    border-right-width: 1px !important;
}

.border-right-2x {
    border-right-width: 2px !important;
}

.border-right-3x {
    border-right-width: 3px !important;
}

.border-right-4x {
    border-right-width: 4px !important;
}

.border-right-5x {
    border-right-width: 5px !important;
}

.border-bottom {
    border-bottom-width: 1px !important;
}

.border-bottom-2x {
    border-bottom-width: 2px !important;
}

.border-bottom-3x {
    border-bottom-width: 3px !important;
}

.border-bottom-4x {
    border-bottom-width: 4px !important;
}

.border-bottom-5x {
    border-bottom-width: 5px !important;
}

.border-left {
    border-left-width: 1px !important
}

.border-left-2x {
    border-left-width: 2px !important
}

.border-left-3x {
    border-left-width: 3px !important
}

.border-left-4x {
    border-left-width: 4px !important
}

.border-left-5x {
    border-left-width: 5px !important
}

/*
* — Border Styles —
*/

.border-solid {
    border-style: solid;
    border-width: 0;
}

.border-dashed {
    border-style: dashed;
    border-width: 0;
}

.border-dotted {
    border-style: dotted;
    border-width: 0;
}

/*
* — Border Colors —
*/

.border-black {
    border-color: #000 !important;
}

.border-gray {
    border-color: #919388 !important;
}

.border-dark-gray {
    border-color: #54585A !important;
}

.border-light-gray {
    border-color: #D3CFCD !important;
}

.border-white {
    border-color: #fff !important;
}

.border-green {
    border-color: #69bf4a !important;
}

.border-sea-green {
    border-color: #003865 !important;
}

.border-dark-blue {
    border-color: #003865 !important;
}

.border-dark-blue-lighter {
    border-color: #02518a !important;
}

.border-light-blue {
    border-color: #0067A0 !important;
    /*border-color: #6CACE4 !important;*/
}

.border-light-blue-lighter {
    border-color: #6CACE4 !important;
}

.border-light-blue-lightest {
    border-color: #ABCAE9!important;
}

.border-orange {
    border-color: #DB821F !important;
}

.border-dark-purple {
    border-color: #5D4777 !important;
}

.border-light-purple {
    border-color: #A277A6 !important;
}

.border-red {
    border-color: #E56A54 !important;
}

.border-yellow {
    border-color: #F2CD00 !important;
}



/*
* — Responsive Media Elements —
*/

.media-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.media-wrapper iframe,
.media-wrapper object,
.media-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*
* - Bootstrap Carousel -
*/
/* fade instead of slide */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 200;
}

/*
* — Modal Styling —
*/

.modal, .popup-window, .popup-window-iframe {
    z-index: 9999;
}

.popup-window-iframe .modal-dialog {
    height: 100%;
    /*max-width: 95%;*/
    position: fixed;
    width: 100%;
}

.popup-window-iframe .modal-content {
    height: 90%;
    /* max-height: 100%; */
    margin: 0 auto;
    max-width: 95%;
    overflow: auto;
    /* overflow: hidden; */
    width: 1170px; 
}

.popup-window-iframe .modal-body {
   height: calc(100% - 10px);
   overflow-y: auto; /* this fixed scrolling issue */
   /* overflow: hidden; */
   /* max-height: 800px;
   overflow-y: auto; */
}

.popup-window-iframe .bootbox-body {
    height: 100%;
}

.popup-window-iframe iframe {
    width: 100%;
    height: 100%;
}

/*
* - jQuery UI -
*/

.ui-widget {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.ui-widget-header {
    background: #003865;
    color: #fff;
    font-weight: 400;
    border: 0;
    text-transform: uppercase;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.ui-icon {
    background-image: url(/images/ui-icons.png) !important;
}

.ui-corner-all {
    border-radius: 0;
}

/*
* — Search Autocomplete —
*/

.ui-autocomplete {
    max-height: 50%;
    /* max-width: 150px; */
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    /* padding-right: 20px; */
    z-index:9999 !important;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}

ul.ui-autocomplete.ui-menu li {
    background: #fff;
    /* font-family: 'Lato', sans-serif; */
    font-size: 11px;
    padding: 0 .5em;
    white-space: nowrap;
}

ul.ui-autocomplete.ui-menu li.ui-menu-item:hover,
ul.ui-autocomplete.ui-menu li.ui-menu-item:active,
ul.ui-autocomplete.ui-menu li.ui-menu-item:focus,
ul.ui-autocomplete.ui-menu li.ui-menu-item.ui-state-focus {
    background: #f3f9fe;
    border-color: #f3f9fe;
    color: #003865;
    font-weight: 300;
}

/* .autosuggest-table {
    border-bottom: 1px solid #eee;
    display: table;
    padding: .5em 0;
    width: 100%;
} */

.autosuggest-row {
    border-bottom: 1px solid #eee;
    padding: .5em 0;
    /* display: table-row; */
}

.autosuggest-cell {
    display: inline-block;
    /* display: table-cell; */
    vertical-align: top;
}

.autosuggest-cell:first-child {
    padding-right: 10px;
}

.autosuggest-name {
    font-size: 14px;
}

.autosuggest-thumb {
    width: 75px;
}


/*
* === BROWSER FIXES ===
*/

/* remove iOS / Safari input element rounding */
input, .form-control, .input-group-addon, .btn {
    border-radius: 0 !important;
}

/* fix bug in chrome that shrinks images with max-width in tables */
td img {
    max-width: none;
}


/*
* === SECTION STYLES ===
*/

/*
* — Page Header (wordmark & action buttons) —
*/

#emergency-message {
    background: #da291c;
    font-weight: 500;
    padding: 15px;
    color: #fff;
    /*text-align: center;*/
    /*text-transform: uppercase;*/
}

#emergency-message a {
    /*color: #003865;*/
    font-size: 19px;
    color: #fff;
}

#emergency-message i {
    font-size: 29px;
}

body > header {
    background-color: #003865;
    color: #fff;
    /* padding: 15px 0 10px 0; */
    position: relative;
    z-index: 1000;
}

#wordmark {
    display: inline;
    font-family: 'CenturyOldStyleFSRegular', 'Times New Roman', serif;
    font-size: 28px;
    line-height: 2em;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#action {
    bottom: 0;
    /* float: right; */
    height: 28px;
    margin: auto;
    /* overflow: auto; */
    position: absolute;
    right: 20px;
    top: 1px;
}

.action-button {
    background-color: #0067A0;
    display: inline-table;
    letter-spacing: .05em;
    line-height: 24px;
    margin: 0 7px 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: background-color .1s;
}

.action-button:hover {
    background-color: #ABCAE9;
}

.action-button:hover div:first-child {
    border-right: 1px solid #fff;
}

.action-button a {
    color: #fff;
    display: table-row;
    text-decoration: none;
}

.action-button div {
    display: table-cell;
    text-align: center;
    /*vertical-align: middle; */
}

.action-button div:first-child {
    border-right: 1px solid #fff;
    font-size: 14.41px;
    padding: 0 5px;
}

.action-button div:last-child {
    font-size: 11px;
    font-weight: 600;
    padding: 0 12px;
}

#action-button-deposit.action-button {
    background-color: #642F6C;
    /*background-color: #A277A6;*/
}

#action-button-deposit.action-button:hover {
    background-color: #ABCAE9;
    /*background-color: #5D4777;*/
}

#action-button-deposit.action-button div:first-child {
    border-right: 1px solid #fff;
    /*border-right: 1px solid #5D4777;*/
}

#action-button-deposit.action-button:hover div:first-child {
    border-right: 1px solid #fff;
    /*border-right: 1px solid #fff;*/
}

/* #action .form-group {
    float: left;
    margin: 0 0 0 3px;
} */

#action .input-group-addon, #action .form-control {
    border: 0;
}

#action .form-control {
    height: 25.41px;
    font-size: 11px;
    font-weight: bold;
    line-height: 24.41px;
    padding: 1px 7px 0 7px;
    /* padding: 1px 24px 0 7px; */
}

#action .input-group-addon, #action .input-group-btn {
    background-color: #0067A0;
    color: #fff;
    font-size: 14.41px;
}

#action .input-group-addon {
    padding: 0 5px;
}

#action .input-group-btn button {
    background-color: #0067A0;
    border: 0;
}

#action .input-group-btn,
#action .input-group-btn button {
    transition: background-color .1s;
}

#action .input-group-btn:hover,
#action .input-group-btn:hover button {
    background-color: #6CACE4;
}

/*
* — Navigation —
*/

#nav-button {
    cursor: pointer;
    float: left;
    font-size: 24px;
    /* left: 15px; */
    line-height: 2em;
    margin: 0;
    /* position: absolute; */
}

#nav {
    background-color: #003865; 
    cursor: pointer;
    /* display: table; */
    font-size: 18px;
    letter-spacing: .025em;
    padding: 0;
    position: relative;
   /* width: 100%; */
    z-index: 2000;
}

/*
nav > div {
    float: left;
}
*/

#nav ul {
    display: inline-table;
    float: left;
    margin: 0;
    padding: 0;
}

#nav ul:first-child {
    width: 58%;
}

#nav ul:nth-child(2) {
    width: 29%;
}

#nav ul:last-child {
    width: 13%;
}

#nav ul li {
    display: table-cell;
    /* padding: 4px 0 3px 0; */
    text-align: center;
}

#nav ul li a {
    border-bottom: 1px solid rgba(0, 56, 101, .2);
    color: #fff;
    /* border-right: 1px solid #768A35; */
    display: block;
    /* float: left; */
    padding: 4px 0 3px 0;
    /* padding: 5px 25px; */
    position: relative;
    /*text-transform: uppercase;*/
     /*transition: background-color .1s;*/
    white-space: nowrap;
}

#nav ul:first-child li a {
    background-color: #003865;
    font-weight: 500;
}

/* ABOUT */
#nav ul:first-child li:first-child a {
    padding: 4px 10px 3px 12px;
    /* padding: 4px 7px 3px 7px; */
}

#nav ul:nth-child(2) li a {
    background-color: #003865;
    font-weight: 500;
}

/* PARENTS & ALUMNI */
#nav ul:nth-child(2) li:not(:first-child) a {
    padding: 4px 11px 3px 11px;
}

#nav ul:last-child li a {
    background-color: #003865;
    font-weight: 500;
}

#nav ul:first-child li a:after {
    background-color: #003865;
    right: 0;
    top: 0;
    content: '';
    height: calc(100% - 8px);
    margin: 4px 0;
    position:absolute;
    width: 1px;
}

#nav ul:nth-child(2) li a:after {
    background-color: #003865;
    right: 0;
    top: 0;
    content: '';
    height: calc(100% - 8px);
    margin: 4px 0;
    position:absolute;
    width: 1px;
}

#nav ul:nth-child(2) li:last-child a:after {
    background-color: #003865;
}

#nav ul:first-child li:last-child a:after, #nav ul:nth-child(2) li:last-child a:after {
    height: 100% !important;
    margin: 0 !important;
}

#nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}

#nav ul:first-child li a:hover, #nav ul:first-child li a:hover:after {
    background-color: #02518a;
}

#nav ul:nth-child(2) li a:hover, #nav ul:nth-child(2) li a:hover:after {
    background-color: #02518a;
}

#nav ul:last-child li a:hover, #nav ul:last-child li a:hover:after {
    background-color: #02518a;
    /* background-color: #DB821F; */
}

/* 
#nav ul li a:hover:before {
    left: -1px;
    top: 0;
    content: '';
    height: 100%;
    position:absolute;
    width: 1px;
}

#nav ul li:first-child a:hover:before {
    left: 0;
}

#nav ul:first-child li a:hover:before {
    background-color: #ABCAE9;
}

#nav ul:nth-child(2) li a:hover:before {
    background-color: #ABCAE9;
}

#nav ul:last-child li a:hover:before {
    background-color: #ABCAE9;
} */

/*
* - Media Mashup -
*/

#homepage-mashup {
    background-color: #fff;
}

.mini-mashup {}

/* Mashup Section Title */
#mashup-header {
    color: #DB821F;
    font-size: 44.91px;
    font-weight: 300;
    line-height: 78.15px;
    text-transform: uppercase;
    padding-top: 30px;
}

/* Mashup Section Title - Homepage */
#homepage-mashup #mashup-header {}

/* Mashup Section Title - Subpages */
.mini-mashup #mashup-header > div[class^="col"] > header {
    border-top: 1px solid #D3CFCD;
}

.mini-mashup.no-nav #mashup-header {
    border-top: 1px solid #D3CFCD;
}

.mini-mashup.no-nav #mashup-header > div[class^="col"] > header {
    border: none;
}

#mashup-header a {
    color: #003865;
}

#mashup-header a:hover {
    color: #3a7ab2;
    /*color: #6CACE4;*/
}

/* Mashup Grid */
#mashup {
    position: relative;
}

#mashup .row {
    margin: 0;
    z-index: 1;
}

#mashup > .row:last-child {
    border-bottom: 1px solid #D3CFCD;
}

#mashup > .row > div[class^="col"] {
    padding: 0;
}

#mashup > .row > div[class^="col"] > .row > div[class^="col"] {
    padding: 0 15px 15px 0;
    z-index: 1;
}

#mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-6,
#mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-7,
#mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-12,
#mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-14 {
    padding: 0 0 15px 0;
}

/* #mashup > .row > div[class^="col"]:last-child > .row > div[class^="col"]:last-child {
    padding: 0 0 15px 0;
} */

/* Mashup Content */
#mashup a img {
    opacity: .95;
    z-index: 1;
}

#mashup a:hover img {
    opacity: 1;
    /* -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 100; */
}

.mashup-title {
    /* background-color: rgba(0,0,0,.2); */
    bottom: 15px;
    left: 0;
    right: 15px;
    position: absolute;
}

.mashup-title > div {
    color: #fff;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 15px;
    text-shadow:    0px -2px 10px rgba(0,0,0,.3),
                    0px 2px 10px rgba(0,0,0,.3),
                    2px 0px 10px rgba(0,0,0,.3),
                    -2px 0px 10px rgba(0,0,0,.3),
                    -1px -1px 1px rgba(0,0,0,.6),  
                    1px -1px 1px rgba(0,0,0,.6),
                    -1px  1px 1px rgba(0,0,0,.6),
                    1px  1px 1px rgba(0,0,0,.6);
    text-overflow: ellipsis;
    text-transform: uppercase;
}

/* Top Left Colored Box */
#mashup-3 > div {
    background-color: #0067A0;
    animation-name: mashup-3;
    animation-duration:15s;
    animation-direction:alternate;
    animation-iteration-count:infinite;

    -webkit-animation-name: mashup-3;
    -webkit-animation-duration:15s;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
}

@keyframes mashup-3
{
    0% {background-color:#0067A0;}
    20% {background-color:#0067A0;}
    40% {background-color:#6CACE4;}
    60% {background-color:#ABCAE9;}
    80% {background-color:#768692;}
}

@-webkit-keyframes mashup-3
{
     0% {background-color:#0067A0;}
    20% {background-color:#0067A0;}
    40% {background-color:#6CACE4;}
    60% {background-color:#ABCAE9;}
    80% {background-color:#768692;}
}

/* Top Right Colored Box */
#mashup-5 > div {
    background-color: #6CACE4;
    animation-name: mashup-5;
    animation-duration:15s;
    animation-direction:alternate;
    animation-iteration-count:infinite;

    -webkit-animation-name: mashup-5;
    -webkit-animation-duration:15s;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
}

@keyframes mashup-5
{
    0% {background-color:#6CACE4;}
    20% {background-color:#6CACE4;}
    40% {background-color:#ABCAE9;}
    60% {background-color:#0067A0;}
    80% {background-color:#5B7F95;}
}

@-webkit-keyframes mashup-5
{
     0% {background-color:#6CACE4;}
    20% {background-color:#6CACE4;}
    40% {background-color:#ABCAE9;}
    60% {background-color:#0067A0;}
    80% {background-color:#5B7F95;}
}

/* Events */
#mashup-6 > div {
    background-color: #003865;
    cursor: pointer;
    text-align: center;
    transition: background-color .2s ease;
}

#mashup-6 > div:hover {
    background-color: #768692;
}

#mashup-6 > div a {
    display: block;
}

#mashup-6 > div i {
    color: #fff;
    font-size: 104px;
    padding: 10px 0 0 0;
}

.mini-mashup #mashup-6 > div i {
    font-size: 90px;
}

.mini-mashup.no-nav #mashup-6 > div i {
    font-size: 130px;
    padding: 15px 0 0 0;
}

#mashup-6 > div strong {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 36px;
    text-transform: uppercase;
}

.mini-mashup #mashup-6 > div strong {
    font-size: 15px;
    line-height: 30px;
}

.mini-mashup.no-nav #mashup-6 > div strong {
    font-size: 18px;
    line-height: 40px;
}

#mashup-9 > div {
    background-color: #768692;
    animation-name: mashup-9;
    animation-duration:15s;
    animation-direction:alternate;
    animation-iteration-count:infinite;

    -webkit-animation-name: mashup-9;
    -webkit-animation-duration:15s;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
}

/* Bottom Left Colored Box */
@keyframes mashup-9
{
    0% {background-color:#ABCAE9;}
    20% {background-color:#ABCAE9;}
    40% {background-color:#768692;}
    60% {background-color:#D0D0CE;}
    80% {background-color:#768692;}
}

@-webkit-keyframes mashup-9
{
    0% {background-color:#ABCAE9;}
    20% {background-color:#ABCAE9;}
    40% {background-color:#768692;}
    60% {background-color:#D0D0CE;}
    80% {background-color:#768692;}
}

#mashup-11 > div {
    background-color: #5B7F95;
    animation-name: mashup-11;
    animation-duration:15s;
    animation-direction:alternate;
    animation-iteration-count:infinite;

    -webkit-animation-name: mashup-11;
    -webkit-animation-duration:15s;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
}

/* Bottom Right Colored Box */
@keyframes mashup-11
{
    0% {background-color:#768692;}
    20% {background-color:#768692;}
    40% {background-color:#D0D0CE;}
    60% {background-color:#5B7F95;}
    80% {background-color:#0067A0;}
}

@-webkit-keyframes mashup-11
{
    0% {background-color:#768692;}
    20% {background-color:#768692;}
    40% {background-color:#D0D0CE;}
    60% {background-color:#5B7F95;}
    80% {background-color:#0067A0;}
}

#mashup-12 > div {
    background-color:#003865;
    cursor: pointer;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: .05em;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .2s ease;
}

#mashup-12 > div > span, #mashup-12 > div > a > span {
    color: #D0D0CE;
}

#mashup-12 > div:hover {
    background-color: #02518A;
}

#mashup-12 > div > a {
    color: #ABCAE9;
    display: block;
}

#mashup-14 {
    display: table;
}

#mashup-14 a {
    display: table-row;    
}

#mashup-14 > a > div {
    background-color:#D6D2C4;
    color: #003865;
    display: table-cell;
    font-size: 13.28px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 16.6px;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

#mashup-14 > a > div > div {
    color: #54585A;
    margin: 1em 0 0 0;
}

#mashup-14 > a > div > div i {
    font-size: 12px;
}

#stay-connected {
    color: #02518a;
    /*color: #ABCAE9;*/
    font-size: 15.38px;
    font-weight: 400;
    line-height: 18.46px;
    /* margin-top: 8px; */
    margin-bottom: 1em;
    padding: .5em 0 0 0;
}

#stay-connected > div {
    display: inline-block;
}

/* #stay-connected:before {
    background-color: #EEE3CC;
    content: '';
    height: 100px;
    left: 0;
    height: 1px;
    margin: 0 auto;
    position:absolute;
    right: 0;
    top: 0;
    width: calc(100% - 44px);
} */

#stay-connected a {
    padding: 0 3px;
} 

#stay-connected a:last-child {
    padding: 0 0 0 3px;
}

/*#stay-connected a:first-child {
    margin: 0 0 0 15px;
} */

#stay-connected a:hover, #stay-connected a:focus {
    text-decoration: none;
}

#stay-connected .fa {
    font-size: 24px;
}

#stay-connected .fa-facebook {
    color: #003865;
    font-size: 22px;
}

#stay-connected .fa-twitter {
    color: #003865;
}

#stay-connected-flickr > div {
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 21px;
}

#stay-connected .fa-flickr {
    background-color: #003865;
    font-size: 36px;
    margin: -5px 0 0 -5px;
    padding: -5px;
}

#stay-connected .fa-instagram {
    color: #003865;
}

#stay-connected .fa-linkedin {
    color: #003865;
}

#stay-connected .fa-google-plus {
    color: #003865;
    font-size: 20px;
}

#stay-connected .fa-pinterest {
    color: #003865;
}

#stay-connected .fa-youtube-play {
    color: #003865;
}



/*
* — Footer —
*/

footer {
    background-color: #003865;
    /*background-color: #6CACE4;*/
    /*background-color: #fff;*/
    color: #fff;
    display: table;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 19px;
    padding: 0 !important;
    /* padding: 10px 0 5px 0 !important; */
    /* text-transform: uppercase; */
    width: 100%;
}

footer a, footer a:focus {
    color: #fff;
    transition: color .1s;
}

footer a:hover {
    color: #6CACE4;
    text-decoration: none;
}

/* footer p:last-child {
    margin: 0;
} */

footer > .row {
        background-color: #003865;
        display: table-row;
        margin: 0;
        padding: 0 15px;
    }

/*footer > .row {
    background-color: #54585A;/*
    /*background-color: #6CACE4;*/
   /* display: table-row;
}*/

footer > .row > div {
    /* border-right: 1px solid #fff; */
    display: table-cell;
    float: none;
    padding: 40px 20px;
    vertical-align: middle;
}

footer > .row > div:after {
    background-color: #fff;
    right: 0;
    top: 0;
    content: '';
    height: calc(100% - 80px);
    margin: 40px 0;
    position:absolute;
    width: 1px;
}

footer div {
    white-space:nowrap;
}

footer > .row > div:nth-child(3):after, footer > .row > div:last-child:after {
    background-color: #54585A;
    /*background-color: #6CACE4;*/
}


/* address and social media icons */
footer > .row > div:first-child {
    font-weight: 700;
    font-size: 15px;
    /* padding: 0 10px 0 15px; */
    padding: 40px 20px 40px 15px;
}

/* social media icons */
footer > .row > div:first-child > div:last-child {
    margin-top: 1em;
}

footer > .row > div:first-child > div:last-child i {
    font-size: 30px;
    line-height: 18px;
    margin: 0 2px 0 0;
}
/* APPLY, VISIT, GIVE */
footer > .row > div:nth-child(2) {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

footer > .row > div:nth-child(2) a {
    display: block;
}

footer > .row > div:nth-child(2) strong {
    font-weight: 700;
}

/* quick links */
footer > .row > div:nth-child(3) {
    border-right: 0;
}

footer > .row > div:nth-child(3) strong {
    font-weight: 600;
}

/* More Than You Imagine */
footer > .row > div:last-child {
    border-right: 0;
    font-size: 17px;
    letter-spacing: .06em;
    line-height: 23px;
    padding: 40px 15px 40px 0;
    text-align: center;
}

footer > .row > div:last-child strong {
    font-size: 19.5px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 23px;
}

#site-links {
    background-color: #fff;
    color: #3a7ab2;
    /*color: #6CACE4;*/
    font-size: 11px;
    font-weight: 400;
    padding: 2px 0;
    text-transform: uppercase;
}

#site-links a {
    color: #51534A;
}

#site-links a:hover {
    color: #919388;
}



@media (min-width: 1px) {
    body {
        min-width: 320px;
    }
}



@media (max-width: 1199px) {
    /*
    * === SECTION STYLES ===
    */

    /*
    * - Navigaton -
    */

    /* ABOUT */
    #nav ul:first-child li:first-child a {
        padding: 4px 5px 3px 5px;
        /* padding: 4px 7px 3px 7px; */
    }

    /* PARENTS & ALUMNI */
    #nav ul:nth-child(2) li:not(:first-child) a {
        padding: 4px 5px 3px 5px;
    }

    footer > .row > div {
        padding: 40px 10px;
    }

    /*
    * - Media Mashup -
    */

    #mashup-header {
        font-size: 35px;
        line-height: 70px;
    }

    #mashup-6 > div i {
        font-size: 82px;
    }

    .mini-mashup #mashup-6 > div i {
        font-size: 68px;
    }

    .mini-mashup.no-nav #mashup-6 > div i {
        font-size: 90px;
    }

    #mashup-6 > div strong {
        font-size: 13px;
        line-height: 26px;
    }

    .mini-mashup #mashup-6 > div strong {
        font-size: 13px;
        line-height: 26px;
    }

    #mashup-12 > div {
        font-size: 24px;
        line-height: 58px;
    }

    #mashup-14 > div {
        font-size: 11px;
        line-height: 16.6px;
    }
}


@media (max-width: 1024px) {
    #nav ul {
        width: 11.6%;
    }

    footer > .row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    footer > .row > div
    , footer > .row > div:first-child {
        padding: 40px 0 40px 20px;
    }

    footer > .row > div:first-child {
        line-height: 20px;
    }

    /* social media icons */
    footer > .row > div:first-child > div:last-child {
        margin-top: 2em; 
    }

    footer > .row > div:first-child > div:last-child i {
        margin: 0 2px;
    }

    footer > .row > div:last-child {
        display: block;
        float: none;
        padding: 0 0 40px 0;
        width: 100%;
    }

    /*footer > .row > div:nth-child(2) {
        font-size: 18px;
        line-height: 44px;
    }

    footer > .row > div:nth-child(3) {
        font-size: 12px;
        line-height: 26px;
    }*/
}



@media (max-width: 991px) {
    /*
    * === SECTION STYLES ===
    */

    /*
    * — Page Header (wordmark & action buttons) —
    */

    body > header {
        height: auto;
        text-align: center;
    }

    body > header.container {
        padding: 0;
    }

    #wordmark {
        margin: 0;
    }

    .form-group {
        margin: 0;
    }

    #action {
        background-color: #003865;
        bottom: auto;
        /* display: block; */
        height: auto;
        margin: 0 0 7px 0;
        padding: 0 10px;
        position: static;
        right: auto;
        text-align: left;
        top: auto;
    }

    .action-button {
        background-color:#003865;
        margin: 0;
        padding: 5px 0;
    }

    .action-button:hover
    , #action-button-deposit.action-button
    , #action-button-deposit.action-button:hover {
        background-color: initial;
    }

    .action-button:hover a {
        color: #ABCAE9;
    }

    #action-button-deposit.action-button a {}

    .action-button:hover div:first-child
    , #action-button-deposit.action-button:hover div:first-child {
        border-right: 0;
    }

    .action-button div:first-child
    , #action-button-deposit.action-button div:first-child {
        border-right: 0;
    }

    .action-button div:first-child {
        padding: 0 0 0 5px;
    }

    #action .form-group {
        width: 50%;
    }

    #action .form-group:last-child {
        float: right;
        padding: 5px 0;
    }

    #action .form-group .input-group, #action .form-control {
        width: 100%;
    }

    /* #action .form-control {
        padding: 1px 60% 0 7px;
    } */

    #action .input-group-btn {
        width: 50px;
        text-align: center;
    }

    #action .input-group-btn:hover,
    #action .input-group-btn:hover button {
        background-color: transparent;
        color: #ABCAE9;
    }


    /*
    * — Navigation —
    */

    #nav ul:first-child {
        width: 100%;
    }

    #nav ul:nth-child(2) {
        width: 75%;
    }

    #nav ul:last-child {
        width: 25%;
    }

    #nav ul:first-child li {
        width: 20%;
    }

    #nav ul:nth-child(2) li {
        width: 33.3333333333%;
    }

    #nav ul:first-child li:first-child a, nav ul:nth-child(2) li:not(:first-child) a {
        padding: 4px 0 3px 0;
    }

    #nav ul:first-child li:last-child a:after {
        width: 0;
    }

    /*
    * - Media Mashup -
    */

    #mashup-header {
        font-size: 30px;
        line-height: 60px;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-1 {
        padding: 0 0 15px 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-2 {
        padding: 0 15px 15px 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-3 {
        padding: 0 0 15px 0;
    }
    
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-4 {
        padding: 0 0 15px 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-6 {
        padding: 0 15px 15px 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-10 {
        padding: 0 0 15px 0;
    }

    #mashup-3 {
        bottom: 0;
        position: absolute;
    }

    #mashup-6 > div i,
    .mini-mashup #mashup-6 > div i,
    .mini-mashup.no-nav #mashup-6 > div i {
        font-size: 180px;
        padding: 20px 0 0 0;
    }

    #mashup-6 > div strong,
    .mini-mashup #mashup-6 > div strong,
    .mini-mashup.no-nav #mashup-6 > div strong {
        font-size: 32px;
        line-height: 70px;
    }

    #mashup-12 > div {
        font-size: 72px;
        line-height: 84px;
    }

    #mashup-14 > div {
        font-size: 18px;
        line-height: 28px;
    }

    #mashup-14 > div > div i {
        font-size: 20px;
    }

    /*
    * — Footer —
    */

    footer {
        display: block;
        position: relative;
        width: auto;
    }

    footer a:hover {
        color: #6CACE4;
    }

    footer div {
        white-space: normal;
    }


    footer > .row {
        background-color: #003865;
        display: block;
        margin: 0;
        padding: 0 15px;
    }

    footer > .row > div {
        border-bottom: 1px solid #fff;
        display: block;
        padding: 1em 7px;
        position: static;
    }

    footer > .row > div:after {
        background-color: transparent;
        right: auto;
        top: auto;
        content: '';
        height: auto;
        margin: 0;
        position: static;
        width: 0;
    }

    footer > .row > div:first-child {
        font-size: 18px;
        line-height: 20px;
        padding: 2em 0;
    }

    /* social media icons */
    footer > .row > div:first-child > div:last-child {
        bottom: 10px;
        left: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
        text-align: center;
    }

    footer > .row > div:first-child > div:last-child i {
        font-size: 31.35px;
        line-height: 27.86px;
        margin: 0 2px;
    }

    /*footer > .row > div:nth-child(2) {
        font-size: 23.69px;
        line-height: 44.42px;
    }*/

    footer > .row > div:nth-child(2) {
        font-size: 18px;
        line-height: 28px;
    }

    footer .row > div:nth-child(2) strong {
        cursor: pointer;
        font-size: 20px;
        line-height: 40px;
    }

    footer > .row > div:nth-child(2) > .row {
        margin: 0;
    }

    footer > .row > div:nth-child(2) > .row > div {
        padding: 0;
    }

    #helpful-links, #contact-us, #resources {
        /*padding-bottom: 1em;*/
    }

    /* More Than You Imagine */
    footer > .row > div:last-child {
        border-bottom: 0;
        font-size: 19.82px;
        line-height: 26.82px;
        padding: 2em 0 5em 0;
        text-align: center;
    }

    footer > .row > div:last-child strong {
        font-size: 22.74px;
        line-height: 26.82px;
    }
}



@media (max-width: 767px) {
    /* div[class^="col"]{
        padding-left:10px;
        padding-right:10px;
    } */

    /*
    * === CUSTOM CLASSES ===
    */

    /*
    * — Colored Boxes —
    */

    .box-sm, .box-md, .box-lg {
        width: auto;
    }

    /*
    * — Image Positioning —
    */

    .float-right, .float-left, .cms-float-right, .cms-float-left {
        display: block;
        float: none;
        margin: 0 0 15px 0;
    }

    /*
    * === SECTION STYLES ===
    */

    /*
    * — Page Header (wordmark & action buttons) —
    */

    .container > .row > div[class^="col"] {
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer.container > .row > div[class^="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    footer.container > .row > div[class^="col"]:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    body > header {
    }

    #wordmark {
        font-size: 22.5px;
        line-height: 48px;
    }

    #action {
        line-height: 1em;
        width: 100%;
    }

    #action .form-group {
        width: 100%;
    }

    #action .form-group:first-child {
        display: table;
    }

    #action .form-group:first-child .input-group {
        display: table-row;
    }
    
    #action .form-group:last-child {
        float: none;
        padding: 7px 10%;
    }

    /* #action .form-control {
        padding: 0;
    } */

    .action-button {
        background: #003865;
        display: table-cell;
        line-height: 1em;
        margin: 0;
        text-align: center;
        width: 25%;
    }

    .action-button a {
        display: block;
    }

    .action-button div {
        display: inline-block;
    }

    .action-button div:first-child, .action-button div:last-child {
        padding: 0;
    }

    #action-search {
        cursor: pointer;
    }

    #action-search:hover {
        color: #ABCAE9;
    }

    /*
    * — Navigation —
    */

    #nav {
        font-size: 16px;
        left: 0;
        position: absolute;
        right: 0;
    }

    #nav ul {
        display: block;
        float: none;
    }

    #nav ul:first-child, #nav ul:nth-child(2), #nav ul:last-child {
        width: auto;
    }

    #nav ul li {
        display: block;
        text-align: left;
        width: 100% !important;
    }

    #nav ul li a {
        padding: 0  15px !important;
    }

    #nav ul:first-child li a {
        font-size: 16px;
        line-height: 44px;
    }

    #nav ul li a div {
        font-size: 16px;
    }

    nav ul:first-child li a div, nav ul:last-child li a div {
        color: #fff;
    }

    #nav ul:nth-child(2) li a, #nav ul:last-child li a {
        line-height: 44px;
    }

    #nav ul:first-child li a:after, #nav ul:nth-child(2) li a:after, #nav ul:nth-child(2) li:last-child a:after {
        height: auto;
        margin: 0;
        position: static;
        right: auto;
        top: auto;
        width: 0;
    }

    /*
    * - Media Mashup -
    */

    #homepage-mashup {
        padding-bottom: 1em;
    }

    #mashup > .row:last-child {
        border-bottom: 0;
    }

    #mashup-header {
        font-size: 18.34px;
        font-weight: 400;
        line-height: 31.91px;
        margin: 1em 0;
    }

    #mashup-header > div {
        padding: 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"],
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-2,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-6 {
        padding: 0 10px 10px 0;
    }

    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-1,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-3,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-4,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-7,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-10,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-12,
    #mashup > .row > div[class^="col"] > .row > div[class^="col"]#mashup-14 {
        padding: 0 0 10px 0;
    }

    .mashup-title > div {
        padding: 0 10px;
    }

    #mashup-6 > div i,
    .mini-mashup #mashup-6 > div i
    .mini-mashup.no-nav #mashup-6 > div i {
        font-size: 66px;
        font-size: 23vw !important;
        padding: 10px 0 0 0;
        padding: 2vw !important;
    }

    #mashup-6 > div strong,
    .mini-mashup #mashup-6 > div strong,
    .mini-mashup.no-nav #mashup-6 > div strong {
        font-size: 16px;
        font-size: 4vw !important;
        line-height: 32px;
        line-height: 6vw !important;
    }

    #mashup-12 > div {
        font-size: 24px;
        font-size: 9.5vw;
        line-height: 32px;
        line-height: 10.5vw;
    }

    #mashup-14 > div {
        font-size: 9px;
        font-size: 2.8vw;
        line-height: 10px;
        line-height: 3.5vw;
    }

    #mashup-14 > div > div i {
        font-size: 10px;
        font-size: 3vw;
    }

    #stay-connected {
        font-size: 14px;
        line-height: 18px;
        padding-top: 0;
        text-align: left;
    }

    #stay-connected > div {
        border-bottom: 1px solid #D0D0CE;
        border-top: 1px solid #D0D0CE;
        display: table;
        margin: .5em 0 0 0;
        padding: .5em 0;
        text-align: center;
        width: 100%;
    }

    #stay-connected a {
        display: table-cell;
        padding: 0;
    }

    #stay-connected .fa {
        font-size: 30px;
    }

    #stay-connected .fa-facebook {
        font-size: 28px;
    }

    #stay-connected-flickr > div {
        height: 28px;
        width: 28px;
    }

    #stay-connected .fa-flickr {
        background-color: #DC97C0;
        font-size: 48px;
        margin: -7px 0 0 -7px;
        padding: -5px;
    }

    #stay-connected .fa-google-plus {
        font-size: 25px;
    }



    /*
    * — Modal Styling —
    */
    .popup-window-iframe .modal-dialog {
        margin: 10px 0;
    }

}



/*
* === BOOTSTRAP HALF-COLUMNS ===
*/
.col-lg-half, .col-lg-1-half, .col-lg-2-half, .col-lg-3-half, .col-lg-4-half, .col-lg-5-half, .col-lg-6-half, .col-lg-7-half, .col-lg-8-half, .col-lg-9-half, .col-lg-10-half, .col-lg-11-half
, .col-md-half, .col-md-1-half, .col-md-2-half, .col-md-3-half, .col-md-4-half, .col-md-5-half, .col-md-6-half, .col-md-7-half, .col-md-8-half, .col-md-9-half, .col-md-10-half, .col-md-11-half
, .col-sm-half, .col-sm-1-half, .col-sm-2-half, .col-sm-3-half, .col-sm-4-half, .col-sm-5-half, .col-sm-6-half, .col-sm-7-half, .col-sm-8-half, .col-sm-9-half, .col-sm-10-half, .col-sm-11-half
, .col-xs-half, .col-xs-1-half, .col-xs-2-half, .col-xs-3-half, .col-xs-4-half, .col-xs-5-half, .col-xs-6-half, .col-xs-7-half, .col-xs-8-half, .col-xs-9-half, .col-xs-10-half, .col-xs-11-half {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1200px) {
    .col-lg-half, .col-lg-1-half, .col-lg-2-half, .col-lg-3-half, .col-lg-4-half, .col-lg-5-half, .col-lg-6-half, .col-lg-7-half, .col-lg-8-half, .col-lg-9-half, .col-lg-10-half, .col-lg-11-half {
        float: left;
    }
    
    .col-lg-half {
        width: calc(100% / 24);
    }

    .col-lg-1-half {
        width: calc((100% / 12) + (100% / 24));
    }

    .col-lg-2-half {
        width: calc(2*(100% / 12) + (100% / 24));
    }

    .col-lg-3-half {
        width: calc(3*(100% / 12) + (100% / 24));
    }

    .col-lg-4-half {
        width: calc(4*(100% / 12) + (100% / 24));
    }

    .col-lg-5-half {
        width: calc(5*(100% / 12) + (100% / 24));
    }

    .col-lg-6-half {
        width: calc(6*(100% / 12) + (100% / 24));
    }

    .col-lg-7-half {
        width: calc(7*(100% / 12) + (100% / 24));
    }

    .col-lg-8-half {
        width: calc(8*(100% / 12) + (100% / 24));
    }

    .col-lg-9-half {
        width: calc(9*(100% / 12) + (100% / 24));
    }

    .col-lg-10-half {
        width: calc(10*(100% / 12) + (100% / 24));
    }

    .col-lg-11-half {
        width: calc(11*(100% / 12) + (100% / 24));
    }
}

@media (min-width: 992px) {
    .col-md-half, .col-md-1-half, .col-md-2-half, .col-md-3-half, .col-md-4-half, .col-md-5-half, .col-md-6-half, .col-md-7-half, .col-md-8-half, .col-md-9-half, .col-md-10-half, .col-md-11-half {
        float: left;
    }
    
    .col-md-half {
        width: calc(100% / 24);
    }

    .col-md-1-half {
        width: calc((100% / 12) + (100% / 24));
    }

    .col-md-2-half {
        width: calc(2*(100% / 12) + (100% / 24));
    }

    .col-md-3-half {
        width: calc(3*(100% / 12) + (100% / 24));
    }

    .col-md-4-half {
        width: calc(4*(100% / 12) + (100% / 24));
    }

    .col-md-5-half {
        width: calc(5*(100% / 12) + (100% / 24));
    }

    .col-md-6-half {
        width: calc(6*(100% / 12) + (100% / 24));
    }

    .col-md-7-half {
        width: calc(7*(100% / 12) + (100% / 24));
    }

    .col-md-8-half {
        width: calc(8*(100% / 12) + (100% / 24));
    }

    .col-md-9-half {
        width: calc(9*(100% / 12) + (100% / 24));
    }

    .col-md-10-half {
        width: calc(10*(100% / 12) + (100% / 24));
    }

    .col-md-11-half {
        width: calc(11*(100% / 12) + (100% / 24));
    }
}

@media(max-width: 767px) {
#mashup-container .mix {
        width: auto;
    }

@media (min-width: 768px) {
    .col-sm-half, .col-sm-1-half, .col-sm-2-half, .col-sm-3-half, .col-sm-4-half, .col-sm-5-half, .col-sm-6-half, .col-sm-7-half, .col-sm-8-half, .col-sm-9-half, .col-sm-10-half, .col-sm-11-half {
        float: left;
    }
    
    .col-sm-half {
        width: calc(100% / 24);
    }

    .col-sm-1-half {
        width: calc((100% / 12) + (100% / 24));
    }

    .col-sm-2-half {
        width: calc(2*(100% / 12) + (100% / 24));
    }

    .col-sm-3-half {
        width: calc(3*(100% / 12) + (100% / 24));
    }

    .col-sm-4-half {
        width: calc(4*(100% / 12) + (100% / 24));
    }

    .col-sm-5-half {
        width: calc(5*(100% / 12) + (100% / 24));
    }

    .col-sm-6-half {
        width: calc(6*(100% / 12) + (100% / 24));
    }

    .col-sm-7-half {
        width: calc(7*(100% / 12) + (100% / 24));
    }

    .col-sm-8-half {
        width: calc(8*(100% / 12) + (100% / 24));
    }

    .col-sm-9-half {
        width: calc(9*(100% / 12) + (100% / 24));
    }

    .col-sm-10-half {
        width: calc(10*(100% / 12) + (100% / 24));
    }

    .col-sm-11-half {
        width: calc(11*(100% / 12) + (100% / 24));
    }
}

.col-xs-half, .col-xs-1-half, .col-xs-2-half, .col-xs-3-half, .col-xs-4-half, .col-xs-5-half, .col-xs-6-half, .col-xs-7-half, .col-xs-8-half, .col-xs-9-half, .col-xs-10-half, .col-xs-11-half {
    float: left;
}

.col-xs-half {
    width: calc(100% / 24);
}

.col-xs-1-half {
    width: calc((100% / 12) + (100% / 24));
}

.col-xs-2-half {
    width: calc(2*(100% / 12) + (100% / 24));
}

.col-xs-3-half {
    width: calc(3*(100% / 12) + (100% / 24));
}

.col-xs-4-half {
    width: calc(4*(100% / 12) + (100% / 24));
}

.col-xs-5-half {
    width: calc(5*(100% / 12) + (100% / 24));
}

.col-xs-6-half {
    width: calc(6*(100% / 12) + (100% / 24));
}

.col-xs-7-half {
    width: calc(7*(100% / 12) + (100% / 24));
}

.col-xs-8-half {
    width: calc(8*(100% / 12) + (100% / 24));
}

.col-xs-9-half {
    width: calc(9*(100% / 12) + (100% / 24));
}

.col-xs-10-half {
    width: calc(10*(100% / 12) + (100% / 24));
}

.col-xs-11-half {
    width: calc(11*(100% / 12) + (100% / 24));
}