/*Remove these lines before implementation of the template----------------------------------------------------------*/
/*CHANGEABLE COLORS FOR CUSTOMIZER*/
.Changeable-Color1 {
    color: #0A5D66; /*Blue*/
}

.Changeable-Color2 {
    color: #6EAFBE; /*Teal*/
}

.Changeable-Color3 {
    color: #D68231; /*Purple*/
}
/*Add additional changeable colors here example: .Changeable-Color4 { color:#FFFFFF }
Each additional color must be accounted for at the top of customizer/css/color.js
See instructions in customizer/css/color.js*/

@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot);
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'fiserv';
    src: url('../fonts/fiserv.eot?2govi7');
    src: url('../fonts/fiserv.eot?#iefix2govi7') format('embedded-opentype'), url('../fonts/fiserv.woff?2govi7') format('woff'), url('../fonts/fiserv.ttf?2govi7') format('truetype'), url('../fonts/fiserv.svg?2govi7#fiserv') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'fiserv';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body {
    background-color: #ffffff;
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 16px;
    background-image: url(../images/gray_jean.png);
    height: 100%;
    width: 100%;
    opacity: 0;
    animation: pageLoad;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}

@keyframes pageLoad {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

section::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

input:focus {
    outline: none;
}

a {
    color: #0000ff;
}

a:hover {
    color: #003366;
}
/*----structure----*/
#bodyxy {
    width: 1280px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
}

#headerxy, #contentContainer, #footerxy, #socialxy, #mainnavxy {
    width: 100%;
    height: auto;
}

#header, #mainnav, #content1, #footer, #social, #obContent {
    width: 1024px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}

#headerxy {
    background-color: #fff;
    background-image: url(../images/feature-image.jpg);
    position: relative;
    z-index: 1000;
    background-size: cover;
}

#header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#logo {
    width: 455px;
    height: 69px;
    padding-top: 25px;
}

#logo svg, #mobile-logo svg {
    fill: #0A5D66;
    height: 100%;
}

nav#primary #mobile-logo {
    display: none;
    max-width: 100%;
    height: 50px;
}

nav#primary #mobile-logo svg {
    width: 100%;
    vertical-align: middle;
    max-width: 200px;
}

#contentContainer {
    min-height: 300px;
    background-color: #ffffff;
}

@media only screen and (max-width: 1050px) {
    #logo {
        width: 22rem;
    }

    #logo a,
    #logo a svg {
        max-width: 100%;
    }
}

/*Psuedo Select --------------------------------------*/
.ps-select {
    position: relative;
}

.ps-select select {
    position: relative;
    z-index: 1;
    opacity: 0;
}

.ps-select [data-select] {
    display: block !important;
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 0;
    z-index: 2;
    height: 100%;
    outline: none !important;
}

.ps-select [data-select]::after {
    content: "\f107";
    display: flex;
    font-family: "FontAwesome";
    position: absolute;
    right: 0.5rem;
    top: 50%;
    z-index: 3;
    pointer-events: none;
    font-size: 1.25em;
    transform: translateY(-50%);
}

.ps-select [data-select]::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    transition: visibility 0s 0.25s linear !important;
}

.ps-select [data-select]:focus::before {
    visibility: hidden;
    transition-delay: 0s !important;
}

.ps-select [data-select],
.ps-select [data-option] {
    cursor: pointer;
}

.ps-select [data-option] {
    display: flex !important;
    justify-content: flex-start;
    position: relative;
    align-items: center;
    padding: 0 1rem;
    background-color: #fff;
    height: 100%;
    box-sizing: border-box;
    z-index: 1;
    border-top: solid 1px rgba(0,0,0,0);
}

.ps-select [data-select]:focus [data-option].active {
    background-color: #6EAFBE;
    color: #fff;
}

.ps-select [data-option]:hover,
.ps-select [data-select]:focus [data-option].active:hover {
    background-color: #6EAFBE;
    color: #fff;
}

.ps-select.ready [data-option] {
    transition: margin 0.25s 0.125s ease, border 0.25s ease, background-color 0.25s ease, color 0.25s ease, width 0.25s ease !important;
}

.ps-select [data-option].disabled {
    color: #aaa;
    background-color: #fff;
}

.ps-select [data-option] a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

.ps-select [data-option].active {
    z-index: 2;
}

.ps-select [data-select]:focus [data-option] {
    margin-top: 0 !important;
    transition-delay: 0s !important;
}

.ps-select [data-select].open-up {
    transform: rotateX(180deg);
}

.ps-select [data-select].open-up [data-option] {
    transform: rotateX(-180deg);
}

.ps-select [data-select]:focus [data-option] + [data-option],
.ps-select [data-select].open-up:focus [data-option] {
    border-top: solid 1px rgba(0,0,0,0.1);
}

@media only screen and (max-width: 1024px) {

    .ps-select [data-option] {
        background-color: #6EAFBE;
        color: transparent;
        justify-content: center;
        border-radius: 3px;
    }

    .ps-select [data-option].active {
        color: #fff;
    }

    .ps-select [data-select]:focus [data-option].active {
        background-color: #fff;
        color: #D68231;
    }

    .ps-select [data-select]:focus [data-option] {
        color: #666;
        background-color: #fff;
        width: calc(100% + 2px);
        margin-left: -1px;
        border-radius: 0;
    }

    .ps-select [data-select],
    .ps-select [data-option].disabled,
    .ps-select [data-select]:focus [data-option].disabled {
        background: none;
        color: #fff;
    }
}
/* ------------ /Pseudo Select -------------*/
/* ------------  Personalization Styles ------------- */

#personalization {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 40px;
    transition: all 0.5s ease;
}

#personalization #guestWelcome {
    font-size: 1.714285em;
    color: #6EAFBE;
    font-weight: 700;
    text-align: right;
}

.home #personalization.active {
    opacity: 1;
    visibility: visible;
}

.personalizationSetting {
    color: #6EAFBE;
}

.personalizationSetting:hover {
    color: #D68231;
}

#welcome, #welcome a {
    font-size: 20px;
    padding: 0px;
    text-align: right;
    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
}

#welcome a:hover {
    color: #6EAFBE;
}

#greeting {
    font-size: 0.583333em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    display: block;
    color: #666;
}

#personalizationPopupxy {
    position: fixed;
    width: 322px;
    z-index: 5000;
    top: 60px;
    left: 50%;
    margin: -5000px 0px 0px -161px;
    padding: 0px 1px 5px 1px;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    color: #ffffff;
    background-color: #D68231;
    transition: all 1s ease;
}

#personalizationPopupxy.active {
    margin-top: 10vh;
}

#personalizationPopupxy a {
    color: #ffffff;
    text-decoration: none;
}

#personalizationPopupxy a:hover {
    color: #eeeeee;
    text-decoration: underline;
}

.personalizationPopupTitle {
    font-size: 14px;
    text-align: center;
    margin-bottom: 14px;
    margin-top: 14px;
}

#personalizationPopup p {
    margin: 3px 10px 3px 10px;
    padding: 3px 0px 3px 0px;
}

#personalizationPopupx {
    position: absolute;
    width: 16px;
    z-index: 40;
    top: 0px;
    right: 0px;
    display: block;
    padding: 3px;
    font-weight: bold;
    margin-top: -2px;
    font-size: 14px;
}

#personalizationPopupx a:hover {
    background-position: 0px -16px;
}

#personalizationPopup {
    padding: 5px 30px 15px 30px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    color: #000000;
}

#personalizationPopup h1 {
    display: block;
    font-size: 20px;
    padding: 5px 0px 3px 0px;
    margin: 0px 0px 2px 0px !important;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
}

#personalizationPopup p {
    font-size: 12px;
    line-height: 14px;
    padding: 3px 0px 3px 0px;
    margin: 2px 0px 7px 0px;
    text-align: left;
}

#personalizationPopup label {
    display: inline-block;
    margin: 0px 15px 0px 0px;
}

#personalizationPopup a {
    font-size: 12px;
    text-decoration: none;
    color: #666666;
}

#personalizationPopup a:hover {
    text-decoration: underline;
    color: #666666;
}

#personalizationName {
    width: 250px;
}

#personalizationForm {
    margin: 0;
    padding: 0;
}

#personalizationPopupSubmitBtn {
    padding: 2px 10px 2px 10px;
}

.personalizationPopupClosePerm {
    display: block;
    margin-top: 8px;
}
/* ------------ /Personalization Styles ------------- */
/* ------------ Search ------------- */
#searchIcon {
    background-color: #ffffff;
    width: 45px;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 0px;
    cursor: pointer;
    z-index: 1200;
    /*-webkit-transition: all .5s ease;
	-moz-transition: 	all .5s ease;
	-ms-transition: 	all .5s ease;
	transition: 		all .5s ease;*/
}

#searchIcon:hover, #searchIcon.showSearch {
    background-color: #6EAFBE;
}

.fa-search {
    color: #6EAFBE;
}

#searchIcon:hover .fa-search, #searchIcon.showSearch .fa-search {
    color: #ffffff;
}

#searchxy {
    display: none;
    background-color: #6EAFBE;
    width: 210px;
    height: 55px;
    position: absolute;
    right: 0px;
    bottom: -55px;
    z-index: 1000;
    /*-webkit-transition: all .5s ease;
	-moz-transition: 	all .5s ease;
	-ms-transition: 	all .5s ease;
	transition: 		all .5s ease;*/
}

#searchxy.showSearch {
    display: block;
}

#search {
    position: absolute;
    right: 0;
    padding: 25px;
    box-sizing: border-box;
    margin: 0px;
    background-color: #6EAFBE;
    border-radius: 3px;
    transition: all .5s ease-in-out;
    top: calc(100% + 25px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.25);
}

#search * {
    z-index: 2;
    position: relative;
}

#search.active {
    opacity: 1;
    visibility: visible;
}

#search::before {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    left: 74%;
    background-color: #6EAFBE;
    transform: rotate(45deg);
    z-index: 1;
    transition: all 0.5s ease;
}

#search input {
    padding: 0.5em;
    border: none;
    margin: 0;
}

#search input:not(.Button1) {
    border-radius: 3px;
    width: 185px;
    border: solid 1px #fff;
    background-color: transparent;
    color: #ffffff;
}

#search ::-webkit-input-placeholder {
    opacity: 1; /*change to 0 to hide placeholders. Display none does not work*/
    color: #fff;
}

#search :-moz-placeholder { /* Firefox 18- */
    opacity: 1; /*change to 0 to hide placeholders. Display none does not work*/
    color: #fff;
}

#search ::-moz-placeholder { /* Firefox 19+ */
    opacity: 1; /*change to 0 to hide placeholders. Display none does not work*/
    color: #fff;
}

#search :-ms-input-placeholder {
    color: #fff; /*change to transparent to hide placeholders. Display none does not work*/
}
/* ------------ /Search ------------- */
/* ------------ MAINNAV ---------------------*/
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Primary Nav ---------------------------------------------------------------------*/
nav#primary {
    z-index: 1000;
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

nav#primary > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.25s ease;
    color: #6EAFBE;
    font-size: 1.25em;
    flex-grow: 1;
}

nav#primary > a:hover {
    color: #0A5D66;
}

nav#primary > a {
    text-transform: uppercase;
    font-weight: 600;
}

nav#primary > a.login {
    display: none !important;
    order: 2;
}

.home nav#primary > a.login {
    display: flex;
    order: 2;
    padding-top: 0px;
    padding-bottom: 0;
}

nav#primary > a.search {
    max-width: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    /* display: none; */
}

nav#primary > a.search.active {
    max-width: 14%;
    opacity: 1;
    /* display: block; */
    order: 3;
}

nav#primary > a::before {
    padding-right: 0.5em;
}

nav#primary a#nav-open {
    display: none;
}

nav#primary a#nav-open, nav#primary a#login-open {
    text-align: center;
}

nav#primary > ul {
    display: flex;
    padding: 0;
    margin: 0;
    flex-grow: 4;
}

nav#primary > ul > li {
    max-height: inherit;
    /* width: 25%; */
    position: relative;
    transition: all 0.5s ease;
    flex-grow: 1;
}

nav#primary > ul > li > h2, nav#primary > ul > li > a h2 {
    text-align: center;
    height: 60px;
    width: 100%;
    line-height: 60px;
    display: block;
    font-size: 1.125em;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.25s ease;
    padding-top: 0px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 0;
}

nav#primary > ul > li > a h2:hover {
    color: #6EAFBE;
}

nav#primary > ul > li:hover > h2 {
    background-color: #f3f3f3;
}

nav#primary ul li > div {
    max-width: 1175px;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    margin-left: -100%;
    transition: all 0.25s ease;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    bottom: auto;
    top: 100%;
    background-color: #f3f3f3;
}

nav#primary ul li > div {
    width: 700px;
}

nav#primary ul li:nth-child(n+2):last-child > div,
nav#primary ul li:nth-child(n+3):nth-last-child(-n+2) > div,
nav#primary ul li:nth-child(n+4):nth-last-child(-n+3) > div,
nav#primary ul li:nth-child(n+5):nth-last-child(-n+4) > div,
nav#primary ul li:nth-child(n+6):nth-last-child(-n+5) > div,
nav#primary ul li:nth-child(n+7):nth-last-child(-n+6) > div {
    right: 0px;
    left: auto;
    margin-right: -100%;
}

nav#primary ul li:last-child div {
    margin-right: 0px !important;
}

nav#primary ul li:first-child > div, nav#primary ul li.logo + li > div {
    margin-left: 0px !important;
}

nav#primary ul li:hover div {
}

nav#primary ul li div h3 {
    font-size: 1.125em;
    padding-bottom: 0.75em;
    padding-top: 0px;
    text-transform: none;
    font-weight: 700;
}

nav#primary ul li div > div {
    margin-top: -500px;
    transition: all 0.5s ease;
    padding: 25px;
    min-height: 150px;
    position: relative;
    width: 100%;
    border-bottom: 6px solid;
}

nav#primary ul li div > div {
    border-color: #6EAFBE;
}

nav#primary ul li div > ul {
    padding: 0;
    margin: 0;
}

nav#primary ul li div > ul li {
    width: auto;
}

nav#primary ul li div > div:first-child::before {
    content: none;
}

nav#primary ul li:hover div > div {
    margin-top: 0px;
}

nav#primary ul li:hover div > ul:only-child {
    padding-left: 25px;
}

nav#primary ul li a {
    line-height: 1.2em;
    display: block;
    margin-bottom: 0.75em;
    color: #666;
}

nav#primary ul li a:hover {
    color: #6EAFBE;
}
/*------------Subbanner----------------*/
.subsection-image {
    height: 250px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    border-top: 1px solid #e1e1dc;
    padding: 40px 128px;
    box-sizing: border-box;
}

body.basic .subsection-image {
    height: 30px;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.25);
    margin-top: -30px;
    border-top: none;
}
/**************************/
/**Slideshow Styles Start**/
/**************************/
#hero {
    width: 100%;
    height: 450px;
    position: relative;
    background-color: #000000;
}

#hero > .inner-content {
    width: 100%;
    height: 100%;
}

#hero-img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}

.Table-Slide {
    display: none;
}

/**************************/
/*Caption Container*/
.caption-container {
    position: absolute;
    left: 50%;
    top: 16%;
    width: 80%;
    height: 300px;
    text-indent: 0;
    overflow: hidden;
    margin-left: -40%;
    display: block;
    z-index: 7;
    padding: 0px;
    text-align: center;
}

.csstransforms .captionInActive {
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
    /*transform: scale(.5);
    transform: perspective(1px) scale(1.1)*/
    transition-delay: .1s;
}

.csstransforms .captionInActive > * {
    transition: all .8s ease-in-out;
    transform: translate(-100%, 0px);
    padding-left: 50px;
    padding-right: 50px;
}

.csstransforms .captionActive {
    z-index: 8;
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
    transition-delay: .5s;
    /*transform: scale(1);*/
    /*-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
     -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay:	0.65s;
	-moz-animation-delay: 		0.65s;
	animation-delay: 			0.65s;*/
}

.csstransforms .captionActive > * {
    transition: all .8s ease-in-out;
    transform: translate(0px, 0px);
}

.caption-container div.caption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.caption-container::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0A5D66;
    opacity: 0.35;
    z-index: -1;
}

.caption-container div.caption > * {
}

.caption-container .Button1, .caption-container .Button2 {
    font-size: 0.666666em;
}

.caption-container h2 {
    font-size: 3em;
    line-height: 1.166666666666667em;
    text-transform: uppercase;
    color: #fff;
}

.caption-container h2 a {
}

.caption-container h2 a:hover {
}

.caption-container h3 {
}

.caption-container h3:before, .caption-container h3:after {
}

.caption-container h3:after {
}

.caption-container p {
    font-size: 1.5em;
    color: #fff;
}

.caption-container a.Button2 {
    background-color: rgba(255,255,255,0.85);
}

.caption-container a.Button2:hover {
    background-color: #0A5D66;
}

.slideshow {
    position: relative;
    height: 100%;
    width: 100%;
    text-indent: -5000px;
}

.slideshow video, .slideshow .slide {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    top: 0;
    left: 0;
    z-index: 1;
    border-width: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .6;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.slideshow .slide.active, .slideshow video.active {
    z-index: 2;
}

.slideshow-container-controls {
    position: relative;
    margin: 0 auto;
    bottom: 50px;
    z-index: 8;
    width: 80%;
    max-width: 1024px;
    height: 20px;
    display: flex !important;
    justify-content: flex-end;
}

.slideshow-container-controls div {
    cursor: pointer;
    float: left;
    margin: 0px 7px 0px 0px;
    padding: 0px;
    overflow: hidden;
    text-indent: -5000px;
}

.slideshow-container-controls div img {
    display: none;
}

.slideshow-container-controls div a {
    display: block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    box-shadow: inset -2px 2px 2px rgba(0,0,0,0.25);
    border: solid 1px rgba(0,0,0,0.25);
    overflow: hidden;
    background: #fff;
    margin-top: 1px;
}

.csstransitions .slideshow-container-controls div a, .csstransitions .slideshow-container-controls div:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.slideshow-container-controls div a:hover {
    background: #ffffff;
}

.slideshow-container-controls div a .numeric-index {
    display: none;
}

.slideshow-container-controls div.toc-active a {
    background-color: #D68231;
}

#next, #previous {
    /* content: ""; */
    display: block;
    position: absolute;
    width: 60px;
    height: 100%;
    line-height: 400px;
    top: 0px;
    right: 0px;
    z-index: 8;
    cursor: pointer;
    color: #fff;
    opacity: .3;
    font-size: 100px;
    text-align: right;
    padding-left: 50px;
    padding-right: 50px;
}

#previous {
    left: 0px;
    text-align: left;
}

#next i, #previous i {
    position: absolute;
    top: 30%;
}

.csstransitions #next, .csstransitions #previous {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#next:hover, #previous:hover {
    opacity: 1;
}

#next:hover {
    -webkit-transform: translate(3px,0);
    -moz-transform: translate(3px,0);
    -ms-transform: translate(3px,0);
    transform: translate(3px,0);
}

#previous:hover {
    -webkit-transform: translate(-3px,0);
    -moz-transform: translate(-3px,0);
    -ms-transform: translate(-3px,0);
    transform: translate(-3px,0);
}

/** Slide transitions **
/** fade **/
.csstransforms .slideshow .slide, .csstransforms .slideshow video {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.csstransforms .slideshow .slide.active, .csstransforms .slideshow video.active {
    opacity: 1;
}

/**  Site Notice **/

.notice {
    font-size: 14px;
    color: #fff;
    background-color: #115e67;
    overflow: hidden;
    height: auto;
    -webkit-transition: max-height .75s ease-in-out;
    -moz-transition: max-height .75s ease-in-out;
    -ms-transition: max-height .75s ease-in-out;
    -o-transition: max-height .75s ease-in-out;
    transition: max-height .75s ease-in-out;
    max-height: 0px;
    /* use these styles if you would like a fixed bottom notice */
    /*position: fixed;
    z-index: 20600;
    bottom: 0;
    width: 100%;*/
}

.notice.active {
    -webkit-transition: max-height .75s ease-in-out;
    -moz-transition: max-height .75s ease-in-out;
    -ms-transition: max-height .75s ease-in-out;
    -o-transition: max-height .75s ease-in-out;
    transition: max-height .75s ease-in-out;
    max-height: 300px;
}

body.noticeactive .notice:not(.appbanner) {
    max-height: 300px;
}

body.bannernoticeactive .notice.appbanner.active {
    max-height: 300px;
}

.notice table {
    margin: 0;
}

.notice table tr td {
    border: none;
}

.noticeHtml table td {
    padding: 10px;
    text-align: center;
    box-shadow: inset 0px -1px 0px rgba(0,0,0,.25), inset 0px 1px 0px rgba(255,255,255,.5);
}

.noticeHtml p {
    padding: 5px 0;
    margin: 3px 0;
    color: #ffffff;
}

.noticeHtml > p {
    text-align: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.noticeHtml > p:first-of-type {
    padding-top: 10px !important;
    margin-top: 0 !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.5);
}

.noticeHtml > p:last-of-type {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
    box-shadow: inset 0px -1px 0px rgba(0,0,0,.25);
}

.noticeHtml > p:first-of-type:last-of-type {
    box-shadow: inset 0px -1px 0px rgba(0,0,0,.25), inset 0px 1px 0px rgba(255,255,255,.5);
}

.noticeHtml {
    overflow: hidden;
    color: #ffffff;
}

#notice.active .noticeHtml {
    box-shadow: 0px 1px 10px rgba(0,0,0,.25);
}

.noticeHtml a {
    color: rgba(255,255,255,.75);
    font-family: 'PT Sans Bold', Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.noticeHtml a:hover {
    color: rgba(255,255,255,.75);
}

.noticeHtml td.rev {
    background-color: transparent;
}

.noticecloser, .noticeclosersession {
    position: absolute;
    display: block;
    min-height: 30px;
    box-sizing: border-box;
    width: 20px;
    cursor: pointer;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 22px;
}

.noticecloser {
    right: 8px;
}

.noticeclosersession {
    right: 35px;
}

.noticecloser:before {
    content: "\f00d";
}

.noticeclosersession:before {
    content: "\f068";
}
/* For fixed header - disable notice-clone when header becomes relative. Adjust media query as necessary */
@media only screen and (max-width:1016px) {
    body.noticeactive > .notice {
        /* display: none; */
    }
}

@media (min-width:963px) {
    /**  Site Notice - Popup **/
    #notice {
        position: absolute;
        top: -1000px;
        left: 50%;
        width: 482px;
        margin-left: -241px;
        z-index: 5000;
        max-height: none;
        -webkit-transition: top .75s ease-in-out;
        -moz-transition: top .75s ease-in-out;
        -ms-transition: top .75s ease-in-out;
        -o-transition: top .75s ease-in-out;
        transition: top .75s ease-in-out;
        background: #ff6600;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eebc88', endColorstr='#f99f1f',GradientType=0 );
    }

    .cssgradients #notice {
        filter: none;
        background: #115e67; /* Old browsers */
        background: -moz-linear-gradient(top, #115e67 0%, #72b0bd 50%, #115e67 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #115e67 0%,#72b0bd 50%,#115e67 100%); /* Chrome10-25,Safari5.1-6 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115e67', endColorstr='#115e67',GradientType=0 ); /* IE6-9 */
        background: -o-linear-gradient(top, #115e67 0%,#72b0bd 50%,#115e67 100%);
        background: -ms-linear-gradient(top, #115e67 0%,#72b0bd 50%,#115e67 100%);
        background: linear-gradient(to bottom, #115e67 0%,#72b0bd 50%,#115e67 100%);
    }

    #notice.active {
        -webkit-transition: top .75s ease-in-out;
        -moz-transition: top .75s ease-in-out;
        -ms-transition: top .75s ease-in-out;
        -o-transition: top .75s ease-in-out;
        transition: top .75s ease-in-out;
        top: 190px;
    }

    #notice > div {
        margin: 25px;
        background-color: #f7f6f7;
        padding: 10px 15px 40px 15px;
        border-radius: 5px;
    }

    .noticeHtml table td {
        box-shadow: none;
    }

    .noticeHtml p {
        color: #666666;
    }

    .noticeHtml {
        color: #666666;
    }

    #notice.active .noticeHtml {
        box-shadow: none;
    }
}
/**  end of Site Notice **/

/*Responsive Queires*/
@media only screen and (max-width:1336px) { /*iPad Pro Landscape*/
    .slideshow video, .slideshow .slide {
        background-attachment: scroll;
    }
}

@media only screen and (max-width:1320px) {
    #previous, #next {
        /* bottom: 30px; */
    }

    #previous i, #next i {
        font-size: 60px;
        bottom: 118px;
        top: initial;
    }

    #previous-alternate, #next-alternate {
        bottom: 30px;
    }

    #previous-alternate i, #next-alternate i {
        font-size: 60px;
    }
}

@media only screen and (max-width:1190px) {
    #previous, #next {
        /* bottom: 15px; */
    }

    #previous i, #next i {
        font-size: 60px;
    }

    #previous-alternate, #next-alternate {
        bottom: 15px;
    }

    #previous-alternate i, #next-alternate i {
        font-size: 60px;
    }

    #hero #alternate .slideshow-container-controls {
        height: 90px;
        margin-left: -450px;
        width: 900px;
    }

    #hero #alternate .slideshow-container-controls div {
        height: 90px;
        width: 150px;
    }

    #hero #alternate .slideshow-container-controls div a {
        height: 35px;
        width: 120px;
        padding: 55px 15px 0px 15px;
        font-size: 14px;
    }

    #hero #alternate .slideshow-container-controls div a:before {
        font-size: 40px;
        top: 0px;
        margin-left: -20px;
    }

    #hero #alternate .next-section {
        height: 90px;
    }

    #hero #alternate .slideshow-outside-container .caption-container {
        bottom: 90px;
    }
}

@media only screen and (max-width:1000px) {
    #previous, #next {
        /* display: none; */
    }

    #previous-alternate, #next-alternate {
        /* display: none; */
    }

    #hero #alternate .slideshow-outside-container .caption-container {
        /* height: 340px; */
    }

    #previous-alternate i, #next-alternate i {
        color: rgba(255,255,255, .3);
    }

    #previous i, #next i {
        bottom: 130px;
    }
}

@media only screen and (max-width:920px) {

    #hero #alternate .slideshow-outside-container .caption-container {
        height: 330px;
        bottom: 0px;
    }

    #hero #alternate .slideshow-container-controls {
        height: 15px;
        margin-left: -450px;
        width: 120px;
        margin-left: -60px;
        bottom: 30px;
        display: none !important;
    }

    #hero #alternate .slideshow-container-controls div {
        height: 15px;
        width: 15px;
        margin-right: 5px;
    }

    #hero #alternate .slideshow-container-controls div a {
        height: 15px;
        width: 15px;
        padding: 0px;
        text-indent: -5000px;
        background-color: rgba(255, 255, 255, .5);
    }

    #hero #alternate .slideshow-container-controls div.toc-active-alternate a {
        background-color: #fff;
    }

    #hero #alternate .slideshow-container-controls div a:before {
        display: none;
    }

    #hero #alternate .next-section {
        display: none;
    }
}

@media only screen and (max-width:890px) {
    #hero {
        height: 425px;
    }

    .slideshow-container-controls {
    }

    .caption-container h2 {
        font-size: 52px;
        line-height: 52px;
    }

    .caption-container {
    }

    .caption-container p {
        /* font-size: 18px; */
        /* line-height: 18px; */
    }

    .slideshow-outside-container .caption-container {
        width: 560px;
        margin-left: -280px;
    }

    #hero #alternate .slideshow-outside-container .caption-container {
        height: 300px;
    }
}

@media only screen and (max-height:800px) {
    #caption-container {
        top: 25%;
    }
}

@media only screen and (max-width:768px) /*iPad Portrait*/ {
    #hero {
        height: 450px;
    }

    .slideshow-container-controls {
        bottom: 35px;
    }

    #previous i, #next i {
        bottom: 86px;
    }

    .caption-container h2 {
        font-size: 48px;
        line-height: 48px;
    }

    .caption-container p {
        font-size: 16px;
        line-height: 16px;
        padding-top: 10px;
    }

    .caption-container div.caption a.Button1, .caption-container div.caption a.Button2 {
        padding: 10px 20px;
        font-size: 18px;
    }

    #hero #alternate .slideshow-outside-container .caption-container {
        height: 240px;
    }

    .caption-container {
        height: 335px;
        top: 10%;
    }

    .caption-container h3:before, .caption-container h3:after {
        display: none;
    }

    .caption-container h3 {
        line-height: 32px;
        padding: 12px 0px;
    }
}

@media only screen and (max-height:700px) {
    .slideshow-outside-container .caption-container {
        top: 25%;
    }
}

@media only screen and (max-width:560px) /*Galaxy S, S2 Landscape*/ {
    #hero {
        height: 435px;
    }

    .caption-container h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .caption-container p {
        font-size: 14px;
        line-height: 14px;
    }

    .slideshow-outside-container .caption-container {
        width: 380px;
        margin-left: -190px;
    }

    #hero #alternate .slideshow-outside-container .caption-container {
        height: 210px;
    }

    #hero #alternate .caption-container div.caption {
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
}

@media only screen and (max-width:414px) /*iPhone 6 Plus Portrait*/ {
    .caption-container h2 {
        font-size: 28px;
        line-height: 28px;
    }

    .caption-container p {
        font-size: 14px;
        line-height: 14px;
    }

    .slideshow-outside-container .caption-container {
        width: 320px;
        margin-left: -160px;
    }
}
/**************************/
/** Slideshow Styles End **/
/**************************/
/*------Promos---------*/
.promo {
    background-color: #fff;
    background-image: url(../images/feature-image.jpg);
    clear: both;
}

.promo .promo-content {
    max-width: 1124px;
    margin: 0 auto;
    display: flex;
}

.promo table {
    width: 50%;
    padding: 50px 34px 50px 54px;
    display: block;
}

.promo table td {
    width: auto;
    padding: 0;
}

.promo h1 {
    font-family: "Open Sans Semibold", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    text-transform: uppercase;
    color: #6EAFBE;
    margin: 0;
    padding: 0;
}

.promo h2 {
    font-family: "Open Sans Semibold", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    color: #666666;
    margin: 0;
    padding: 0;
}
/*.promo p {
	padding: 10px 0;
	margin: 0;
	line-height: 24px;
}*/
/*------/Promos---------*/
/*------Weather and Stock---------*/
#weatherstockxy {
    width: 100%;
    /* border-top: 6px solid; */
    background-color: #6EAFBE;
    background-image: url(../images/bg_checkered.png);
    position: relative;
}

#weatherstockxy {
    border-color: #6EAFBE;
}

#weatherstock, #weatherstockcontainer {
    margin: 0 auto;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#weatherstock {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

#weatherstock.stocks, #weatherstock.weather {
    opacity: 1;
    visibility: visible;
}

#weatherstocktoggle {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
}

#weatherstocktoggle > * {
    display: block;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    line-height: 45px;
}

#weatherstocktoggle span::before {
    padding-right: 0.5em;
}

span.stock, span.weather {
    max-width: 0%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    padding: 0;
    box-sizing: border-box;
}

#weatherstock.stocks span.stock, #weatherstock.weather span.weather {
    opacity: 1;
    max-width: 100%;
    visibility: visible;
    padding-right: 2em;
    text-overflow: ellipsis;
}

#weatherstock p strong {
    padding-right: 2em;
}

#weatherstock p > *:last-child {
    padding-right: 0;
}

#weatherstock p {
    margin: 0 auto;
    padding: 0 25px;
    transition: all 0.5s ease;
    width: 100%;
    box-sizing: border-box;
}

#weatherstock.stocks p, #weatherstock.weather p {
    height: 45px;
}

#weatherstock p.currentInfo {
    cursor: pointer;
}

.currentInfo {
    cursor: pointer;
}

.fa-cloud, .fa-line-chart {
    padding-right: 10px;
    padding-left: 40px;
    cursor: pointer;
}

#weatherstockcontainer {
    height: 0px;
    overflow: hidden;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    border-top: solid 1px rgba(255,255,255,0);
}

.stocks + #weatherstockcontainer.showUpdates, .weather + #weatherstockcontainer.showUpdates {
    height: 230px;
    padding-top: 10px;
    overflow: hidden;
    border-top: solid 1px rgba(255,255,255,0.5);
}

#weatherstockcontainer #weathercontainer, #weatherstockcontainer #stockscontainer {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    max-width: 0;
    overflow: hidden;
}

.stocks + #weatherstockcontainer #stockscontainer, .weather + #weatherstockcontainer #weathercontainer {
    opacity: 1;
    visibility: visible;
    max-width: 50%;
}

.show {
    display: block;
}

#weathercontainer, #stockscontainer {
    float: left;
    width: auto;
}

#weatherstockcontainer.showUpdates #weathercontainer, #weatherstockcontainer.showUpdates #stockscontainer { /* padding-top: 10px; */
    box-sizing: border-box;
}

#stockscontainer h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 75px;
    overflow: hidden;
    padding-top: 12px;
    font-size: 24px;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
    font-weight: normal;
}

#weather {
    float: left;
    width: 255px;
    height: 160px;
    padding: 12px 22px 8px 38px;
}

#stock {
    float: left;
    width: 255px;
    height: 203px;
    padding: 23px 32px 8px 21px;
    display: none;
}

/*------/Weather and Stock---------*/
/*------Quicklinks--------------*/
.quicklinks {
    width: 100%;
    height: 130px;
    padding: 30px 0;
    color: #ffffff;
    border-top: 6px solid;
    background-color: #0A5D66;
    background-image: url(../images/quicklinks-background.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    -webkit-transition: background-size .5s ease;
    -moz-transition: background-size .5s ease;
    -ms-transition: background-size .5s ease;
    transition: background-size .5s ease;
    position: relative;
}

.quicklinks {
    border-color: #0A5D66;
}

.quicklinks > * {
    position: relative;
    z-index: 2;
}

.quicklinks::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0A5D66;
    opacity: 0.9;
    z-index: 1;
}
/*.quicklinks:hover {
	background-size: 110%;
}*/
.quicklinks table {
    max-width: 1024px;
    margin: 0 auto;
}

.quicklinks table td {
    width: 50%;
}

.quicklinks h1, .quicklinks h2 {
    font-family: 'Open Sans Semibold', sans-serif;
    padding: 10px 0px;
    margin: 0px;
    color: #ffffff;
}

.quicklinks h2 + h1 {
    padding: 0px;
    margin-top: -10px;
}

.quicklinks h1 {
    text-transform: uppercase;
    font-size: 2.25em;
}

.quicklinks h2 {
    font-size: 1.75em;
}

.quicklinks p {
    color: #ffffff;
    font-size: 18px;
}

.quicklinks a {
    color: #ffffff;
    text-decoration: none;
}

.quicklinks a:hover, .quicklinks ul li:hover:before {
    color: #6EAFBE;
}

.quicklinks ul li {
    list-style-type: none;
    position: relative;
    padding: 0px 0px 0px 20px;
    margin: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.quicklinks ul li:before {
    content: '\f101';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 16px;
    left: 0;
    top: 4px;
    color: #ffffff;
}


/*------/Quicklinks--------------*/
/*---------Content----------------*/
header + .subsection {
    position: relative;
    padding-top: 60px;
}

header + .subsection::before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: relative;
    top: -60px;
    background-image: url(../images/bg_checkered.png);
    background-color: #6EAFBE;
}

.subsection {
    padding: 46px 128px;
    background-color: #fff;
}

h1 {
    font-family: "Open Sans Semibold", Arial, Helvetica, sans-serif;
    font-size: 2.25em;
    text-transform: uppercase;
    color: #6EAFBE;
    margin: 0;
    padding: 0;
}

h2, h2 a {
    font-family: "Open Sans Semibold", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    color: #0A5D66;
    margin: 0;
    padding: 0;
}

h3 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.25em;
    text-transform: uppercase;
    color: #0A5D66;
    margin: 0;
    padding: 0;
}

h4 {
    margin: 0;
    padding: 10px 0;
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0.5em 0;
}

p {
    padding: 10px 0;
    margin: 0;
    line-height: 24px;
}

.Disclaimer {
    font-size: 12px;
    line-height: 16px;
    color: #a8a8a8;
}

a {
    text-decoration: none;
    color: #D68231;
    cursor: pointer;
    transition: all 0.25s ease;
}

ul {
    padding-left: 1.25em;
}

a:hover {
    color: #6EAFBE;
}

.subsection a {
    font-weight: 600;
}

.subsection .Button1, .subsection .Button2 {
    font-weight: normal;
    cursor: pointer;
}

.Button1, form.contact .submit {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
    background-color: #D68231;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 15px 0 0;
    transition: all 0.25s ease;
}

.Button2 {
    display: inline-block;
    text-decoration: none;
    color: #D68231;
    font-size: 1em;
    background-color: transparent;
    border: 1px solid;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 15px 0 0;
}

.Button2 {
    border-color: #D68231;
}

.Button1, .Button2 {
    text-align: center;
}

.Button1:last-child, .Button2:last-child {
    margin-right: 0;
}

.Button1:hover, .Button2:hover, form.contact .submit:hover {
    background-color: #0A5D66;
    border-color: #0A5D66;
    color: #ffffff;
}

.subsection ul li {
    list-style-type: none;
    position: relative;
    padding: 0px 0px 0px 20px;
    /* margin: 10px 0; */
    font-family: 'Open Sans', sans-serif;
}

.subsection ul li:before {
    content: '\f101';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    left: 0;
    /* top: 4px; */
    padding: 0px 0;
    color: #D68231;
}
/*----------------Forms-----------------*/
.floatLeft {
    float: left;
    width: 55%;
}

#contactform {
    width: 40%;
    float: right;
    padding-left: 5%;
    margin-bottom: 5%;
}
/*--------Tables--------------------------*/
.callout {
    width: 250px;
    float: right;
    color: #D68231;
    border: 1px solid #D68231;
    padding: 15px;
    border-radius: 8px;
    margin-left: 25px;
    margin-bottom: 10px;
    text-align: center;
    border-collapse: separate;
}

.callout h4 {
    color: #D68231;
    font-size: 16px;
    text-transform: uppercase;
}

.Table-Simple {
    margin-bottom: 15px;
}

.Table-Simple td {
    border-bottom: 1px solid #cccccc;
}

.Table-Style {
    margin: 10px 0;
}

.Table-Style caption, .Table-Product th {
    background-color: #0A5D66;
    color: #ffffff;
    font-size: 1.10em;
    padding: 18px;
    text-align: left;
}

.Table-Product th {
    border-right: solid 1px rgba(255,255,255,0.1);
}

.Table-Product th:last-child {
    border-right: none;
}

.Table-Style th {
    background-color: #eeeeee;
    font-weight: bold;
    padding: 15px;
    border-right: 1px solid #cccccc;
}

.Table-Style td, .Table-Product td {
    padding: 15px;
    line-height: 24px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    transition: all 0.25s ease;
}

.Table-Style td > *:first-child, .Table-Product td > *:first-child {
    margin-top: 0px;
    padding-top: 0px;
}

.Table-Style td > *:last-child, .Table-Product td > *:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.Table-Style th:first-child, .Table-Style td:first-child, .Table-Product td:first-child {
    border-left: 1px solid #cccccc;
}

.Table-Style tr:hover td, .Table-Product tr:hover td {
    background-color: #f5f5f5;
}

.Table-Product {
    margin: 10px 0;
}

.Table-Product td:first-child {
    background-color: #eee;
    font-weight: 700;
}

.Table-Product tr:first-child td:first-child {
    border-top: solid 1px #ccc;
}

.Table-Product th:first-child {
    background: none;
    color: #ccc;
}
/*---------/Content----------------*/
/*------------footer------------*/
#footerxy {
    margin-bottom: -10px;
    width: 100%;
    background-color: #eee;
    padding: 25px;
    box-sizing: border-box;
}

#footerlinks {
}

#footerlinks ul {
    margin: 0;
    padding: 0;
}

#footerlinks ul li {
    list-style: none;
    display: inline;
}

#footerlinks ul li a {
    padding: 0px 5px;
    color: #0A5D66;
}

#footerlinks ul li:first-child {
    padding-left: 0px;
}

#footerlinks p {
    color: #666666;
    padding: 0;
    margin: 0;
    font-size: 0.875em;
}

#footerlinks a {
    color: #0A5D66;
    text-decoration: none;
}

#footerlinks a:hover {
    color: #D68231;
}

#footerlogos {
    color: #0A5D66;
    font-size: 30px;
    float: right;
}

.icon-ehl:before {
    content: "\e600";
    font-family: 'fiserv';
    font-weight: normal;
    font-size: 30px;
    color: #0A5D66;
}

.icon-fdic:before {
    content: "\e601";
    font-family: 'fiserv';
    font-weight: normal;
    font-size: 30px;
    color: #0A5D66;
}

[class*="fa-"]::before {
    font-family: "FontAwesome";
    font-weight: 400;
}

.social {
    color: #0A5D66;
}

.social:hover {
    color: #D68231;
}
/*------------/footer------------*/
#gototop {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    position: fixed;
    right: 12px;
    bottom: 100px;
    color: #D68231;
    border: 1px solid;
    font-size: 16px;
    z-index: 9999999;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#gototop {
    border-color: #D68231;
}

#gototop.gototophide {
    opacity: 0;
}

#gototop:hover {
    color: #6EAFBE;
    border-color: #6EAFBE;
}

#gototop.downscale {
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -ms-transform: scale(0.0);
    transform: scale(0.0);
}
/******************************/
/** Toolbar Styles **/

#toolbarxy {
    width: 100%;
    overflow: hidden;
    background-color: #0A5D66;
    background-image: url(../images/bg_checkered.png);
    min-height: 30px;
    transition: all 0.5s ease;
}

.desktop #toolbarxy {
    display: block;
    max-height: 30px;
    min-height: 30px;
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
}

.desktop.opentools #toolbarxy {
    max-height: 4000px;
    height: auto;
    -webkit-transition: max-height 3s ease;
    -moz-transition: max-height 3s ease;
    -ms-transition: max-height 3s ease;
    transition: max-height 3s ease;
}

#toolbarlinks {
    width: 100%;
    height: 30px;
    padding: 0px;
    margin: 0px;
    color: #e3e3e3;
    cursor: pointer;
    transition: 1s ease;
    transform: translateX(100%);
}

#toolbarxy.active #toolbarlinks {
    transform: translateX(0%);
}

#toolbarlinks h2 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    display: block;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    font-weight: normal;
    color: #e3e3e3;
    margin: 0px 25px 0px 0px;
    padding: 0px 25px 0px 0px;
    cursor: pointer;
    float: right;
    position: relative;
}

#toolbarlinks h2:after {
    content: '\f013';
    position: absolute;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    right: 5px;
    top: 0px;
    color: #ffffff;
}

#toolbarlinks ul {
    margin: 0px;
    padding: 0px 2% 0px 0px;
    list-style-type: none;
    color: #ededed;
    float: right;
}

#toolbarlinks ul li {
    display: inline;
    font-size: 12px;
    line-height: 30px;
    padding: 0px 15px;
}

#toolbarlinks ul li:hover {
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

#tools {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    background-color: #eee;
    max-height: 0;
    transition: all 0.5s ease;
}

.opentools #tools {
    max-height: 300px;
}

.toolsnav {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    box-sizing: border-box;
    list-style: none;
    padding: 25px 0;
}

.toolsnav > li {
    flex-grow: 1;
}

.toolsnav li ul {
    list-style: none;
    padding-left: 1.125em;
}

#tools::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

#tools ul.toolsnav {
    position: relative;
    margin: 0 auto;
    list-style-type: none;
    max-width: 1024px;
}

#tools ul.toolsnav > li {
    float: left;
    width: 25%;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    padding-top: 1%;
}

#tools ul.toolsnav li a.toolstitle {
    position: relative;
    color: #0A5D66;
    height: 30px;
    padding: 0 25px;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
}

#tools ul.toolsnav li a.toolitem1:before, #tools ul.toolsnav li a.toolitem2:before, #tools ul.toolsnav li a.toolitem3:before, #tools ul.toolsnav li a.toolitem4:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    left: 0px;
    top: -2px;
    color: #0A5D66;
}
/*http://fortawesome.github.io/Font-Awesome/cheatsheet/*/
#tools ul.toolsnav li a.toolitem1:before {
    content: '\f19c';
}

#tools ul.toolsnav li a.toolitem2:before {
    content: '\f1e0';
}

#tools ul.toolsnav li a.toolitem3:before {
    content: '\f004';
}

#tools ul.toolsnav li a.toolitem4:before {
    content: '\f07a';
}

.toolscontent {
    /*height: 115px;*/
    padding: 10px;
}

.toolscontent a {
    color: #666666;
    text-decoration: none;
}

.toolscontent a:hover {
    color: #D68231;
}

.toolscontent ul {
    list-style: square;
    margin: 0px;
    padding: 0px 0px 10px 10px;
}

.toolscontent .fa {
    font-size: 35px;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    color: #0A5D66;
}
/**********************************************************/
/**********************Responsive Styles*********************/
@media only screen and (max-width:1280px) {
    #bodyxy {
        width: 100%;
    }

    .subsection {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width:1050px) {
    #header {
        width: 100%;
        padding: 0 50px;
        box-sizing: border-box;
    }

    #obContent {
        width: 90%;
    }

    #personalization {
        right: 5%;
    }

    #searchIcon, #searchxy {
        right: 0;
    }

    .desktop #mainnav, .desktop #mainnavxy {
        width: 925px;
    }

    .desktop #mainnav ul.nav li a.category {
        padding: 0 20px;
    }

    .subsection {
        padding: 40px 50px;
    }

    .promo table.promoTableOuter {
        width: 100%;
    }

    .desktop #mainnav ul li div.item4panel, .desktop #mainnav ul li:hover div.item4panel {
        left: 200px;
    }

    #footer {
        width: 90%;
        padding: 0 5%;
    }
}

@media only screen and (max-width:1024px) {
    body.home #obContent, body.home #obxy:hover #obContent, body.home #obxy:hover #obContent {
        height: 100px;
    }

    #oblinks {
        display: block;
    }

    #logo {
        margin-left: 50px;
        display: none;
    }

    header + .subsection::before {
        position: absolute;
        top: 0;
        left: 0;
    }

    #personalization {
        display: none;
    }
    /*Primary Nav mobile ---------------------------------------------------------------------*/
    nav#primary > a.login {
        display: flex !important;
    }

    #login {
        background-color: #6EAFBE;
        font-size: 1rem;
        order: 2;
    }

    #login h2 {
        color: #fff;
    }

    #login form label {
        border: solid 1px #fff;
        border-radius: 3px;
    }

    #login form label,
    #login button[class*="Button"] {
        width: 100%;
        margin: 4px 0;
        height: 2.25rem;
    }

    #login form input, #login form select {
        background-color: #6EAFBE;
        color: #fff;
        text-align: center;
        border-radius: 3px;
    }

    #login button[class*="Button"] {
        border-radius: 3px;
        padding: 0.5em;
    }

    #login ul {
        justify-content: space-between;
    }

    #login ul li a {
        color: #fff;
    }

    #login :-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }

    #login, #search {
        position: relative;
        width: 100%;
        border-radius: 0;
        max-height: 0;
        padding: 0 25px;
        overflow: hidden;
        opacity: 1;
        text-align: center;
        background-image: url(../images/bg_checkered.png);
        box-shadow: none;
        right: 0px;
    }

    #search.active {
        max-height: 82px;
        padding: 25px;
    }

    #search .Button1, #login .Button1, form.contact .submit {
        font-size: 1em;
    }

    #login.active {
        max-height: 290px;
        padding: 25px;
        width: 100%;
    }

    #login::before, #search::before {
        content: none;
    }

    #search input:not(.Button1) {
        width: calc(100% - 90px);
    }

    #login ul,
    #login form,
    #search form {
        max-width: 450px;
        margin: 0 auto;
    }

    body.searchActive #login::before, #login::before {
        left: 50%;
        margin-left: -25px;
    }

    nav#primary > a.login {
        padding-right: 25px;
    }

    #header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0;
    }

    nav#primary {
        flex-wrap: wrap;
        margin-top: 0;
        align-items: center;
    }

    nav#primary a#nav-open {
        display: block;
        order: 1;
        position: relative;
    }

    nav#primary a.search.active ~ a#nav-open, .home nav#primary a#nav-open, nav#primary a.search.active ~ a.login {
        padding-right: 0;
    }

    nav#primary > a {
        padding: 0;
        font-size: 1.75em;
    }

    nav#primary > a::before {
        padding-right: 0;
    }

    nav#primary > a, nav#primary > a.search.active {
        max-width: 50px;
    }

    nav#primary a.search.active {
        padding-right: 25px;
    }

    nav#primary > a span {
        display: none;
    }

    nav#primary > a.fa-lock {
        max-width: 100px;
    }

    nav#primary > a.fa-lock span {
        display: block;
    }

    nav#primary > a.fa-lock::before {
        content: none;
    }

    nav#primary > a#mobile-logo {
        padding: 25px;
        display: block;
        width: 33.333%;
    }

    nav#primary > a.login {
        order: 2;
    }

    nav#primary > a.search {
        order: 3;
    }

    nav#primary > ul {
        flex-direction: column;
        width: 100%;
        order: 4;
        overflow: hidden;
    }

    nav#primary ul li {
        margin-top: -80px;
        transition: all 0.5s ease;
        transition-delay: 0s;
    }

    nav#primary > #nav-open.active + ul li {
        margin-top: 0;
    }

    nav#primary ul li > div {
        position: relative;
        width: 100%;
        margin: 0;
        top: auto;
        left: auto;
    }

    nav#primary ul li > h2, nav#primary ul li > a h2 {
        border-top: solid 1px #ccc;
        text-align: left;
        padding: 0 25px;
    }




    nav#primary ul li > h2.active + div > div, nav#primary ul li > a h2.active + div > div, nav#primary ul li:hover > h2.active + div > div {
        margin-top: 0;
    }

    nav#primary ul li:hover > div > div {
        margin-top: -500px;
    }

    nav#primary ul li:hover > h2 {
        background-color: #fff;
    }

    #toolbarxy:not(.active) {
        height: 10px;
        min-height: 0px;
    }

    #weatherstock {
        transition: all 0.5s ease;
        max-height: 45px;
    }

    #weatherstock:not(.weather):not(.stocks) {
        max-height: 15px;
    }
}

@media only screen and (min-width:1016px) {
    /*body.login-open .caption-container {
        width: 50%;
        text-align: left;
    }*/

    body.home .responsive-zoom-wrapper {
        height: auto !important;
    }

    #mainimgxy {
        width: 100%;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}

@media only screen and (max-width:1016px) {
    #slideshow-container-controls {
        right: 2%;
    }

    #caption-container {
        left: 2%;
        width: 93%;
    }

    div.menubutton {
        display: block;
        padding-left: 5%;
    }
}

@media only screen and (max-width:880px) {
    .promo {
        height: auto;
    }

    .promo .promo-content {
        flex-direction: column;
    }

    .promo table {
        box-sizing: border-box;
        padding: 25px 50px;
        width: 100%;
    }

    #weatherstockcontainer {
        padding-left: 50px;
        padding-right: 50px;
        box-sizing: border-box;
        width: 100%;
    }

    .quicklinks {
        height: auto;
        background-size: cover;
    }

    .quicklinks:hover {
        background-size: cover;
    }

    .quicklinks table {
        width: 100%;
    }

    .quicklinks table td {
        width: 100% !important;
        float: left;
        text-align: center;
        padding: 0;
    }

    .quicklinks ul, .quicklinks ul li {
        padding: 0px;
    }

    .quicklinks ul li:before {
        display: none;
        padding: 0px;
    }

    .quicklinks h1 {
        font-size: 30px;
    }

    .quicklinks h2 {
        font-size: 24px;
    }

    .quicklinks ul li {
        font-size: 14px;
    }

    #greeting {
        width: 240px;
        text-align: right;
    }
}

@media only screen and (max-width:730px) {
    #weatherstock {
        width: 100%;
    }

    #weatherstockcontainer {
        display: block;
    }

    .stocks.weather + #weatherstockcontainer.showUpdates {
        height: 475px;
    }

    .weather + #weatherstockcontainer.showUpdates, .stocks + #weatherstockcontainer.showUpdates {
        height: 260px;
    }

    .stocks + #weatherstockcontainer #weathercontainer, .weather + #weatherstockcontainer #stockscontainer {
        height: 0px;
    }

    .stocks.weather + #weatherstockcontainer #weathercontainer, .stocks.weather + #weatherstockcontainer #stockscontainer {
        height: 215px;
    }

    #weatherstock p {
        float: none;
        text-align: center;
    }

    #weatherstock p strong {
        display: none;
    }

    .weather + #weatherstockcontainer #weathercontainer, .stocks + #weatherstockcontainer #stockscontainer {
        max-width: 100%;
    }

    .currentInfo {
        display: none;
    }

    .fa-cloud, .fa-line-chart {
        padding-left: 10px;
    }

    .subsection {
        padding: 6% 6% 10% 6%;
    }

    #contactform, .floatLeft {
        width: 100%;
        float: none;
        padding-left: 0%;
    }
}

@media only screen and (max-width:700px) {
    #personalization {
        display: none;
    }

    #personalizationPopupxy {
        margin-top: -5000px;
        display: none;
    }

    #logo {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
}

@media only screen and (max-width:640px) {
    nav#primary {
        margin-top: 0;
        justify-content: space-between;
    }

    nav#primary > a#mobile-logo {
        padding-top: 3.125%;
        padding-bottom: 3.125%;
    }

    #header {
        width: 100%;
        /* padding: 0; */
    }

    .subsection-image {
        height: auto;
        padding-bottom: 33%;
        background-attachment: scroll;
        background-size: 165%;
        background-position: 40% 35%;
    }

    body.basic .subsection-image {
        padding-bottom: 0;
    }

    body.mobile #mainnavxy {
        max-height: 40px;
    }

    body.mobile #mainnavxy > h2 {
        line-height: 40px;
    }

    div.menubutton {
        width: 35px;
        height: 28px;
        padding: 6px 10px;
    }

    .menubutton span {
        height: 3px;
        margin-top: 5px;
    }

    body.mobile .navpanel {
        width: 100%;
        padding: 0;
    }

    body.mobile .panelxy div {
        float: none;
        padding: 0;
        width: 100%;
        border-top: 1px solid #cecece;
    }

    body.mobile .panel_content ul li {
        font-size: 16px;
        line-height: 19px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #cecece;
    }

    body.mobile .panel_content ul li a {
        margin: 0px 0px 0px 0px;
        padding: 10px 50px;
        line-height: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    body.mobile .panel_content ul li a:hover {
        background: rgba(255,255,255,.75);
    }

    body.mobile .panel_content h2 {
        color: #004780;
        padding: 10px 0px 2px 40px;
        margin: 2px 0px 2px 0px;
    }

    .opentools #tools {
        max-height: 1000px;
    }

    #toolbarlinks ul {
        display: none;
    }

    #tools ul.toolsnav {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        flex-direction: column;
    }

    #tools ul.toolsnav li a.toolstitle {
        margin-left: 5%;
        height: 40px;
        line-height: 40px;
    }

    .toolscontent ul {
        margin: 0px;
    }

    #tools ul.toolsnav > li {
        border-bottom: 1px solid #ccc;
        max-height: 40px;
        overflow: hidden;
        width: 100%;
        transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    }

    #tools ul.toolsnav > li:active {
        background-color: #cccccc;
    }

    #tools ul.toolsnav > li.activetools {
        max-height: 4000px;
        height: auto;
        background-color: rgba(0,0,0,0.1);
        -webkit-transition: all 3s ease;
        -moz-transition: all 3s ease;
        -ms-transition: all 3s ease;
        transition: all 3s ease;
    }

    .toolscontent {
        padding-left: 5%;
    }

    .callout {
        float: none;
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
    }

    .Table-Simple {
        width: 100% !important;
    }

    #footerxy {
        height: auto;
    }

    #footerlogos {
        float: none;
        width: 225px;
        margin: 0 auto;
    }

    #footerlinks {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width:615px) {
    #selectxy, #accessfieldxy {
        float: none;
        margin: 0 auto;
    }

    #accessfieldxy {
        padding: 10px 0px 0px 0px;
    }

    body.home.showOB #obContent, body.home.showOB #obxy:hover #obContent, body.home.showOB #obxy:hover #obContent {
        height: 180px;
    }

    nav#primary ul li > div {
        flex-wrap: wrap;
        flex-direction: column;
    }

    nav#primary ul li > div > div {
        border-bottom: none;
        padding: 0;
        min-height: 0;
        background-color: #f3f3f3;
    }

    nav#primary ul li > div > div h3, nav#primary ul li > div > div ul li a {
        padding: 0.75em 25px;
        border-top: solid 1px #ccc;
        margin: 0;
    }

    .Table-Product td::before {
        content: attr(data-title);
        display: block;
        font-weight: 700;
        font-size: 16px;
        color: #0A5D66;
    }

    .Table-Product thead {
        display: none;
    }

    .Table-Product td:first-child::before {
        content: none;
    }

    .Table-Product td:first-child {
        font-size: 16px;
    }

    .Table-Product td {
        display: block;
        border-left: solid 1px #ccc;
    }
}

@media only screen and (max-width:500px) {
    #logo img {
        width: 80%;
    }

    .Button1, .Button2 {
        display: block;
        margin-right: 0;
        margin-top: 0.5em;
    }

    #search input.Button1, #search input.Button2 {
        display: inline;
    }

    #weatherstockcontainer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .promo table {
        box-sizing: border-box;
        padding: 25px;
        width: 100%;
    }
}

@media only screen and (max-width:420px) {
    .caption-container {
        height: 310px;
    }

    #hero {
        height: 400px;
    }

    .promo table td {
        display: block;
    }
}

@media only screen and (max-width: 350px) {
    #weatherstockcontainer iframe {
        transform: scale(0.75) translateX(-16%);
    }
}