@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/* Import Separate Style Sheets While Building Displays */

/*=============================================================================================
Forms
=============================================================================================*/
/*.form-group fieldset { margin-bottom:0; } */

.form-group fieldset legend {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
	color: inherit;
	border: 0;
}

/*=============================================================================================
OVERRIDES
=============================================================================================*/

/*Button colors for the filter*/
.btn-action {
    color: #03476c;
    background-color: #def5ff;
    border-color: #def5ff
}
.btn-action:hover,
.btn-action:focus,
.btn-action.focus,
.btn-action:active,
.btn-action.active,
.open > .dropdown-toggle.btn-action {
  color: #03476c;
  background-color: #def5ff;
  border-color: #def5ff;
}

/*Border color for the filter*/
.border-filter { border-color: #def5ff!important; }

/*Form border*/
.form-control {
    border-radius: 0;
    webkit-box-shadow: none;
    box-shadow: none;
}

/*Site map bullet list styles*/
.well.sitemap li {
    list-style-type: circle;
    color: #20bec6;
    }

/*Turn of caret arrow for main nav top level links but leave for dropdown menus*/
.navbar-nav .sub-arrow{display: none!important;}
.navbar-nav ul .sub-arrow{
    display: inline-block!important;
}

/*Search Menu adjustments*/
.dropdown-menu.auxnavbar-search-dropdown.sm-nowrap {
    min-width: 250px!important;
}

.dropdown-menu.auxnavbar-search-sm-dropdown {
    left: -122px!important;
    min-width: 250px!important;
}

.dropdown-menu.auxnavbar-search-sm-dropdown .form-group {
    margin-bottom: 0!important;
}

.SearchTypes {
  margin: 6px 0 -8px 0;
}

.SearchTypes span, .SearchTypes label {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    padding-right: 1px;
    vertical-align: 2px;
}

/*Home Slider Text Adjustments*/
.home-slider-wpr .slide-content h3 {
  margin-top: 5px;
}

/* Breadcrumbs */
.bread-crumb-container { margin-top:-3px; }

/*=============================================================================================
GLOBAL
=============================================================================================*/
.body-bg { background-color:#fff;}

@media (max-width: 767px) { /*ADD TO SITE CSS*/
    .img-sm-full-width{
        width:100%;
    }
}

/*====ROW AND COLUMN CONTROL====*/
.no-padding { padding-left:0!important; padding-right:0!important; }
.no-padding-right { padding-right:0!important; }
.no-padding-left{ padding-left:0!important; }

ul.special-list-style-1 {
    padding: 0;
    text-align: left;
    margin: 25px 0 50px;
    overflow: auto;
}
ul.special-list-style-1 li{
    border-bottom:1px solid #BBE0FB;
    display:inline-block;
    width:47%;
    margin: 0 2% 0 0 ;
    vertical-align:text-top;
}
ul.special-list-style-1 li a{
    color: #03476C;
    font-size: 20px;
    font-weight: 400;
    display:block;
    padding:12px 40px 12px 12px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    -webkit-transition: background, background-position, .15s ease-in;
    -moz-transition: background, background-position, .15s ease-in;
    -ms-transition: background, background-position, .15s ease-in;
    -o-transition: background, background-position, .15s ease-in;
    transition: background, background-position, .15s ease-in;
    /* IE does not support using the cacl position in shorthad so it was separated out,  this allows the arrow icon to be poistion fixed to the right side when the cta grows or shrinks */
    background: url(../images/circle-arrow-right-grey.svg) no-repeat;
    background-position: calc(100% - 22px) center;
}
ul.special-list-style-1 li a:hover{
    text-decoration:none;
    color:#188ecf;
    background: #EAF6FE url(../images/circle-arrow-right-navy.svg) no-repeat;
    background-position: calc(100% - 14px) center;
}
@media (max-width: 767px) {
    ul.special-list-style-1 li{
        width:100%;
        margin: 0;
    }
}

/*ABOUT THIS IMAGE CTA & MODALS
==================================================*/
a.about-this-image-cta{
    display:inline-block;
    padding:5px 10px 5px 30px;
    color: #FFF;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background .15s ease-in;
    -moz-transition: background .15s ease-in;
    -ms-transition: background .15s ease-in;
    -o-transition: background .15s ease-in;
    transition: background .15s ease-in;
    /* The Fallback Color */
    background: url(../images/about-image-icon.svg) no-repeat 10px center rgb(9, 66, 99);
    /* The Important Bit - Alpha Transparency */ 
    background: url(../images/about-image-icon.svg) no-repeat 10px center rgba(9, 66, 99, 0.8);
    cursor:pointer;
    text-decoration:none;
}

a.about-this-image-cta:hover, a.about-this-image-cta:focus{
    background: url(../images/about-image-icon.svg) no-repeat 10px center rgb(24, 142, 207);
}
.about-image-modal .modal-content {
    border-radius: 2px;
}
.about-image-modal .modal-header {
    background-color: #E7F9FD;
    color: #337F83;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border-bottom:1px solid #C6F0F9;
}
.about-image-modal .modal-header .close {
    margin-top:0;
    font-size:28px;
    color:#337F83;
}
.about-image-modal .modal-body h4, .about-image-modal .modal-body span{
    color: #AE3A5A;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
}
span.modal-title {
    color: #970c37;
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.about-image-modal .modal-body p{
    color: #5e5e5e;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height:1.4em;
}
a.cta-btn-style-1 {
    background-color: #1FBDC5;
    color: #FFF;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;;
    font-size: 17px;
    font-weight: 700;
    padding:8px 30px;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    -moz-box-shadow: 0 3px 0 #337F83;
    -webkit-box-shadow: 0 3px 0 #337F83;
    box-shadow: 0 3px 0 #337F83;
}
a.cta-btn-style-1:hover, a.cta-btn-style-1:focus {
    background-color: #0CABB3;
    -moz-box-shadow: 0 -2px 0 #337F83;
    -webkit-box-shadow: 0 -2px 0 #337F83;
    box-shadow: 0 -2px 0 #337F83;
}

a.cta-btn-style-2 {
    background-color: #A71515;
    color: #FFF;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;;
    font-size: 17px;
    font-weight: 700;
    padding:8px 30px;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    -moz-box-shadow:0 3px 0 #3570d0d;
    -webkit-box-shadow: 0 3px 0 #570d0d;
    box-shadow: 0 3px 0 #570d0d;
}
a.cta-btn-style-2:hover, a.cta-btn-style-2:focus {
    background-color: #900c0c;
    -moz-box-shadow: 0 -3px 0 #570d0d;
    -webkit-box-shadow: 0 -3px 0 #570d0d;
    box-shadow: 0 -3px 0 #570d0d;
}


/*=============================================================================================
HEADER
=============================================================================================*/

/*LOGO
==================================================*/
.logo{
    margin-top:-20px;
    margin-bottom:14px;
}
.logo img{
    display:block;
    margin:0 auto;
}

/*QUICK LINKS & WEATHER
==================================================*/
.quicklinks-weather-wpr{
    margin:10px 0 0 0;
}

.quick-links a.dropdown-toggle{
     color: #104f73;
     font-size: 18px;
     font-family: "Roboto Condensed", Arial, sans-serif;
     font-weight:normal;
     text-transform:uppercase;
     text-align: left;
     border-radius: 0;
     margin-right:5px;
}
.quick-links .dropdown-menu {
    min-width: 200px;
    padding:8px;
    background-color:#e7f9fd;
    border:none;
    border-radius:0;
}
.quick-links .dropdown-menu > li > a {
    color: #104f73;
    font-size: 15px;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}
.quick-links .dropdown-menu > li > a:hover, .quick-links .dropdown-menu > li > a:focus  {
    background-color: #c6f0f9;
}
.quick-links .dropdown-menu .divider {
    background-color: #c6f0f9;
}
.quick-links a.dropdown-toggle:hover, .quick-links a.dropdown-toggle:focus {
    background-color:#e7f9fd;
}
.quick-links-icon {
    margin-right:3px;
}


/*=============================================================================================
ICON FONTS
=============================================================================================*/

.fa.footer-icons:first-of-type
{
    padding-left: 0px;
}

.fa.footer-icons
{
    font-size: 40px;
    color: #FFF;
    padding: 0 20px;
}

.fa.footer-icons:hover
{
    opacity: 0.5;
    transition: 0.2s ease-in-out;
}


/*=============================================================================================
MAIN NAVIGATION
=============================================================================================*/

.mainnavbar {
    background-color: transparent;
    border:none;
    margin-bottom:6px;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
.mainnavbar .navbar-nav > li > a {
    color: #970C36;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: color, background .25s ease-in;
    -moz-transition: color, background.25s ease-in;
    -ms-transition: color, background .25s ease-in;
    -o-transition: color, background .25s ease-in;
    transition: color, background .25s ease-in;
}
.mainnavbar .navbar-collapse{
    border-color: #0a78b5;
}
.mainnavbar .navbar-nav > li > a:hover, .mainnavbar .navbar-nav > li > a:focus, .mainnavbar .navbar-nav > .open > a, .mainnavbar .navbar-nav > .open > a:hover, .mainnavbar .navbar-nav > .open > a:focus {
     color: #0F4F73;
     background-color: #EFFEFF;
}
.mainnavbar .dropdown-menu {
    left:0;
    right:auto;
    border:none;
    background-color: rgba(9, 66, 99, .9);
    background-clip: padding-box;
    border:none;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.mainnavbar .dropdown-menu > li > a {
    color: #fff;
    font-size:15px;
}
.mainnavbar .dropdown-menu > li > a:hover, .mainnavbar .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #0a78b5;
}
.mainnavbar .dropdown-menu .divider {
    background-color:#0a78b5;
}
/* Makes Navbar collapse at small brakpoint insteat of the default extra-small -- no styles are in this as it should be global ( every IMP where this is needed )*/
@media (max-width: 991px) {
    .navbar .container {
        width:100%;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /* fix dropdown menu to be full width expaning section like on xs brakpoint */
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
@media (min-width: 768px){
    .auxnavbar > .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }
}
/* Styles for the above  */
@media (max-width: 991px) {
    .auxnavbar .navbar-collapse {
        background-color:#075e90;
        border-top:none;
    }
    .auxnavbar .navbar-nav .open .dropdown-menu{
        background-color:#188ecf;
    }
}
@media (max-width: 1200px){
    .mainnavbar .nav > li > a{
        padding-left:10px;
        padding-right:10px;
        font-size: 16px;
    }
}


/*=============================================================================================
AUX NAVIGATION
=============================================================================================*/
.auxnavbar{
    margin-bottom: 0;
    background-color: #0F4F73;
    border: 0;
}
.auxnavbar{
    min-height:40px;
}
.auxnavbar .navbar-nav > li > a {
    color: #FEFEFE;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding-top:10px;
    padding-bottom:10px;
}
.auxnavbar .pba-sites-list li a {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top:6px;
    padding-bottom:6px;
    color:#FFFFFF;
}
.auxnavbar .navbar-nav > li > a:hover, .auxnavbar .navbar-nav > li > a:focus {
  color: #c2e9fe;
  background-color: transparent;
}
.auxnavbar .dropdown-menu > .active > a:hover, .auxnavbar .dropdown-menu > .active > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #338084;
}
.auxnavbar .navbar-nav > .open > a, .auxnavbar .navbar-nav > .open > a:hover, .auxnavbar .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #188ecf;
}
.auxnavbar .navbar-toggle:hover, .auxnavbar .navbar-toggle:focus {
    background-color: #188ecf;
    border-color: #188ecf;
}
.hamburger-wrapper{
    line-height:16px;
}
.hamburger-wrapper .icon-wpr{
    display:inline-block;
    margin-right: 7px;
    vertical-align:middle;
    color:#8fd4fa;  
}
.hamburger-wrapper .icon-wpr .icon-bar{
    background-color:#8fd4fa;   
}
.hamburger-wrapper .menu-text{
    display:inline-block;
    color: #fff;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight:400;
    text-transform: uppercase;
    vertical-align:middle;  
}
.auxnavbar .navbar-toggle{ 
    border: 1px solid #0a78b5;;
    border-radius: 2px;
}
@media (min-width: 991px) {
  .auxnavbar .navbar-left {
      margin-left:28px;
  }
}
@media (min-width: 768px) {
  .navbar {
      border-radius: 0px;
  }
}
@media (max-width: 991px) {
    .auxnavbar .navbar-nav > li > a {
        text-transform: uppercase;
        
    }
    .auxnavbar .navbar-nav > li {
        border-bottom:1px solid #104f73;
    }
    .auxnavbar .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }
    .auxnavbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #c2e9fe;
        background-color:#188ecf;
    }
    .auxnavbar .dropdown-menu .divider {
        background-color: #0a78b5;
    }
}

/*AUXNAV SEARCH DROPDOWN (LARGE BREAKPOINTS)
==================================================*/
.auxnavbar-search{
    background-color:#287cac;
}
.auxnavbar-search a.search-text span{
    text-transform:uppercase;
    color: #9ed9fb;
    font-size:14px;
}
.auxnavbar-search-dropdown {
    min-width: 250px;
    padding:7px;
    background-color:#188ECF;
    border:none;
    border-radius:0;
}
.auxnavbar-search-dropdown input, .auxnavbar-search-dropdown button{
    border-color:#188ECF;
}
.auxnavbar-search-dropdown input{
    color:#0F4F73;
}
.auxnavbar-search-dropdown input:focus{
    border:1px solid #0a78b5;
}
.auxnavbar-search-dropdown button{
    background-color:#0a78b5;
}
.auxnavbar-search-dropdown button:hover, .auxnavbar-search-dropdown button:focus{
    background-color:#0F4F73;
    border-color:#188ECF;
}
.auxnavbar-search-dropdown button i{
    color:#fff;
}

/*MOBILE SECONDARY NAV ( NEXT TO HAMBURGER STYLING )
==================================================*/
.auxnavbar-sm-pills-wrapper{
    margin:8px 5px 8px 0;
}
.auxnavbar-sm-pills-wrapper > li > a, .auxnavbar-sm-pills-wrapper > li > .open a{
    padding:7px 9px;
    color: #8fd4fa;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight:400;
    text-transform: uppercase;
    cursor: pointer;
}
.auxnavbar-sm-pills-wrapper > li > a:hover, .auxnavbar-sm-pills-wrapper > li > a:focus, .auxnavbar-sm-pills-wrapper > li.open > a:hover, .auxnavbar-sm-pills-wrapper > li.open > a:focus{
    background-color: #188ecf;
    border-color: #188ecf;
    border-radius:1px;
    color:#fff;
}
.auxnavbar-sm-pills-wrapper .open > a, .auxnavbar-sm-pills-wrapper .open > a:hover, .auxnavbar-sm-pills-wrapper .open > a:focus{
    background-color: #188ecf;
    border-color: #188ecf;
    border-radius:1px;
}
.auxnavbar-sm-pills-wrapper > li.simple-link > a:hover, .auxnavbar-sm-pills-wrapper > li.simple-link > a:focus, .auxnavbar-sm-pills-wrapper > li.simple-link.open > a:hover, .auxnavbar-sm-pills-wrapper > li.simple-link.open > a:focus{
    background-color:transparent;
    border:none;
    color:#fff;
}
.auxnavbar-search-sm{
    border: 1px solid #0a78b5;;
    border-radius: 2px;
}
.auxnavbar-search-sm a.search-text span{
    text-transform:uppercase;
    color:#9ed9fb;
    font-size:14px;
    display: none;
}
/*.auxnavbar-search-sm .dropdown-menu{
    position:absolute;
    left:auto;
    right:0;
}*/
.auxnavbar-search-sm-dropdown {
    padding:12px;
    background-color:#188ECF;
    border:none;
    border-radius:0;
}
.auxnavbar-search-sm-dropdown input, .auxnavbar-search-sm-dropdown button{
    border-color:#188ECF;
}
.auxnavbar-search-sm-dropdown input{
    color:#0F4F73;
}
.auxnavbar-search-sm-dropdown input:focus{
    border:1px solid #0a78b5;
}
.auxnavbar-search-sm-dropdown button{
    background-color:#0a78b5;
}
.auxnavbar-search-sm-dropdown button:hover, .auxnavbar-search-sm-dropdown button:focus{
    background-color:#0F4F73;
    border-color:#188ECF;
}
.auxnavbar-search-sm-dropdown button i{
    color:#fff;
}
.auxnavbar-search-sm-dropdown .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.quick-links-sm .dropdown-menu {
    padding:8px;
    background-color:#e7f9fd;
    border:none;
    border-radius:0;
    min-width: 200px;
}
.quick-links-sm .dropdown-menu > li > a {
    color: #104f73;
    font-size: 15px;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    padding: 6px 5px;
    max-width: 300px;
    white-space: normal;
    border-bottom: 1px solid #c6f0f9;
}
.quick-links-sm .dropdown-menu > li > a:hover, .quick-links .dropdown-menu > li > a:focus  {
    background-color: #c6f0f9;
}
.quick-links-sm .dropdown-menu > li.active > a{
    background-color:#e7f9fd;
}
.quick-links-sm .dropdown-menu .divider {
    background-color: #c6f0f9;
}
.auxnavbar-sm-pills-wrapper > li.active > a, .auxnavbar-sm-pills-wrapper > li.active > a:hover, .auxnavbar-sm-pills-wrapper > li.active > a:focus{
    background-color:transparent;
    color: #8fd4fa;
}
.quick-links-sm .dropdown-menu > li.active > a:hover, .quick-links-sm .dropdown-menu > li.active > a:focus{
    background-color: #c6f0f9;
    color: #104f73;
}

.quick-links-sm a.dropdown-toggle:hover, .quick-links a.dropdown-toggle:focus {
    background-color:#e7f9fd;
}
.m-quick-links { margin:0; padding:0; list-style-type:none; }

@media (max-width: 480px) {
    .auxnavbar-sm-pills-wrapper > li > a, .auxnavbar-sm-pills-wrapper > li > .open a{
        font-size: 14px;
        padding-right:7px;
        padding-left:7px;
        padding-top: 8px;
    }
}

/*=============================================================================================
FOOTER
=============================================================================================*/

.footer-bg-1{
    background-color: #094263;
}
.footer-wpr{
    margin-top:35px;
    margin-bottom:35px;
}
.footer-wpr h4, .footer-wpr span.titleh4 {
    color: #FFF;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom:15px;
    display: block;
}
.footer-wpr .linklist{
    float:left;
}
.footer-wpr .linkrow2{
    margin-left:60px;
}
.footer-wpr .linklist >li {
    list-style-type: none;
    padding:5px 0;
}
.footer-wpr .linklist >li > a{
    color: #78D5D9;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.footer-wpr .contact-us address{
    color: #CCF4FA;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom:12px;
}
.footer-wpr .contact-us .phone-number{
    color: #CCF4FA;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.footer-wpr .contact-us .btn-wpr{
    margin-top:25px;
    margin-bottom:25px;
}
.footer-wpr .contact-us .btn-wpr a.map-btn{
    background:#A71515 url(../images/map-btn-icon.svg) no-repeat 10px center;
    padding-left:34px;
    padding-right:15px;
    cursor:pointer;
    text-decoration:none;
}
.footer-wpr .contact-us .btn-wpr a.contact-btn{
    margin-left:8px;
    background:#A71515 url(../images/contact-btn-icon.svg) no-repeat 10px center;
    padding-left:40px;
    padding-right:15px;
    cursor:pointer;
    text-decoration:none;
}
/*.footer-wpr .social-icons a{
    width:37px;
    height:37px;
    display:inline-block;
    margin:0 10px 0 0;
}
.footer-wpr .social-icons .facebook{
    background:url(../images/facebook.svg);
}
.footer-wpr .social-icons .twitter{
    background:url(../images/twitter.svg);
}
.footer-wpr .social-icons .youtube{
    background:url(../images/youtube.svg);
}
.footer-wpr .social-icons .share{
    background:url(../images/share.svg);
}*/
.footer-wpr a.app-download-cta{
    display:inline-block;
    padding:5px 5px 5px 20px;
    background: url(../images/smartphone-icon.png) no-repeat 1px center;
    cursor:pointer;
    color: #76D1D6;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;;
    font-size: 17px;
    font-weight: 400;
}
.footer-bg-2{
    background-color: #1FBDC5;
    text-align:center;
}
.footer-quote-wpr h3, .footer-quote-wpr span {
    color: #FFF;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    margin:20px auto;
    line-height: 1.1;
    display: block;
}
.footer-bg-3{
    background-color: #1FBDC5;
}
.sub-footer-wpr {
    margin-top:26px;
    margin-bottom:26px;
}
.sub-footer-wpr .copyright{
    line-height:55px;
    vertical-align:middle;
    color: #094163;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .footer-wpr .linklist{
        float:none;
    }
    .footer-wpr .linkrow2{
        margin-left:0;
    }
    .footer-wpr .list-group{
        margin-bottom:0;
    }
    .footer-wpr .footer-column{
        margin-bottom:40px;
    }
    .footer-quote-wpr h3, .footer-quote-wpr span{
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .footer-quote-wpr h3, .footer-quote-wpr span{
        font-size: 20px;
    }
}

/*=============================================================================================
CALLS TO ACTION
=============================================================================================*/

.hero-image-wpr .homepage-hero-one{
    background-image: url(../images/hero-img-3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero-image-wpr .homepage-hero-two{
    background-image: url(../images/blue-chapel.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero-row-header-image{     /* CONTROLED HEIGHT HERE AND IN THE BREAKPOINTS - use this if you need to control height without content that has margins etc... */
    height:592px;
}
.hero-cta-wpr{
    margin-top: 430px;
    overflow: auto;
    margin-bottom: 30px;
}
.hero-cta-wpr a{
    display:block;
    padding:20px;
    font-weight: 400;
    margin:0;
    font-weight: 700;
    text-decoration:none;
    color: #FFF;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    line-height:1.1em;
}
.hero-cta-wpr a{
}
.hero-cta-wpr a span{
    font-weight: 300;
    display:block;
}
.hero-cta-wpr a:hover{
    text-decoration:none;
}
.hero-cta-wpr .one a, .hero-cta-wpr .two a, .hero-cta-wpr .three a {
    -webkit-transition: background, background-position, .15s ease-in;
    -moz-transition: background, background-position, .15s ease-in;
    -ms-transition: background, background-position, .15s ease-in;
    -o-transition: background, background-position, .15s ease-in;
    transition: background, background-position, .15s ease-in;
    /* The Fallback Color */
    /* IE does not support using the cacl position in shorthad so it was separated out,  this allows the arrow icon to be poistion fixed to the right side when the cta grows or shrinks */
    background: rgb(9, 66, 99) url(../images/circle-arrow-right.svg) no-repeat;
    /* The Important Bit - Alpha Transparency */ 
    background: rgba(9, 66, 99, 0.8) url(../images/circle-arrow-right.svg) no-repeat;
    background-position: calc(100% - 16px) center;
}
.hero-cta-wpr .one a{border-bottom:12px solid #188ecf;}
.hero-cta-wpr .two a{border-bottom:12px solid #01a8cc;}
.hero-cta-wpr .three a{border-bottom:12px solid #20bec6;}

.hero-cta-wpr .one a:hover{
    background: rgb(24, 142, 207) url(../images/circle-arrow-right.svg) no-repeat;
    background-position:calc(100% - 10px) center;
}
.hero-cta-wpr .two a:hover{
    background: rgb(1, 168, 204) url(../images/circle-arrow-right.svg) no-repeat;
    background-position:calc(100% - 10px) center;
}
.hero-cta-wpr .three a:hover{
    background: rgb(32, 190, 198) url(../images/circle-arrow-right.svg) no-repeat;
    background-position:calc(100% - 10px) center;
}
@media (max-width: 1300px) {
     .hero-row {
        height:450px;
    }   
    .hero-cta-wpr{
        margin-top:280px;
    }   
}
@media (max-width: 1199px) {
    .hero-cta-wpr a {
        font-size:20px;
    }
}
@media (max-width: 991px) {
    .hero-cta-wpr{
        margin-top:310px;
    }   
}
@media (max-width: 767px) {
    .hero-row {
        height:330px;
    }
    .hero-cta-wpr{
        margin-top:170px;
        margin-bottom: 10px;
    }
    .hero-cta-wpr a {
        margin-bottom:6px;
        font-size:18px;
        padding:15px 15px 11px 15px;
    }
    .hero-cta-wpr .one a, .hero-cta-wpr .two a, .hero-cta-wpr .three a{
        border-bottom-width:4px;
    }
    .hero-cta-wpr a span{
        font-weight: 700;
        display:inline;
    }
}


/*=============================================================================================
HOMEPAGE CONTENT
=============================================================================================*/

.home-tab-wrapper{
    margin-top:80px;
    margin-bottom:80px;
}
.home-tab-wrapper .nav-tabs{
    border-bottom:none;
}
.home-tab-wrapper .nav-tabs > li {
    width: 33.33%;
}
.home-tab-wrapper .nav-tabs > li > a {
    border:none;
    border-radius:0;
    margin-right:0;
    text-align:center;
    color: #FFF;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    overflow:visible;
    padding:14px inherit;
    -webkit-transition: background .15s ease-in;
    -moz-transition: background .15s ease-in;
    -ms-transition: background .15s ease-in;
    -o-transition: background .15s ease-in;
    transition: background .15s ease-in;
}
.home-tab-wrapper .nav-tabs > li.one > a {background-color: #a53046;}
.home-tab-wrapper .nav-tabs > li.two > a {background-color: #104f73;}
.home-tab-wrapper .nav-tabs > li.three > a {background-color: #18638e;}
.home-tab-wrapper .nav-tabs > li.active > a, .home-tab-wrapper .nav-tabs > li.active > a:hover, .home-tab-wrapper .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    border:none;
    border-bottom-color: transparent;
}
/*Tab Hover States*/
.home-tab-wrapper .nav-tabs > li.one > a:hover, .home-tab-wrapper .nav-tabs > li.one > a:focus {
    background-color: #811327;
}
.home-tab-wrapper .nav-tabs > li.two > a:hover, .home-tab-wrapper .nav-tabs > li.two > a:focus {
    background-color: #043755;
}
.home-tab-wrapper .nav-tabs > li.three > a:hover, .home-tab-wrapper .nav-tabs > li.three > a:focus {
    background-color: #044B74;
}
.home-tab-wrapper .nav-tabs > li.one.active > a, .home-tab-wrapper .nav-tabs > li.one.active > a:hover, .home-tab-wrapper .nav-tabs > li.one.active > a:focus {
    color: #fff;
    cursor: default;
    border:none;
    border-bottom-color: transparent;
}
.home-tab-wrapper .nav-tabs > li > a > span.tab-icon{ position: relative; top:-4px; padding-right:5px;}
.home-tab-wrapper .nav-tabs > li.active > span.tab-active-arrow{
    background: url(../images/active-tab-arrow-down.svg) center no-repeat;
    display:block;
    width:35px;
    height:35px;
    position:absolute;
    bottom:-15px;
    left:50%;
    margin-left:-17px;
    border-radius: 50%;
    -webkit-transition: bottom .15s ease-in;
    -moz-transition: bottom .15s ease-in;
    -ms-transition: bottom .15s ease-in;
    -o-transition: bottom .15s ease-in;
    transition: bottom .15s ease-in;
}
.home-tab-wrapper .nav-tabs > li.one > a, .home-tab-wrapper .nav-tabs > li.one.active > a.one{
    background-color: #A52F45
}
.home-tab-wrapper .nav-tabs > li.one.active > span.tab-active-arrow{
    background-color:#A52F45;
}
.home-tab-wrapper .nav-tabs > li.two.active > span.tab-active-arrow{
    background-color:#104f73;
}
.home-tab-wrapper .nav-tabs > li.three.active > span.tab-active-arrow{
    background-color:#18638e;
}

.home-tab-wrapper .nav-tabs > li.one.active:hover > span.tab-active-arrow{
    background-color:#811327;
    bottom:-20px;
}
.home-tab-wrapper .nav-tabs > li.two.active:hover > span.tab-active-arrow{
    background-color:#043755;
    bottom:-20px;
}
.home-tab-wrapper .nav-tabs > li.three.active:hover > span.tab-active-arrow{
    background-color:#044B74;
    bottom:-20px;
}

.playOverlay { font-size:5em; position:absolute; top:28%; left:35%; opacity:.75;}
.sliderPlayOverlay { font-size:9em; color:#1FBDC5; position:absolute; top:34%; left:39%; opacity:.75;}

@media (max-width: 1199px) {
    .playOverlay { top:21%; left:31%; }
    .sliderPlayOverlay { top:34%; left:39%; }
}

@media (max-width: 992px) {
    .playOverlay {  top:28%; left:36%; font-size:6em; } 
	.sliderPlayOverlay { top:34%; left:39%; }  
}

@media (max-width: 767px) {
    .home-tab-wrapper{
        margin-top:40px;
    }
    .home-tab-wrapper .nav-tabs > li > a {
        font-size: 26px;
    }
    .playOverlay {  top:32%; left:38%; font-size:8em; }
	.sliderPlayOverlay { top:34%; left:39%; }  

}
@media (max-width: 480px) {
    .home-tab-wrapper .nav-tabs > li > a {
        font-size: 20px;
    }
    .playOverlay {  top:28%; left:35%; font-size:5em; }
	.sliderPlayOverlay { top:38%; left:43%; font-size:5em; } 
}

/*STYLE TAB-SWITCHER CONTENT
==================================================*/
.home-tab-wrapper .tab-content{
    background-color:#FFF;
    padding:30px 30px 50px 30px;
    overflow:hidden;
}
.home-tab-wrapper .tab-content .item-container{
    margin-top:40px;
}
.home-tab-wrapper .tab-content h4 a, .home-tab-wrapper .tab-content span.tabh4 a, .home-tab-wrapper .tab-content span.tabh4 {
    color: #AF3B5B;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.home-tab-wrapper .tab-content h4 a:hover, .home-tab-wrapper .tab-content h4 a:focus, .home-tab-wrapper .tab-content span.tabh4 a:hover, .home-tab-wrapper .tab-content span.tabh4 a:focus{
    color: #094263;
    text-decoration:none;
}
.home-tab-wrapper .tab-content p{
    color: #5e5e5e;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height:1.4em;
}
.home-tab-wrapper .tab-content a.read-more{
    color: #1FBDC5;
    font:"Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight: 700;
    text-transform: uppercase;
}
.home-tab-wrapper .tab-content .date-box{
    background-color: #1FBDC5;
    display:inline-block;
    padding:5%;
    position:absolute;
    top:10;
    color: #FFF;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.home-tab-wrapper .tab-content .date-box .month, .home-tab-wrapper .tab-content .date-box .day{
    display:block;
    text-align:center;
}
.home-tab-wrapper .tab-content .view-all-btn-wpr{
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
}
.home-tab-wrapper .tab-content .view-all-btn{
    background: #fff;
    padding: 26px 16px;
    margin: 0 auto;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .home-tab-wrapper .tab-content .date-box{
    font-size: 17px;
}
}





/*=============================================================================================
INTERIORS
=============================================================================================*/
 
.page-heading-int {
    background-color: #1FBDC5;
    text-align:left;
}
.page-heading-intwpr {
    padding: 30px 0;
}
.page-heading-intwpr h2 {
    color: #FFF;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 49px;
    font-weight: 300;
    margin:42px auto;
}
.interior-shell-outer-wpr {
    background:#FFF;
    padding:50px 0;
}
.interior-shell-inner-wpr{
    background:#fff;
}
.interior-shell-inner-wpr .side-menu-wpr{
    background-color:#f2fafd;
    padding-bottom: 15px;
    border-bottom: 6px solid #D1EAF5;
}

.interior-content-wpr{
    padding:3px 30px;
    background: #fff;
    min-height: 800px;
}

/* --- | Side Menu | --- */
.side-menu-wpr {
    padding:0;
}
.side-menu-wpr h3{
    background:#def5ff;
    padding: 18px 8px 18px 18px;
    margin:0;
}
.side-menu-wpr h3 a{
    color: #03476c;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}
ul.side-nav{
    list-style-type: none;
    list-style-position:inside;
    padding-left: 7px;
   -webkit-padding-start: 0;
    margin: 0 20px;
} 
ul.side-nav-sub {
    padding-left: 10px;
}
.side-nav li {
    padding:0;
    color:#03476c;
    border-top: 1px solid #c5e8f8;
}
.side-nav li:first-child {
    border-top: 0px;
}
.side-nav li.has-sub{
    background: url(../images/has-submenu-arrow-down.png) no-repeat 0px 12px;
    border-bottom:none;
}
.side-nav li.has-sub a{
    color: #28aac6;
}
.side-nav li a{
    padding: 8px 22px;
    display: block;
    color: #03476c;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}
.side-nav li.active > :first-child ,
.side-nav li a:hover{
    color: #970c37;
}
.side-nav .selected a{
    background:#029350;
    color:#fff;
}
.side-nav .selected a:hover{
    background:#0eb568;
    color:#333;
}
.side-nav ul {
    list-style-type: none;
    list-style-position:inside;
}
.side-nav ul li a:hover{
    background:transparent;
}

.side-nav ul.side-nav-sub { display:none; }
.side-nav li.has-sub.active ul.side-nav-sub { display:block; }

/*=============================================================================================
UNIQUE SITE HERO IMAGE AND CTA's & UNIQUE SITE DIRECTORY HERO IMAGE AND CTA's
=============================================================================================*/
.hero-image-wpr .hero-img-heading{
    display:inline-block;
    margin-top:40px;
    line-height:1.2em;
    background: rgb(35, 191, 199);
    background: rgba(35, 191, 199, 0.8);
    padding:20px;
    margin-left: 0;
}
.hero-image-wpr .hero-img-heading h1{
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    font-weight:300;
    color:#fff;
    font-size:55px;
    display:inline;
}
.hero-image-wpr .unique-site-hero-one{
    background:url(../images/unique-hero-img-1.jpg) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* IE 8 * and down */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/unique-hero-img-3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/unique-hero-img-3.jpg', sizingMethod='scale')";
}


.hero-row-header-image{     /* CONTROLED HEIGHT HERE AND IN THE BREAKPOINTS - use this if you need to control height without content that has margins etc... */
    height:592px;
}
.unique-site-hero-one .hero-cta-wpr{
    margin-top: 310px;
    overflow: auto;
    margin-bottom: 30px;
    margin-left: 9px;
}
.unique-site-hero-one .hero-cta-wpr a{
    display:block;
    padding:40px 7px 10px 7px;
    font-weight: 400;
    margin:0;
    font-weight: 700;
    text-decoration:none;
    color: #FFF;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    line-height:1.1em;
}
.unique-site-hero-one .hero-cta-row .col-md-2{
    padding-left:6px;
    padding-right:6px;
}
.unique-site-hero-one .hero-cta-wpr a span{
    font-weight: 300;
    display:block;
}
.unique-site-hero-one .hero-cta-wpr a:hover{
    text-decoration:none;
}
.unique-site-hero-one .hero-cta-wpr .one a, .unique-site-hero-one .hero-cta-wpr .two a, .unique-site-hero-one .hero-cta-wpr .three a, .unique-site-hero-one .hero-cta-wpr .four a, .unique-site-hero-one .hero-cta-wpr .five a, .unique-site-hero-one .hero-cta-wpr .six a {
    -webkit-transition: background, background-position, .15s ease-in;
    -moz-transition: background, background-position, .15s ease-in;
    -ms-transition: background, background-position, .15s ease-in;
    -o-transition: background, background-position, .15s ease-in;
    transition: background, background-position, .15s ease-in;
    /* The Fallback Color */
    /* IE does not support using the cacl position in shorthad so it was separated out,  this allows the arrow icon to be poistion fixed to the right side when the cta grows or shrinks */
    background: rgb(9, 66, 99) url(../images/circle-arrow-down.svg) no-repeat;
    /* The Important Bit - Alpha Transparency */ 
    background: rgba(9, 66, 99, 0.8) url(../images/circle-arrow-down.svg) no-repeat;
    background-position: center calc(100% - 24px);
    height:165px;
    text-align:center;
}
.unique-site-hero-one .hero-cta-wpr .one a{border-bottom:12px solid #188ecf;}
.unique-site-hero-one .hero-cta-wpr .two a{border-bottom:12px solid #01a8cc;}
.unique-site-hero-one .hero-cta-wpr .three a{border-bottom:12px solid #20bec6;}
.unique-site-hero-one .hero-cta-wpr .four a{border-bottom:12px solid #188ecf;}
.unique-site-hero-one .hero-cta-wpr .five a{border-bottom:12px solid #01a8cc;}
.unique-site-hero-one .hero-cta-wpr .six a{border-bottom:12px solid #20bec6;}

/*HOVER STATES*/
.unique-site-hero-one .hero-cta-wpr .one a:hover, .unique-site-hero-one .hero-cta-wpr .four a:hover{
    background: rgb(24, 142, 207) url(../images/circle-arrow-down.svg) no-repeat;
    background-position:center calc(100% - 4px);
}
.unique-site-hero-one .hero-cta-wpr .two a:hover, .unique-site-hero-one .hero-cta-wpr .five a:hover{
    background: rgb(1, 168, 204) url(../images/circle-arrow-down.svg) no-repeat;
    background-position:center calc(100% - 4px);
}
.unique-site-hero-one .hero-cta-wpr .three a:hover, .unique-site-hero-one .hero-cta-wpr .six a:hover{
    background: rgb(32, 190, 198) url(../images/circle-arrow-down.svg) no-repeat;
    background-position:center calc(100% - 4px);
}

.hero-image-wpr .normal-site-hero-one{
	background-position:top center; 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 291px; 
}
.hero-image-wpr .normal-site-hero-one .hero-img-heading {  margin-top: 188px; } 
.hero-image-wpr .normal-site-hero-one .hero-img-heading h1 { font-size: 37px; }



/*ACTIVE STATES*/
@media (min-width: 992px) {
    .hero-image-wpr .normal-site-hero-one { height: 491px; }
	.hero-image-wpr .normal-site-hero-one .hero-img-heading {  margin-top: 326px; } 
	.hero-image-wpr .normal-site-hero-one .hero-img-heading h1 { font-size: 55px; }
	
	.unique-site-hero-one .hero-cta-wpr .one a.active, .unique-site-hero-one .hero-cta-wpr .four a.active{
        background: rgba(5, 51, 78, 1) url(../images/circle-arrow-down-blue.svg) no-repeat;
        background-position:center calc(100% - -4px);
        color:rgb(24, 142, 207);
        cursor:default;
    }
    .unique-site-hero-one .hero-cta-wpr .two a.active, .unique-site-hero-one .hero-cta-wpr .five a.active{
        background: rgba(5, 51, 78, 1) url(../images/circle-arrow-down-lightblue.svg) no-repeat;
        background-position:center calc(100% - -4px);
        color:rgb(1, 168, 204);
        cursor:default;
    }
    .unique-site-hero-one .hero-cta-wpr .three a.active, .unique-site-hero-one .hero-cta-wpr .six a.active{
        background: rgba(5, 51, 78, 1) url(../images/circle-arrow-down-green.svg) no-repeat;
        background-position:center calc(100% - -4px);
        color:rgb(32, 190, 198);
        cursor:default;
    }
	
}
@media (max-width: 991px) {
    .unique-site-hero-one .hero-cta-wpr{
        margin-top:310px;
    }   
    .unique-site-hero-one .hero-cta-wpr .one a, .unique-site-hero-one .hero-cta-wpr .two a, .unique-site-hero-one .hero-cta-wpr .three a, .unique-site-hero-one .hero-cta-wpr .four a, .unique-site-hero-one .hero-cta-wpr .five a, .unique-site-hero-one .hero-cta-wpr .six a{
        -webkit-transition: background, background-position, .15s ease-in;
        -moz-transition: background, background-position, .15s ease-in;
        -ms-transition: background, background-position, .15s ease-in;
        -o-transition: background, background-position, .15s ease-in;
        transition: background, background-position, .15s ease-in;
        /* The Fallback Color */
        /* IE does not support using the cacl position in shorthad so it was separated out,  this allows the arrow icon to be poistion fixed to the right side when the cta grows or shrinks */
        background: rgb(9, 66, 99) url(../images/circle-arrow-right.svg) no-repeat;
        /* The Important Bit - Alpha Transparency */ 
        background: rgba(9, 66, 99, 0.8) url(../images/circle-arrow-right.svg) no-repeat;
        background-position: calc(100% - 16px) center;
        text-align:left;
        height:auto;
        padding:20px;
    }
    .unique-site-hero-one .hero-cta-wpr .one a:hover, .unique-site-hero-one .hero-cta-wpr .four a:hover{
        background-position: calc(100% - 10px) center;
    }
    .unique-site-hero-one .hero-cta-wpr .two a:hover, .unique-site-hero-one .hero-cta-wpr .five a:hover{
        background-position: calc(100% - 10px) center;
    }
    .unique-site-hero-one .hero-cta-wpr .three a:hover, .unique-site-hero-one .hero-cta-wpr .six a:hover{
        background-position: calc(100% - 10px) center;
    }
}
@media (max-width: 767px) {
    .hero-image-wpr .normal-site-hero-one { height: 291px; }
	.hero-image-wpr .normal-site-hero-one .hero-img-heading {  margin-top: 188px; } 
	.hero-image-wpr .normal-site-hero-one .hero-img-heading h1 { font-size: 37px; }
	
	.hero-row {
        height:330px;
    }
    .unique-site-hero-one  .hero-cta-wpr{
        margin-top:170px;
        margin-bottom: 10px;
    }
    .unique-site-hero-one .hero-cta-wpr a {
        margin-bottom:6px;
        font-size:18px;
        padding:15px 15px 11px 15px;
    }
    .unique-site-hero-one .hero-cta-wpr .one a, .unique-site-hero-one .hero-cta-wpr .two a, .unique-site-hero-one .hero-cta-wpr .three a, .unique-site-hero-one .hero-cta-wpr .four a, .unique-site-hero-one .hero-cta-wpr .five a, .unique-site-hero-one .hero-cta-wpr .six a{
        border-bottom-width:4px;
    }
    .unique-site-hero-one .hero-cta-wpr a span{
        font-weight: 700;
        display:inline;
    }
}

@media (max-width: 430px) {
	.hero-image-wpr .normal-site-hero-one { height: 251px; }
	.hero-image-wpr .normal-site-hero-one .hero-img-heading {  margin-top: 170px; } 
	.hero-image-wpr .normal-site-hero-one .hero-img-heading h1 { font-size: 22px; }
}


/*=============================================================================================
DIRECTORY
=============================================================================================*/
.directory-intro {
    padding-top:25px;
    padding-bottom:30px;
}
.directory-list{
    padding-bottom:80px;
}

@media (max-width: 767px) {
 	.directory-list { padding-top:25px; }   
}
@media (max-width: 991px) {

}
@media (max-width: 1199px) {
    
    
}


/*=============================================================================================
GLOBAL CLASSES
=============================================================================================*/

.meta-data
{
	/*color: #7D7D7D;*/
	font-size: 12px;
}

.title
{
    font-weight: 300;
    margin-top: 0;
	margin-bottom: 20px;
    line-height: 1.2em;
}

.summary
{
	/*color: #777;*/
	line-height: 1.7em;
}

.label
{
	
}

.submit-btn
{
	/*background-color: #888;
    border-color: #888;
    color: #fff;*/
    margin-top: 15px;
}

.previous-btn
{
   /* background-color: #aaa;
    border-color: #aaa;
    color: #fff;*/
    margin-top: 15px;
}

.input-field
{
	margin-top: 15px;
}

.form-error { clear:both; }

.news-list-wpr .list-title{ font-weight: 300; line-height:1.2em; }
.news-list-wpr .summary{ margin-top:20px; line-height:1.7em; }

/*=============================================================================================
ADMISSIONS COUNSELOR LISTING
=============================================================================================*/

.counselor-title {
    margin:0;
    color: #094263;
    font-size: 22px;
}

.counselor-sub-title {
    margin-bottom: 15px;
    color: #094263;
    font-size: 17px;
    font-style: italic;
}

ul.counselor-list {
    list-style-type: none;
    padding:0;
    margin: 0;
}

.counselor-list li {
    margin-top:5px;
    color: #363b3e;
    font-size: 17px;
}

.counselor-list li span {
    color: #21bdc5;
}

/* .img-border-circle {
    border: 3px solid #21bdc5;
    border-radius: 50%;
} */

.admissions-box-cta h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    color: #FFF;
    margin-left: 70px;
    margin-bottom: 0;
    display: inline-block;
}

.admissions-box-cta {
    min-height: 50px;
}

a.admissions-box-cta:hover {
    text-decoration: none;
}

.admissions-box-cta.light-blue {
    background: #65bfe1 url(../images/globe-icon.png) no-repeat left center;
}

.admissions-box-cta.medium-blue {
    background: #188ecf url(../images/grad-icon.png) no-repeat left center;
}

.admissions-box-cta.darker-blue {
    background: #116ca1 url(../images/book-icon.png) no-repeat left center;    
}
.admissions-box-cta span {
    color: #def5ff;
    font-size: 14px;
    font-style: italic;
    margin: 0px 0 0 70px;
    padding: 0;
    display: block;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width: 320px) {

    .admissions-box-cta-mid {
        margin: 20px 0 20px 0;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

    .admissions-box-cta.medium-blue,
    .admissions-box-cta.light-blue,
    .admissions-box-cta.dark-blue {
        height: 154px;
    }

    .admissions-box-cta-left {
        padding-right: 0;
    }

    .admissions-box-cta-mid {
        padding-right: 7px;
        padding-left: 7px;
    }

    .admissions-box-cta-right {
        padding-left: 0;
    }

    .admissions-box-cta-mid {
        margin: 0;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

    .admissions-box-cta.medium-blue,
    .admissions-box-cta.light-blue,
    .admissions-box-cta.dark-blue {
        height: auto;
    }

}

/*=============================================================================================
ADMISSIONS COUNSELOR LISTING DETAIL
=============================================================================================*/


span.counselor-detail,
span.faculty-detail {
    font-size: 16px;
    color: #9d2045;
    margin-bottom: -8px;
    display: block;      
}

h3.counselor-detail,
h3.faculty-detail {
    font: 400 32px "Open Sans", Arial, Helvetica, sans-serif;
    color: #9d2045;
    text-transform: uppercase;
    margin: 0 0 0 0;
}

h4.counselor-detail,
h4.faculty-detail {
    color: #094263;
    font: 600 20px "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

span.dark-red-bold-highlight {
    color: #9d2045;
    font-weight: bold;
}

span.dark-red-highlight {
    color: #9d2045;
}

.counselor-thumb,
.faculty-thumb {
    margin-bottom: 20px;
}

ul.counselor-detail {
    list-style-type: none;
    margin: 0;
    padding:0;
}

.counselor-detail-info-inner,
.faculty-detail-info-inner  {
    margin-top:0;
    padding:0;
}

.counselor-detail li {
    color: #094263;
}

.push-down-50 {
    margin-top: 50px;
}

.counselor-detail-photo {
    padding-right: 24px;
}

#FacultyCommonContentWpr {
    padding-top: 22px;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width: 250px) {

    .counselor-detail-info {
        border-left: none;
        padding-left: 15px;
        margin-top: 25px;
    }

    .counselor-panel {
        margin: 0 0 25px 0;
        padding-left: 25px;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

    .counselor-panel {
        margin: 0 0 45px 0;
        padding-left: 0;
    }

    .counselor-detail-info {
        border-left: 3px solid #c5e8f8;
        padding-left: 25px;
        margin-top: 25px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

    .counselor-panel {
        margin: 8px 0 65px 0;
    }

}

/* Media Queries */
@media (max-width: 991px) {
    
    form#StaffSearchForm {
        display: none;
    }
}


/*=============================================================================================
FACULTY LISTINGS
=============================================================================================*/

.counselor-detail-contact-info,
.faculty-detail-contact-info
 {
    color: #094263;
    margin-top: 25px;
}

span.dark-grey-highlight {
    color: #292929;
}



/*=============================================================================================
STAFF DIRECTORY
=============================================================================================*/

.staff-directory-wpr {
    padding-left:12px;
}

h3.staff-directory {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;;
    font-size: 21px;
    font-weight: 600;
    color: #9d2045;
}

h2.staff-directory {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;;
    font-size: 30px;
    font-weight: 400;    
    color: #03476c;
    border-bottom: 2px solid #c5e8f8;
}

.staff-directory-icon {
    color: #f7bc1d;
}

.staff-directory-grp {
    margin-top: 20px;
    margin-bottom: 0;
    /* padding: 0 30px; */
}

.staff-name {
    font-size: 15px;
    font-weight: 600;    
    padding-bottom: 8px;
    color: #21bdc5;
}

.staff-content {
    color: #094263;
    font-weight: 600;
}

.teacher-award {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;;
    font-weight: 600;    
    color: #155476;
    margin-top: 10px; 
}


/*=============================================================================================
APPLY ONLINE
=============================================================================================*/

#apply-online-disclaimer h4 {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    color: #03476c; 
}

#apply-online-disclaimer p {
    color: #686868;
    font-size: 13px;
    font-style: italic;  
}

.app-btn {
    margin-top:15px;
}

.m-header-menu { z-index:2; }


/*=============================================================================================
FLYOUT MENU
=============================================================================================*/

/* ======== Flyout Menu Main Container ======== */

.fm-container {
    background: transparent none;
    border: solid #0f4f73;
}

.fm-button  { 
    width:auto; 
    margin:8px 15px 8px 0; 
    z-index:10;
}

.flexmenu.fm-offcanvas.fm-sm {
    background: #104f73;
    box-shadow: inset 12px 0 10px -10px rgba(0, 0, 0, 0.3);
}

/* ======== Home Menu Item ======== */

#myNavmenu ul.m-home-menu li a,
#myNavmenu ul.m-unique-menu li a {
    background-color: #094263;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

#myNavmenu ul.m-main-menu li a,
#myNavmenu ul.m-header-menu li a {
    font-size: 14px;
    background-color:#1FBDC5;
    
}

#myNavmenu ul.m-main-menu li a:hover,
#myNavmenu ul.m-header-menu li a:hover{
    background: #0e9fa6;
}
    /* ======== Borders ======== */
    
    #myNavmenu .m-unique-menu li  {
        border-top: 1px solid #1778af;
        border-bottom: 1px solid #0b3a55;
    }

    #myNavmenu .m-header-menu li,
    #myNavmenu .m-main-menu li  {
        border-top: 1px solid #2cd5de;
        border-bottom: 1px solid #0e9fa6;
    }

/* ======== First Tier Menu Item ======== */

.flexmenu.fm-sm ul li {
    border-top: 1px solid #3798d0;
    border-bottom: 1px solid #005595;
}
.flexmenu.fm-sm ul.pages li a{
    padding-left: 9%;
}
.flexmenu.fm-sm ul li a {
    display: block;
    padding: 14px 15px;
    color: #FFF;
    background-color: #287cac;
}

/* ======== Second Tier Menu Item ======== */

.flexmenu.fm-sm ul ul li a {
    background-image: none;
    background-color: #2e90c8;
    padding-left: 8%;
}
.flexmenu.fm-sm ul.pages ul li a{
    padding-left: 13.5%;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.flexmenu.fm-sm ul ul li {
    border-top: 1px solid #54aef3;
    border-bottom: 1px solid #2d8bd1;
}

/* ======== Third Tier Menu Item ======== */

.flexmenu.fm-sm ul ul li ul li a {
    background-image: none;
    background-color: #52a7d7;
    padding-left: 16%;
}
.flexmenu.fm-sm ul.pages ul li ul li a{
    padding-left: 15%;
}

.flexmenu.fm-sm ul ul li ul li {
    border-top: 1px solid #72bef7;
    border-bottom: 1px solid #5799ca;
}

/* ======== Fourth Tier Menu Item ======== */

.flexmenu.fm-sm ul ul ul li ul li a {
    background-image: none;
    background-color: #7db9e7;
}

.flexmenu.fm-sm ul.pages ul ul li ul li a {
    padding-left: 20%;
}

.flexmenu.fm-sm ul ul ul li ul li {
    border-top: 1px solid #8fceff;
    border-bottom: 1px solid #74add8;
}

/* ======== Hover & Active States ======== */

.flexmenu.fm-sm ul li a:hover, .flexmenu.fm-sm ul li a.active {
    background-image: -moz-linear-gradient( 90deg, rgb(19,100,145) 0%, rgb(19,100,145) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(19,100,145) 0%, rgb(19,100,145) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(19,100,145) 0%, rgb(19,100,145) 100%);
}

/* ======== Arrow Icon ======== */

.flexmenu.fm-sm .navicon {
    position: absolute;
    top: 0;
    right: 2px;
    height: 50px;
    width: 50px;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.flexmenu.fm-sm .navicon:after {
    border: 5px solid transparent;
    border-top-color: #FFF;
    content: "";
    position: absolute;
    right: 18px;
    top: 25px;
}

/* ======== Custom Site Map ======== */
.sitemap-wpr .hero-cta-wpr { margin-top: 0px; margin-bottom:10px; }

@media (min-width: 768px) {
	.sitemap-wpr .hero-cta-wpr div a { min-height:135px; }
	.sitemap-wpr .hero-cta-wpr .one a, .sitemap-wpr .hero-cta-wpr .two a, .sitemap-wpr .hero-cta-wpr .three a {background:rgba(9, 66, 99, 0.8) url(../images/circle-arrow-down.svg) no-repeat;	background-position:center calc(100% - 14px); }

	.sitemap-wpr .hero-cta-wpr .one a:hover{
		background: rgb(24, 142, 207) url(../images/circle-arrow-down.svg) no-repeat;
		background-position:center calc(100% - 8px);
	}
	.sitemap-wpr .hero-cta-wpr .two a:hover{
		background: rgb(1, 168, 204) url(../images/circle-arrow-down.svg) no-repeat;
		background-position:center calc(100% - 8px);
	}
	.sitemap-wpr .hero-cta-wpr .three a:hover{
		background: rgb(32, 190, 198) url(../images/circle-arrow-down.svg) no-repeat;
	   background-position:center calc(100% - 8px);
	}

}

@media (max-width: 1199px) {
    .sitemap-wpr .hero-cta-wpr a {font-size:17px; padding-right:48px;  }
}




