/*------------------------------001.ib special page-------------------*/
#contentwrapper .bkg-darkblue {
    background-color: #061A52;  
}
#contentwrapper .bkg-mediumblue {
    background-color: #05539C;
}
#contentwrapper .bkg-lightblue {
    background-color: #8FC8FF;
}
#contentwrapper .bkg-lightblue .ezlayout2Col2  {
    background-color: #8FC8FF;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#contentwrapper .bkg-yellow {
    background-color: #FDC801;
}
#contentwrapper .nopad .ezlayout3Col1 {
    padding-right: 0 !important;
    background-color: #05539C;
    min-height: 600px;
    color: white;
}
#contentwrapper .col1 {
    padding: 20px;
}

#contentwrapper .nopad .ezlayout3Col2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#contentwrapper .nopad .ezlayout3Col3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: #061A52;
    min-height: 600px;
}
#contentwrapper .colorbox-1 {
    position: relative; 
    min-height:475px;
    border-radius: 15px; 
    border: 1px solid #8FC8FF; 
}
#contentwrapper .colorbox-1inner {
    padding: 20px;
}
#contentwrapper .colorbox-1bottom {
    position: absolute;
    bottom: 0; 
    width: 100%;  
    background-color: #FDC801;
    outline: 1px solid #FDC801;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
   
}
#contentwrapper .colorbox-1bottom .eztext_area {
    padding: 10px 20px;
    font-family: 'Montserrat-Bold', 'Segoe UI';
    color: #034286;
}
#contentwrapper .colorbox-2 {
    position: relative; 
    min-height:475px;
    border-radius: 15px; 
    border: 1px solid #8FC8FF; 
}
#contentwrapper .colorbox-2inner {
    padding: 20px;
}
#contentwrapper .colorbox-2bottom {
    position: absolute;
    bottom: 0; 
    width: 100%; 
    background-color: #E74C20;
    outline: 1px solid #E74C20;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
#contentwrapper .colorbox-2bottom .eztext_area {
    padding: 10px 20px;
    font-family: 'Montserrat-Bold', 'Segoe UI';
    color: white;
}
#contentwrapper .colorbox-3 {
    position: relative; 
    min-height:475px;
    border-radius: 15px; 
    border: 1px solid #8FC8FF; 
}
#contentwrapper .colorbox-3inner {
    padding: 20px;
}
#contentwrapper .colorbox-3bottom {
    position: absolute;
    bottom: 0; 
    width: 100%;  
    background-color: #54bbe1;
    outline: 1px solid #54bbe1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
#contentwrapper .colorbox-3bottom .eztext_area {
    padding: 10px 20px;
    font-family: 'Montserrat-Bold', 'Segoe UI';
    color: #034286;
}

#contentwrapper .ib-banner-container {
    background-color: #FDC801;
    float: left;
}
#contentwrapper .ib-bannertext {
    width: 95%;
    background-color: white;
    border-radius: 15px;
    border: 1px solid red;
    margin: 0 2.5%;
    padding:2%;
    position: relative;
    top: -100px;
    z-index: 9;
    float: left;
}
#contentwrapper .ib-bannertext-font {
    line-height: 190%;
}
#contentwrapper .ib-image-cover {
}

#contentwrapper .ib-slides .callbacks .ezcaptionwrapper {
    max-width: 1300px;
    background: transparent;
    right: calc((100% - 1128px)/ 2);
    left: auto;
    padding: 10px 20px;
    bottom: auto;
    text-align: left;
}

#contentwrapper .ib-slides .callbacks .ezcaptionwrapper {
    display: block;
    position: absolute;
    z-index: 2;
    font-family: 'Montserrat-Bold', 'Segoe UI';
    font-size: 60px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    left: 5%;
    top: 55%;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    text-shadow: none;
}
#contentwrapper .ib-slides .callbacks .ezcaptionwrapper .ezcaptiontitle {
    text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
}
@media only screen and (max-width: 959px) {

    #main .ib-slides .callbacks .ezcaptionwrapper {
        font-size: 25px;
        top: 35%;
    }
}

/*--------------------------------sticky nav-----------------------*/
#navbar.sticky {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 99999;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}  

/* Remove sticky settings from the editor */
.editor #navbar.sticky {
    position: static !important;
}
.editor #slideshowwrapper_hp {
    top:0;
} 

/* toggle outline */
.accordion {
    border: 1px solid #fdc800 !important;
}

/* set header height*/
.header-height {
    height: 60px;
}

/* ----------- Don't print header ---------- */
@media print {
    #header { 
    display:none !important; 
    }
}

/* resize seal in department templates */
.department-seal .imagesizeit {
    width: 50%;
    text-align: center;
    margin:0 auto;
}

/* move logo up topnav*/
#header .top-logo {
    top: -41px;
    position: relative;
    display: block;
}
.ezpager {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}

.ezpager-item {
    position: absolute;
    opacity: 0;
    transition: .5s ease;
    padding: 50px 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1;
}

.ezpager-item--active {
    position: relative;
    opacity: 1;
    z-index: 2;
}

.ezpager-btns {
    text-align: center;
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
}

.ezpager-btn {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: rgba(255, 255, 255, .5);
    border-radius: 100%;
    margin: 0 3px;
}

.ezpager-btn--active,
.ezpager-btn:hover {
    cursor: pointer;
    background: #fff;
}

.ezrss-horizontal .ezrss-datemonth {
    text-align: right;
    font-size: 18px;
}

.ezrss-horizontal .ezrss-day,
.ezrss-horizontal .ezrss-month {
    padding-right: 0px;
}

.ezrss-horizontal .ezrss-solodate {
    font-family: "open_sanssemibold", Segoe UI, sans-serif;
}

.ezrss-horizontal .ezrss-day,
.ezrss-horizontal .ezrss-month {
    font-family: "open_sanssemibold", Segoe UI, sans-serif;
    text-transform: uppercase;
}

.ezrss-horizontal .ezrss-month {
    color: #0C2952;
}

.ezrss-horizontal .ezrss-event {
    font-size: 16px;
    color: #4c4c4c;
}

.ezrss-horizontal .ezrss-time {}

.ezrss-horizontal .ezrss-title a {
    font-family: "open_sanssemibold", Segoe UI, sans-serif;
    text-decoration: none;
    color: #4c4c4c;
}

.ezrss-horizontal .ezrss-title a:hover {
    text-decoration: underline;
}

/* -----------stretch bond buttons------------------ */
.stretch-btn-group {
    position: relative;
    bottom: 0;
    background-color: #033b7e;
    z-index: 2;
   /* width: 100%; */
    display: flex;
    top: -3px;
}

.stretch-btn-group .ezbutton {
  border: none;
  background-clip: padding-box;
  color: #000;
  padding: 20px 15px;
  float: left;
}

.stretch-btn-group .ezbutton img {
  vertical-align: middle;
  margin-right: 5px;
}

.stretch-btn-group .ezbutton span {
   font-family: 'Montserrat Light', sans-serif;
   color: #fff;
   display: inline-block;
   vertical-align: middle;
   font-size: 16px;
   line-height: 1em;
   text-align: left;
   white-space: nowrap;
}

/* Clear floats (clearfix hack) */
.stretch-btn-group::after {
  content: "";
  clear: both;
  display: table;
   cursor: pointer;
   }

/* .stretch-btn-group .ezbutton:hover span {
   color: gold;
} */

.stretch-btn-group .ezbutton:hover {
    background: rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
   
@media screen and (max-width:480px) {

    .stretch-btn-group .ezbutton {
        border-bottom: 2px inset;
        border: 2px 2px 0 0 inset;
        padding: 20px 19px;
        width: 90%;
        text-align: center;
        background: #033b7e !important;
    }
    .stretch-btn-group .ezbutton:last-child {
        border: 2px 2px 0 0 inset;
        padding: 20px 15px;
        width: 92%;
    }
   .stretch-btn-group {
        position: unset;
       display: initial;
    }
}

/* -------------- end bondnav -------------- */


#buttons .imagesizeit {
    overflow: visible;
}

#buttons .widgetitem img {
    transition: all .5s ease;
}

#buttons .widgetitem img:hover {
    transform: translateY(-20px);
    transition: all .5s ease;
}

.ezMobileToggle {
    display: block;
    padding: 15px 0;
    color: #2069b5;
    font-family: "pt_sansregular";
    line-height: 100%;
    font-size: 22px;
    width: 94%;
    margin: 0 3%;
}

.ezMobileToggle:after {
    content: "\f104";
    font-size: 14px;
    font-family: "Ionicons";
    color: inherit;
    float: right;
}

.mobilewrapper {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 1s ease;
}

.mobilewrapper.collapsed {
    max-height: 0px !important;
}

.mobilewrapper.expanded {
    height: auto;
    opacity: 1;
    transition: all 1s ease;
    border-top: 1px solid #ccc;
}
/*----------------------------------custom news feed-------------------------------------*/
#newsbtns {
  text-align: right;
  font-size: 35px;
  box-sizing: border-box;
  padding: 0 10px;
}

#newsbtns>a {
  text-decoration: none;
  color: #071a52;
}

#newsbtns>a:hover {
  cursor: pointer;
  color: #000;
}

.customrss5__item {
  display: block;
  width: 33.333%;
  float: left;
  text-align: left;
}

.customrss5__item__padding {
  background: #fff;
  overflow: hidden;
  margin: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.customrss5__header {
  height: 220px;
  position: relative;
}

.customrss5__thumbnail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.customrss5__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.customrss5__content {
  padding: 20px 20px;
  background: #fff;
}

.customrss5__title {
  font-family: 'Montserrat-SemiBold', 'Segoe UI';
  margin-bottom: 10px;
  color: #193750;
  font-size: 22px;
/*  max-height: 46px; */
/*  overflow: hidden; */
/*  white-space: nowrap; */
  text-overflow: ellipsis;
}

.customrss5__description {
  color: #4c4c4c;
  font-size: 15px;
  word-break: break-word;
  height: 100px;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 5px;
  line-height: 25px;
}

.customrss5__date {
  font-size: 13px;
  color: #333;
  display:none;
}

.customrss5__date .ion-calendar {
  margin-right: 5px;
  color: #01A89E;
}

.customrss5__readmore {
  margin-top: 15px;
}

.customrss5__readmore a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  background: #071a52;
  line-height: 100%;
  border: 1px solid #fdc800;
  border-radius: 5px;
  padding: 10px 10px;
  display: inline-block;
  text-transform: uppercase;
  float:right;
  margin-bottom:20px;
}

.customrss5__readmore a:hover {
  background-color: #05539C;
  color: #fff;
}

@media screen and (max-width:700px) {
  .customrss5__item {
    width: 100%;
  }
/* .ezc-element {
    width: 100% !important;
  } */
  .customrss5__description {
    font-size: 15px;
    line-height: 20px;
  }
}


@media screen and (max-width:400px) {
  .customrss5__item {
    width: 100%;
  }
}

/*---------------------------------Font Awesome Styles-----------------------------------*/


/*Affects all icons*/

.fa {
    line-height: inherit;
    /*Use to override all icon colors for uniform look*/
    color: ;
    background: ;
    overflow: hidden;
    background-blend-mode: multiply;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}


/*-----------Icon Shapes----------*/


/*READ ME: Font Size and Width/Height should be the same size to keep the icon centered*/


/*But you can increase or decrease the padding to get a larger radius/background */


/*Makes the icons a circle*/

.circle {
    font-size: 30px !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px;
}


/*Makes the icon a square*/

.square {
    font-size: 25px !important;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 6px;
}


/*Gives the icon a 3d bezel*/

.bezel {
    border: 2.5px solid;
    border-style: outset;
}


/*Gives the icon rounded edges*/

.rounded {
    font-size: 30px !important;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding: 7px;
}


/*Gives the icon a drop shadow look*/

.shadow {
    text-shadow: 0px 3px 0px #b2a98f, 3px 7px 2px rgba(0, 0, 0, 0.5), 4px 10px 4px rgba(0, 0, 0, .25);
    font-size: 25px;
    padding: 11px;
    width: 25px;
    height: 25px;
}


/*------------Icon Font Colors and Background ------*/


/*Sets all of the icons to one color*/

.uniform {
    color: #000 !important;
    background-color: transparent !important;
}


/*-------------------------------Emergency System-------------------------------------------*/

#emergency-alert {
    position: relative;
    z-index: 9999;
    width: 100%;
    transition: all 1.5s ease;
    opacity: 0;
    overflow: hidden;
}

#emergencywrapper {
    background: #FFD800;
    transition: all 1.5s ease;
}

#emergencywrapper .editbox {
    margin-top: 50px;
}

#emergencywrapper .widgetitem {
    width: 94%;
    float: none;
}

#emergencywrapper .eztext_area {
    padding: 10px;
}

#emergencyin {
    position: relative;
}

#emergencyin .ion-android-alert {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 30px;
    color: white;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#emergencyin .ion-ios-close-empty {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 35px;
    z-index: #999;
}

#emergencyin .ion-ios-close-empty:hover {
    cursor: pointer;
}

@media screen and (max-width:700px) {
    #emergencywrapper .eztext_area {
        padding: 10px 20px;
    }
    #emergencyin .ion-ios-close-empty {
        right: 10px;
    }
}
/* -----------stretch buttons------------------ */
#btnwrapper {
    min-height: 100px;
    float: left;
}
.stretch-btn-group2 {
    background-color: transparent;
    z-index: 2;
    display: table;
	border-spacing:5px;
    width: 100%;
    table-layout: fixed;
	border-spacing:10px;
}

.stretch-btn-group2 .ezbutton {
	background: rgba(0, 0, 0, 0.7);
	border-radius:10px;
	display: table-cell;
	text-align: center;
	width:100%;
	padding: .5em
}
.stretch-btn-group2 .ezbutton a {
	text-decoration: none;

}
.stretch-btn-group2 .ezbutton img {
	vertical-align: middle;
	margin-right: 5px;
}

.stretch-btn-group2 .ezbutton span {
   font-family: 'open_sansregular', sans-serif;
   color: #000;
   vertical-align: middle;
   font-size: 18px;
   text-align: center;
}

.stretch-btn-group2 .ezbutton:hover {
	box-shadow: 0 4px 2px -2px gray;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.stretch-btn-group2 .ezbutton.maroon {
	background-color: #380A15;
}
.stretch-btn-group2 .ezbutton.tealslate {
	background-color: #79B096;
}
.stretch-btn-group2 .ezbutton.grey {
	background-color: #8CA3A6;
}
.stretch-btn-group2 .ezbutton.sand {
	background-color: #DECC66;
}   
.stretch-btn-group2 .ezbutton.marigold {
	background-color: #FF7D03;
}
.stretch-btn-group2 .ezbutton.sage {
	background-color: #80D100;
}

@media screen and (max-width:480px) {
     #slideshowwrapper .ezcaptionwrapper {
         display:none;
     }

    .stretch-btn-group2 .ezbutton {
        border: 0;
		padding: .5em;
        width: 96%;
        text-align: center;
		display: block;
		margin-top:10px;
    }
   .stretch-btn-group2 {
    }
}
 

/* -------------end stretch buttons------------- */
/* -------------custom form changes for form in footer------------- */
.footerform {
    color: #fff;
}
.footerform .ezFRMhead {
    color: #fff;
}
.footerform .ezFRMbutton {
    background-color: #FDC800;
    color: #071A52;
    padding: 6px 10px;
    border-radius: 8px;
    margin-top: 5px;
}
.footerform .ezFRMbutton:hover {
    border-radius: 3px !important;
}
.footerform .divCaptcha {
    color: white !important;
}



/*----------------------Megamenu Custom Style ----------------------*/

.ezMegaWrapper {
    font-family: Montserrat-SemiBold, 'Segoe UI';
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}
.ezMegaWrapper {
    background: transparent;
}

.menu .main {
    position: inherit;
}
.menu .top-link {
    background: transparent;
    margin: 0;
    padding: 7px 8px 3px 13px;
}
.menu .top-link:hover {
    background: rgba(255,255,255,.95) !important;
    border-bottom: 5px inset #fdc800;
}

.menu .top-link a,
.menu .top-link span {
    text-decoration: none;
    line-height: 44px;
    display: block;
    color: #071a52;
    padding: 0;
    font-size: 1em;
    font-family: "Montserrat-Bold";
    cursor: pointer;
    white-space: nowrap;
}
/* Set Scroll on overflow */
.menu .dropdown {
    background: #ffffff;
    z-index: 9999;
    /*padding-top: 50px;*/
    box-shadow: 0 4px 10px -4px #034990;
    border-radius: 0 0 6px 6px;
    background-color: rgba(255,255,255,.95);
    top: 59px;
    padding: 10px 20px 20px 20px;
    max-height: 80vh;
    overflow-y: scroll; 
}
.menu .dropdown.normal-sub {
    right: 0px;
}

.bondnav .dropdown.normal-sub {
    right: auto;
    width: auto;
    margin-top: 2px;
    overflow: auto;
}

.bondnav .menu .dropdown.normal-sub .column > .col-header > a, .menu .dropdown.normal-sub .column > .col-header > span {
    padding: .5em 0 !important;
    padding-right: .5em !important;
}
.bondnav .menu .top-link {
    padding: 7px 15px 3px 15px;
}

/* second level hover */
    .menu .col-header > a:hover, .menu .col-header > span:hover {
    background: #ebebeb;
}
.menu .col-header a,
.menu .col-header span {
    color: #03529c;
    padding: 0;
    width: 95%;
    display: block;
    /* align for backend*/
    text-align: left;
    text-transform: none;
}
.menu .col-header > a,
.menu .col-header > span {
    font-weight: bold;
    font-size: 1.1em;
    padding: 3px 0;
    line-height: normal;
    border-bottom: 1px solid #ccc !important;
}
/* Third Level hover */
.menu .col-header .container a:hover,
.menu .col-header .container span:hover {
    background: #ebebeb; 
}
/* Third level font */
.menu .item a,
.menu .item span {
    font-family: 'Segoe UI';
    border: 0;
    font-size: 1.2em;
    line-height: normal;
    text-transform: none;
    color: #333;
}
@media only screen and (max-width: 959px) {

     #navbar.sticky {
     position: static !important;
     }
     /* #slideshowwrapper_hp .callbacks .ezcaptionwrapper {
       display:none;
    }
     #slideshowwrapper_hp {
       max-height: 82px !important;
    } */

    /*#slideshowwrapper_hp .callbacks .ezcaptionwrapper .ezcaptiontitle {
       font-size: 20px;
       width: 377px;
       padding: 8px 8px 10px 389px;
    }*/
    .ezMegaWrapper {
    font-family: Montserrat-SemiBold, 'Segoe UI';
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    top: 71px;
    display: block;
    position: absolute;
    }
    .menu .dropdown {
        border-radius: 0px;
        max-height: 300px;
        overflow-y: scroll;
        top:0;
        box-shadow: 0 4px 10px -4px #034990;
    }
    .menu .dropdown.normal-sub {
        right: 0px;
    }
    .menu-dropdown-icon:before {
        color: #03529c;
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
    }
    .menu .top-link {
        padding: 0;
        background-color: rgba(255,255,255,.95);
        /*top: -89px;*/
    }
    .menu .top-link:hover {
        border: none !important;
     }
    .menu-mobile {
        font-family: Montserrat-Regular, 'Segoe UI';
        position: relative;
        z-index: 999999;
        background-color: #fff;
        padding: 2px;
        /*top: -74px;*/
        text-align: right;
        color: #03529c;
    }
    .menu-mobile:after {
        font-size: 2.1rem;
        padding-left: 9px;
    }
    .menu .show-on-mobile {
        box-shadow: 0 4px 10px -4px #034990; 
    }
    #menuin {
        float: none;
    }
    .menu .top-link > a,
    .menu .top-link > span {
        color: #003d5e;
    }
    #menuwrapper.menu-is-sticky #menu:before {
        background-position: center center;
        width: 100%;
        background-size: contain;
    }
    #footerin li {
	text-align: left;
    }
}